Posted at
WebGLDay 25

ThreeJSで3マッチパズルを作ってみた

More than 3 years have passed since last update.

WebGLのAdventCalendarに登録したものの、たいして3Dの知識もないので、まずは何か作らないと

話も出来ないだろうということで、ThreeJSで3マッチパズルゲームのデモみたいなのを作ってみました。

パズル&クリスマス

http://pazchri.com/

・iPhoneでしか確認出来ていません。

・最初にいきなりそろってることがあります。

ソースはHTMLファイルに直書きしてます。

で、作ったものの、特にこれといって書くことがない!

作ってみたものの、面白くするにはまだまだ手がかかりそうだし。。。

昔、Flashが流行っていた頃は、こういうカジュアルなゲームとかを作る人が結構いたんですが、最近はあまり見ない気がしますね。

Flashほど手軽ではないというのはあるかもですが、threejsを使うと、そんなに知識がなくてもリファレンスとかググりながらでも、制作期間も2晩でそれっぽいものは作れた気がするので、比較的手をつけやすいんじゃないでしょうか。

途中1つだけドハマりしたのは、指でなぞった方向に箱を回転させてるのですが、

この回転の向きが反対になってしまうことがあって、それの理由がわからずに四苦八苦してました。

分かってしまえば当たり前のことなんですが、Y軸が180度回転してるとX軸の回転方向は逆、っていうだけ。

たぶん寝不足だったんですね。。。一晩中consoleの数字を見て、なんでじゃーって唸ってました。

ドメインまで取って、人に絵を作ってもらっておいて遅れるっていう。。。

とんでもないですね。すいません。

イラストを描いてくださったuekiさん、tanimotoさん、ありがとうございました。