Three.jsを使わずにWebGLの基礎を48分で学ぶ - Qiita
WebGLの基礎を動画で学ぶ [] (https://egghead.io/courses/create-3d-graphics-in-javascript-using-webgl) eggheadの動画講座では全10回・48分4秒でWebGLの基礎を学ぶことができます。早速やってみました。 Create 3D Graphics in JavaScript Using WebGL - Course by @bit101 @eggheadio オンライン実行環境 実行環境はJS Binというサービスを使います。 JS Bin - Collaborative JavaScript Debugging 1:Setting Up WebGL 概要 背景色を塗るだけ。 demo Code var gl; initGL(); draw(); function initGL() { var canvas
wgld.org | WebGL: GPGPU でパーティクルを大量に描く |
GPU の力を引き出すのだ！ 前回は VBO を逐次更新しながら処理することで、CPU 側で頂点の座標を計算してパーティクルを動かす、というテクニックを解説しました。 このやり方の場合、頂点の計算が CPU の性能に依存する形になるので、WebGL 特有の GPU パワーを引き出すことができるというメリットはそれほど活かされない一方、javascript 側ですべて計算しているのでそれほど WebGL や GLSL の記述に精通していなくても、処理を記述しやすいというメリットがあったのでしたね。 そんな中で今回は、これを GPU 側に持っていきます。いわゆる GPGPU と呼ばれる類の技術です。 前回は、あくまでも頂点の座標計算について javascript で行いましたが、今回はこれを GPU 側、つまりシェーダにやってもらいます。つまり、頂点の座標計算から描画までの一連の処理が、基本的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Raspberry Pi 3とPi DriveでUSB HDDブートをしてみよう