gl.enchant.js 入門 – Step04 タッチやキーボードでオブジェクトを回せるようにしよう!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

gl.enchant.js 入門 – ざっくりと作る流れをまとめてみました!!』の Step04 です.

キーボードやマウスで Sphere を回転できるようにしてみましょう.

Read More

gl.enchant.js 入門 – Step02 Camera3D を使って 3D用カメラを設置しよう!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

gl.enchant.js 入門 – ざっくりと作る流れをまとめてみました!!』の Step02 です.

3D 用カメラを設置します. 目の役割の部分ですね. ここでもまだ何も表示されません. この次のステップでは表示物が出るのでもうすこし辛抱してください.

Read More

gl.enchant.js 入門 – Step01 DirectionalLight を使ってライトを設置しよう!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

gl.enchant.js 入門 – ざっくりと作る流れをまとめてみました!!』の Step01 です.

平行光源を設置します. ここではまだ何も表示されません.

Read More

gl.enchant.js 入門 – Step00 gl.enchant.js のひな形を準備しよう!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

gl.enchant.js 入門 – ざっくりと作る流れをまとめてみました!!』の Step00 です.

gl.enchant.js のひな形を準備しましょう. gl.enchant.js 関連のスクリプトの読み込みと Game クラスのセットアップを行っています.

Read More

gl.enchant.js 入門 – ざっくりと作る流れをまとめてみました!!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

ついに enchant.js の拡張プラグイン gl.enchant.js の β版が公開されました. これは内部的に WebGL を使っているので高速で豊かな 3D 表現が可能です.

OpenGL や 3D プログラミングは仕事柄, 専門というか得意分野なので, ついにキターって感じです♪

さっそく使ってみて, ついでに簡単なプログラムを作る流れをまとめてみました. 以前書いてたくさんの方に見ていただいた『enchant.js を使ってゲームを作ろう!!』同様, step 形式で細かく区切っています.

参考になれば幸いです.

Read More