Three.js で作る 3D 年賀状 - コードレシピ
準備するもの 今回必要なものは以下のようになります。 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 ～ の箇所に、ドット絵を描いていきます。 "×" は色無
Three.js + Oimo.js で物理演算してみるテスト - CX's Hatena Blog
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 にコンバージョンしたものになります。 拙作で
Three.js + Cannon.js でゴゴゴとドドドを物理演算してみるテスト - CX's Hatena Blog
以前、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
スポットライトでドット絵を描いてみるテスト - CX's Hatena Blog
初心者でも絶対わかる、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
Three.js で地球を回してみるテスト - CX's Hatena Blog
○○で地球を回してみるシリーズ。 今回日程 シリーズ構成言語 １日目OpenGL で地球を回してみるテスト C/C++ ２日目DirectX で地球を回してみるテスト C/C++ ３日目Java 3D で地球を回してみるテスト Java ４日目WebGL で地球を回してみるテスト JavaScript ⇒５日目Three.js で地球を回してみるテスト JavaScript ６日目Babylon.js で地球を回してみるテストJavaScript ７日目gl.enchant.js で地球を回してみるテストJavaScript ８日目PhiloGL で地球を回してみるテストJavaScript ９日目CubicVR.js で地球を回してみるテストJavaScript 最終日Away3D で地球を回してみるテストJavaScript 追加+1Flash 版 Away3D で地球を回してみるテス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jsdo.it
three.js webgl - custom attributes [particles][billboards][alphatest]
スポットライトでドット絵を描いてみるテスト - jsdo.it - Share JavaScript, HTML5 and CSS
