Decorative WebGL Backgrounds | Codrops
A collection of decorative shapes displayed as backgrounds using WebGL. The shapes are created with Three.js and animated with the TweenMax library. Today we are going to explore some original and experimental backgrounds generated using WebGL. The main idea is to show interesting animated shapes as decorative page backgrounds, some having subtle interactivity. All the demos are made with the Thre
フロントエンド一年生が一人で制作した驚きの本格 WebGL 事例！ 新宿KAWANO のウェブサイトがすごい！ - WebGL 総本山
top 2017 年 01 月 フロントエンド一年生が一人で制作した驚きの本格 WebGL 事例！ 新宿KAWANO のウェブサイトがすごい！ 新進気鋭のエンジニアが生み出した世界 今回ご紹介するのは、ウェブのフロントエンドに関わって一年の、新卒エンジニアが生み出した驚きの WebGL 実装サイトです。 クライアントは、新宿にあるセレクトショップ KAWANO。60 年以上の歴史を持つ老舗です。ウェブ制作を行なったのは株式会社バケモノに所属するエンジニア @Tacintosh_0810 さん。なんと驚くことに、彼は新卒エンジニアでまだウェブ制作に関わって一年余りだそう。 サイトを拝見すると、ウェブ一年目のエンジニアが生み出したとは思えない驚きのクオリティになっていることがわかるかと思います。 今回は実装に当たって @Tacintosh_0810 さんがイメージしたもの、工夫した箇所など、ち
WebGLでGLSL (Shader) を書く流れを（ざっくり）まとめた - Qiita
概要 WebGLでは固定機能パイプライン (Fixed-function pipeline) が使えないので、すべてシェーダ (Shader) を自作する必要がある。 Shader記述言語であるGLSL (OpenGL Shading Language)を使ってシェーダを書くというのはどういうことか理解する。 動機 個人的にHTMLとJavaScriptを行ったり来たりするので、どこがどうなってるのか分からなかった（いまだにわかってない部分も多いが）、のでメモがてら書く。 シェーダの種類 シェーダには2つの種類がある。頂点シェーダ (Vertex shader)とフラグメントシェーダ (Fragment shader)。 基本的には頂点シェーダを使って座標系を操作し、フラグメントシェーダを使って色や光などをつけるイメージ。 各シェーダの役割 頂点シェーダ 最初に呼ばれるシェーダ。頂点情報を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
