Fork
5
Fav
3
View
5247
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 401 lines
  • HTML 21 lines
  • CSS 10 lines
400行で書くパズドラ風3マッチゲーム

概要
 ドロップを3つ繋げて消す3マッチゲームです。
 ゲームプログラムの参考になるよう短く記述しました。
 言語はjavascript、フレームワークはenchant.jsを使用しています。

GitHub
 https://github.com/crist18/3match

特徴
・ドロップをなぞって移動させる直感操作
・リアルタイム判定
・コンボ計測

サンプルコード解説
・準備中(soulhacker.bizで公開予定!)
 →http://www.soulhacker.biz/programming/208/

感想など
・twitter(@_crist18)までよろしくお願い致します!
 https://twitter.com/_crist18


■各クラスの概要
・Drop
 丸い玉の画像を表示させるクラス。色や位置(行と列)の情報を持つ。

・DropManager
 行と列を指定してDropをステージに追加する。
 加えて、座標(1, 1)には何色のDropがありますか? など問い合わせることができる。

・Dragger
 ユーザーの操作(タッチ、ドラッグ)を感知して、Dropを動かす。
 また、Dropを動かした先に別のDropがあれば位置を交換する。

・Puzzle
 タテ・ヨコに対して同色のDropが揃っているか判定する。
 しきい値(いくつ揃えるか)は、game.MATCH_THRESHOLD の値を参照する。

・Combo
 Dropが揃ったとき、いくつ繋がっているか、どのドロップがひとかたまりか、
 という情報を保持させる。
  • 【enchant.js】400行で書くパズドラ風3マッチゲーム
  • enchant.js v0.7.0
  • 【enchant.js】400行で書くパズドラ風3マッチゲーム

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

_crist18

Author

■興味 Game・Web/enchant.js・Wordpress・CakePHP・Git Android・iPhoneアプリにも興味があります。

■使用言語 PHP・Javascript・enchant.js

■Blog 読書・ゲームの感想を公開しています。 http://www.soulhacker.biz/

■Twitter フォロー歓迎です( ´ー`)y-~~ https://twitter.com/_crist18

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by