LoginSignup
5
6

More than 5 years have passed since last update.

enchant.jsのプラグインとオブジェクトについて

Posted at

enchant.jsプラグイン

  • nineleap.enchant.js
    ゲーム投稿サイト9leapでのゲームスタート・オーバ画面の表示と、
    スコアランキングを表示する。

  • twitter.enchant.js
    9leapでTwitterアカウントを使ってログインしているユーザの、
    Twitter情報を取得する。

  • memory.enchant.js
    9leapでTwitterアカウントを使ってログインしているユーザの、セーブデータを保存する。
    デバック機能を使ってブラウザのローカルストレージに保存することもできる。

  • ui.enchant.js
    十字キーパッド、アナログパッドやグラフィックフォントを利用したラベルなど
    ゲームの中で使われる UI部品のクラスを定義したプラグイン

  • gl.enchant.js
    WebGLを用いた3Dな描画ができる。three.jsみたいなの。

  • bone.gl.enchant.js
    ボーンアニメーションができる。

  • collada.gl.enchant.js
    collada形式のモデルデータを読み込む。
    無料のモデリングソフトだと、Blenderでいけるっぽい。
    メタセコイアのデータの場合は下記参照
    gl.enchant.js 上でメタセコイアのデータを読み込めるようにするプラグイン mqo.gl.enchant.js を作りました | TM Life

  • avatar.enchant.js
    ユビキタスが過去に商用サービスで使っていた画像素材の一部を使ってキャラクターを作成する機能

  • mmd.gl.enchant.js
    ミクのアニメーションデータ形式(pmd, vmd)に対応したプラグイン

  • widget.enchant.js
    様々なUI部品をを利用できるプラグイン。

  • box2d.enchant.js
    2D物理シミュレーション機能

■ 詳細
Plugins | enchant.js - A simple JavaScript framework for creating games and apps.

enchant.jsのオブジェクトについて

  • Label ....文字列の表示
  • Sprite ...画像の表示
  • Map ......タイルを並べて作った画をうを1つの大きな画像にする
  • Entity ...Sprite/Lavel/Mapの基底
  • Scene ....描画オブジェクト(Lavel,Sprite,Map,Groupなど)を貼付ける画面オブジェクト
  • Group ....複数の描画オブジェクトを1つの描画オブジェクトにまとめる
  • Surface ..画像や図形のデータを保持する
  • Node .....表示オブジェクトツリーに属する基底
  • Core .....ゲームの画面やメインループ、シーンを管理する
  • EventTarget ...イベントリスナを管理する
  • Sound ....サウンドを管理する

enchant.jsの継承ツリー

img_01.gif

下の方にある子オブジェクトは親オブジェクトのメソッドやプロパティを利用できる。

表示オブジェクトツリー

img_02.gif

描画オブジェクの表示順をツリー構造で管理している。

参考書籍

はじめて学ぶ enchant.jsゲーム開発

5
6
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
5
6