[B! three.js][WebGL] abtkyのブックマーク

Poursuit of sound

En 2017, Biborg et toute l'équipe sont heureux de vous accompagner à la poursuite de nouvelles campagnes innovantes et créatives. Évite les obstacles, attrape les orbes et crée tes propres tracks dans une course musicale futuriste. Prêt à envoyer du son ? Utilise les flèches de ton clavier pour te déplacer. ou Enfile ton Cardboard et joue sur smartphone. pos.biborg.com

abtky 2017/01/16

リンク

WebGLの能力を引き出すプログラマブルシェーダー

WebGLの能力を引き出すプログラマブルシェーダー Webページ上で利用できるグラフィック技術を紹介する本連載も、ついに最終回となりました。フィナーレを飾る題材は、WebGLの最も強力な機能である「プログラマブルシェーダー」です。前回（多彩な表現力のWebGLを扱いやすくする「Three.js」）と同様にThree.jsの使用を前提として、プログラマブルシェーダーの基本的な書き方と、Three.jsを各機能に組み込む方法を解説します。前回はThree.jsの代表的な機能を解説し、いずれもWebGLでなければ実現の難しいものばかりでした。しかし、実はそれでもWebGLの能力のごく一部を使っているにすぎません。独自のプログラマブルシェーダー（カスタムシェーダー）を書くことができれば、描画処理の大部分を柔軟にカスタマイズでき、望み通りの表現を得られます。Three.jsの使い方に慣れたら、ぜひ

abtky 2016/10/27

リンク

Airtight Interactive

Felix Turner is a Creative Techno logist based in Los Angeles. I do front-end web development and prototyping with JavaScript, WebGL and GLSL shaders. I love building experiences that are innovative & fun. Clients include Apple, Google, Nike and Yeezy. Featured Work I've been lucky to work with some great brands and agencies. Here is a selection of recent work.

abtky 2016/10/26

リンク

HTML5による物理シミュレーション環境の構築～WebGLライブラリThree.js 入門（２／３）～

本稿では新しいWEBページ用の言語であるHTML5＋WebGLを利用して、ウェブブラウザ上で、物理シミュレーションの計算と描画をリアルタイムに実行する「物理シミュレータ」の作成までの手順を記述します。本稿では、物理シミュレータの例として、任意の初期条件に対する２重振り子の時間発展を４次のルンゲクッタ法を計算する「２重振子シミュレータ」を構築します。また、本稿では WebGL を簡単に利用することができるWebGLライブラリとして著名な Three.js を用いています。物理や工学とは無関係に、初めて Three.js を利用する人がチュートリアルとしても利用できることも意図しております。パート１では、主に Three.js の使い方について触れました。パート２では、拘束力のある運動の代表例である単振子を取り上げ、物理演算結果のリアルタイム描画＋物理量の時間発展の様子をグラフ化しま

abtky 2015/04/24

リンク