準備するもの 今回必要なものは以下のようになります。 three.js r69 立体ドット絵 つくっていくもの 今回のレシピで作っていくファイルは以下のようになります。 index.html index.js index.html を作る index.html を以下のように記述してください。 <!DOCTYPE html> <meta charset="utf-8"> <title>Happy New Year 2015</title> <!-- three.min.js --> <script src="http://threejs.org/build/three.min.js"></script> <script src="index.js"></script> index.js を書いていく 雛形コピーした後、dataSet ~ の箇所に、ドット絵を描いていきます。 "×" は色無
WebGL アドベントカレンダーということで、今日は、3D 物理演算のライブラリ「Oimo.js」を紹介したいと思います。 以前、Three.js + Cannon.js でゴゴゴとドドドを物理演算してみるテストにて、少し紹介しましたが、有名どころの JavaScript の 3D 物理演算ライブラリとして ammo.js(Demo) Cannon.js(Demo) oimo.js(Demo) と、いったライブラリがあります。 それぞれ、一長一短な部分があるのですが、個人的には、Oimo.js がファイルサイズがコンパクトなのとパフォーマンス的に優れているのでオススメです。 なお、Oimo.js は、Saharan さんの ActionScript 3.0 版物理演ライブラリ「OimoPhysics」を lo-th さんが、JavaScript にコンバージョンしたものになります。 拙作で
以前、2D 物理演算でゴゴゴとドドドを落下させてみましたが、3D 物理演算でも試してみました。 JavaScript の 3D 物理演算ライブラリとして ammo.js(Demo) Cannon.js(Demo) oimo.js(Demo) あたりが有名なようです。 今回は、Cannon.js を使ってみました。 ゴゴゴとドドド ゴゴゴのコード(抜粋) 基本形のオブジェクト(立方体や球体など)を使う場合と比較して、複数のオブジェクトをまとめて物理演算する場合は、多少ハードルが高い(複雑さが増す)のですが、Cannon.js には、その問題を解決する仕組みが用意されているようです。 Cannon.js の場合、CANNON.Compound() を使うことで、複合オブジェクトとして使えるようです。 demo.addScene("GOGOGO", function () { var world
初心者でも絶対わかる、WebGLプログラミング<three.js最初の一歩> | HTML5Experts.jp @yomotsu さんの three.js の記事(分かりやすい!)に触発されて、個人的に苦手分野の光源について試してみました。 プログラム概要 1.ドット絵を用意する 2.スポットライトを用意する 3.スポットライトの位置と色を変えることでドット絵を表現してみる ソースコード index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello, Three.js World!</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="http
○○で地球を回してみるシリーズ。 今回日程 シリーズ構成言語 1日目OpenGL で地球を回してみるテスト C/C++ 2日目DirectX で地球を回してみるテスト C/C++ 3日目Java 3D で地球を回してみるテスト Java 4日目WebGL で地球を回してみるテスト JavaScript ⇒5日目Three.js で地球を回してみるテスト JavaScript 6日目Babylon.js で地球を回してみるテストJavaScript 7日目gl.enchant.js で地球を回してみるテストJavaScript 8日目PhiloGL で地球を回してみるテストJavaScript 9日目CubicVR.js で地球を回してみるテストJavaScript 最終日Away3D で地球を回してみるテストJavaScript 追加+1Flash 版 Away3D で地球を回してみるテス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く