Three.js
Three.jsについて初歩的なところをから始まって、一通りの機能をサンプルで試しながら学ぶことが出来てホントにいい本だと思ってます。これからThree.jsを使ってみたいと思っている人にはぜひ読んでいただきたく。たぶん損しません。初めてのThree.js 第2版 …
先月の7日にPolymerのコードラボがありスタッフ側で参加したんですが、その際空いた時間にというか自分のセッションの時間以外はずっと当日のLTネタとしてthree.jsのWebComponentsを作ってました。で、なんとなく動くようになったものを実際に触ってると「こ…
というのはウソで。いやウソではないかもしれないけど、そんなガチな感じではなくて「こどもが適当に描いた落描きがなんとなく立体になったら面白い」くらいの空気感で作ってみた。実際、我が家の3才児でもそれなりに楽しそうに使えてたり。要するにTeddyな…
「あんどうさん最近おっぱいが足りないんじゃないですか？」Androidの偉い人にそんなことを言われたのは確か今年のはじめくらいでしたか。それを聞いた私は「いきなり何を言ってるんだこの人は」と思うより先に「あぁ、そうかもしれないな・・・」と思ってし…
3D物理エンジンを使って作りたいものがあったので練習がてらにとAngryBirdsの3D版的なものを作ってたら「そんなら5jCupに出しましょうよ」と言われて、じゃあ出すかと思ってそれなりに真面目に作りこんでみました。結果それなりにいい感じになった気がします…
2年くらい前にもWebGLがんばろうと思ってthree.jsをちょっと触ってたんだけどなんやかやで時間が取れなくて中断してました。幸い最近ちょっと時間が取れる感じになってきたので再入門。http://goo.gl/SJshg8 とりあえず木。ホントはここにあるようなかっこい…
あんまり新しいこともやってないんだけど、一応HTML5巨乳の作り方メモ。主だった部分はこちら。http://html5kyonyu.appspot.com/js/html5_kyonyu.js基本的な流れは次のような感じです。 カメラから映像を読み取ってcanvasに表示（getUserMedia） canvasの内…
THREE.jsは3Dの敷居を劇的に下げてくれる素晴らしいライブラリなんだけど、影だけは面倒臭い。といっても、そもそもWebGLで影をつけるというのがとてもとても面倒くさい処理という話なので、これでもずいぶんと楽させてもらってるそうだけど。とりあえず、ど…
先日THREE.jsでのポリゴンとテクスチャの使い方を覚えたので、なんか面白い使い道ないかなと検索して「フラクタル地形」というのを見つけました。Wikipediaによると 正方形を4つの同じ大きさの小さい正方形に分割し、その中心の点を無作為な値で垂直方向に変…
THREE.jsにはデフォルトのジオメトリが豊富で、いろいろなモデラーからのインポートも容易なようですが、プログラマ的にはポチポチと座標を指定した図形も表示してみたい。ということでやってみます。 HTML 前回と一緒。 <html lang="en"> <head> <title>Polygon and Texture</title> <meta charset="utf-8"> <style>body { bac</style></meta></head></html>…
three.jsを使った3Dのライフゲームを作ったので、次に進むためにその中身について書き残しておきます。http://ando-yasushi.appspot.com/conways-game-of-life/gameoflife.html HTML とりあえずHTML部分はこんな感じ。Three.jsは言わずと知れたWebGLをいい感…
Google I/O 2012に参加して*1ウェブ系のプログラマにも今後3Dの知識は必要だろうとしみじみ確信したので少しずつ真面目にthree.jsをやってみることにした。以前あれやこれやでthree.js使ってみたことはあるんだけど、勢い任せというか、動けばなんでもいいや…
以前THREE.jsで作ったものをGoogleのエロい人に見せたら 「face.jsと組み合わせて顔の位置で視点が変わるともっと面白いんじゃないですか？」 というありがたいコメントを頂いたので、しばらくやってみてたんだけどなかなかうまく行かず。いや、動きはするけ…
皆さんTHREE.jsは単なるWebGLのラッパーと思っているかもしれませんが、実際はそれだけではなくて、テクスチャローダーや視点管理用コントローラーなんかの補助クラスに加えて、スプライトやパーティクルシステムまで付いていて、たぶん見たことない人が考え…
先月Mr.doobに会えたので、せっかくだからTHREE.js使ってなんか作りたくなりました。ただ、3Dはほぼ未経験なのであんまりアグレッシブなものを作ろうとしても挫折必至。何か簡単かつ楽しそうなものないかな・・・と考えてて以前見たこれを思い出しました。こ…
