4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

WebGLAdvent Calendar 2014

Day 25

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

Posted at

WebGLのAdventCalendarに登録したものの、たいして3Dの知識もないので、まずは何か作らないと
話も出来ないだろうということで、ThreeJSで3マッチパズルゲームのデモみたいなのを作ってみました。

パズル&クリスマス
http://pazchri.com/

・iPhoneでしか確認出来ていません。
・最初にいきなりそろってることがあります。

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

で、作ったものの、特にこれといって書くことがない!
作ってみたものの、面白くするにはまだまだ手がかかりそうだし。。。

昔、Flashが流行っていた頃は、こういうカジュアルなゲームとかを作る人が結構いたんですが、最近はあまり見ない気がしますね。
Flashほど手軽ではないというのはあるかもですが、threejsを使うと、そんなに知識がなくてもリファレンスとかググりながらでも、制作期間も2晩でそれっぽいものは作れた気がするので、比較的手をつけやすいんじゃないでしょうか。

途中1つだけドハマりしたのは、指でなぞった方向に箱を回転させてるのですが、
この回転の向きが反対になってしまうことがあって、それの理由がわからずに四苦八苦してました。

分かってしまえば当たり前のことなんですが、Y軸が180度回転してるとX軸の回転方向は逆、っていうだけ。
たぶん寝不足だったんですね。。。一晩中consoleの数字を見て、なんでじゃーって唸ってました。

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

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

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?