日別アーカイブ: 2014年1月3日

Moai SDK でゲームを作ろう (moai-dev/samples/[d-z] を見てみる)

前回の記事 からの続きです。
github にある moai-dev/samples にあるサンプルをみていきます。

deck

deck (画像リソース) の扱いについてのサンプル。
どのサンプルも最終的には画像を表示するのですが、各サンプルの違いはコードと API リファレンスを見ながらでないとわからないです。

  • gfxQuad2D
  • gfxQuad2D-grid
  • gfxQuadDeck2D
  • gfxQuadDeck2D-grid
  • gfxQuadListDeck2D
  • gfxQuadListDeck2D-grid
  • gridDeck2D
  • scriptDeck
  • stretchPatch-basic
  • stretchPatch-flipbook
  • stretchPatch-sub
  • tileDeck2D
  • tileDeck2D-grid
  • tilemap-animated
  • tilemap-expand-for-sort
  • tilemap-wrapping

extending

  • foo … よくわかりません。

flash

Flash を扱うサンプル、だと思うのですが不明です。

  • flash-flipbook
  • flash-spriteDeck
  • flash-tween
  • jsfl

font

フォントの利用サンプルです。サンプル名の種類のフォントを扱っています。

  • font-bitmap
  • font-bmfont-scaled
  • font-serialize
  • font-utf8
  • font-bmfont
  • font-colors
  • font-ttf

graphics

OpenGL を使ったサンプルです。シェーダーも利用しています。

  • gl-cube
  • gl-cube-debugLines
  • gl-frameBuffer
  • gl-shader-attributes
  • gl-shader-color
  • gl-vertexBuffer
  • scissor-rect

grid

正方形でないタイルを敷き詰めるサンプルです。

  • grid-diamond
  • grid-hex
  • grid-oblique
  • grid-quads

hello-moai

  • 画像を回転させつつ、文字を表示するサンプルです。

image

画像に対して行える操作のサンプルです。

  • image-compare
  • image-copyRect
  • image-fillRect
  • image-framebuffer-grab
  • image-texture

input

  • input-callbacks … 入力の扱い方のサンプルです。
  • input-picking … どの画像がクリックされたかのサンプルです。
  • input-picking3D … どの 3D オブジェクトがクリックされたかのサンプルです。

ios

iOS に関連するサンプルです。

  • app-dialog
  • app-gamecenter
  • app-keyboard
  • app-notifications
  • app-orientation
  • app-retina
  • app-screenSize
  • app-storekit
  • app-tapjoy
  • app-testpattern
  • app-video

iso

格子の実現についてのサンプル、か?

  • billboard
  • billboard-grid
  • bounds-override
  • iso-grid-brush
  • iso-walls-brushes
  • iso-walls-thick
  • iso-walls-tilemap
  • sort-iso
  • tilemap-iso

layer

layer についてのサンプルです。

  • layer-bridge … なんかブリッジしてるらしい。
  • layer-camera … layer と camera のサンプル。
  • layer-parallax … layer による多重スクロールのサンプル。
  • layer-sort … layer の prop の表示順についてのサンプル。

location

エラーで実行できなかった…。

log

  • custom-log-messages … ログフォーマットを上書きするサンプル。

particles

パーティクルとして、たくさんの画像を表示するサンプルです。

  • particles-compute-bounds
  • particles-distanceEmitter
  • particles-pex-plugin
  • particles-presets
  • particles-states

partition

  • debugLines-partition … デバッグ表示についてのサンプルです。

pathfinding

経路探索のサンプルです。

  • pathfinding
  • pathfinding-diamond
  • pathfinding-hex

physics

2D の物理演算のサンプルです。

  • physics-box2d
  • physics-chipmunk

prop

prop についてのサンプルです。

  • debugLines-prop
  • prop-color
  • prop-uvTransform

sim

Moai SDK の動作タイミングについてのサンプル、か?

  • moai-extend
  • sim-step-fixed
  • sim-step-multi

test

開発用のテストがたくさんあります。

textbox

テキスト表示についてのサンプルです。

  • textBox-alignment
  • textBox-curves
  • textBox-escapes
  • textBox-glyph-scale
  • textBox-highlight
  • textBox-nested-styles
  • textBox-newlines
  • textBox-paging
  • textBox-spool
  • textBox-traits
  • textBox-update-style
  • textBox-word-break

texture

texture についてのサンプルです。

  • multitexture
  • texture-default
  • texture-load-async
  • texture-mipmap
  • texture-pvr
  • texturepacker

thread

スレッドのサンプルです。

  • thread-blocking

transform

変形についてのサンプルです。

  • traits
  • transform-attrLinks
  • transform-attrLinks-box2D
  • transform-pivot

tutorials

ゲームの完成までが少しずつフォルダに分けて登録されています。

util

補助モジュール。Web 関連から圧縮関連までいろいろ。

  • util-base64
  • util-base64-stream
  • util-crash-report
  • util-deflate
  • util-deflate-stream
  • util-environment-listener
  • util-filestream
  • util-guid
  • util-hash
  • util-histogram
  • util-http-async
  • util-http-blocking
  • util-http-cookies
  • util-https
  • util-json
  • util-parser
  • util-serialize
  • util-serialize-to-header
  • util-xml

viewport

  • viewport-yDown … Y 軸の正負を入れ替えてるの、か?

とりあえず、各サンプルを実行してみました。
私から言えることは「自分でサンプルを実行してみよう!」でしょうか?

Moai SDK はドキュメントが少ないように思うので、サンプルの理解は重要に思います。今回、理解できなかったサンプルの方が多いので、Moai SDK を使いながら色々と調べていこうと思います。

Moai SDK でゲームを作ろう (moai-dev/samples/[a-c] を見てみる)

「Developing Mobile Games with Moai SDK」という書籍(Amazon で買えます)を読み終えたので、次は github にある moai-dev のサンプルやクラス API のドキュメントを読もうと思う。まずは moai-dev/samples 以下にあるサンプルから。

android

Android の機能についてのサンプル。

  • app-accelerometer … 加速度の値を表示する。
  • app-backbutton … ‘戻る’ のタップを扱う方法についてのサンプル。
  • app-billing … 支払いについて Google の機能を使ったサンプル。
  • app-dialog … ダイアログの動作サンプル。
  • app-notifications … (左上に表示される)通知を使うサンプル。
  • app-video … 動画再生のサンプル。

anim

アニメーションのサンプル。

  • anim-basic … 画像を1回転させるサンプル。
  • anim-curve … タイミングを指定して画像を1回転させるサンプル。
  • anim-curve-draw … さまざまな曲線を描画するサンプル。
  • anim-curve-modes … 複数タイマーと同期させたアニメーションのサンプル。
  • anim-drive … アニメーションの組み合わせサンプル。
  • anim-fat-curve … よくわからない。
  • anim-flipbook … セルを順番に表示するアニメーション。
  • anim-listener … アニメーションに同期した関数の呼び出しサンプル。
  • anim-span … 巻き戻すアニメーションのサンプル。
  • chase … 2つの prop のアニメーションサンプル。
  • chase-bridge … layer を用いたアニメーションのサンプル。

app

アプリ解析や広告などについてのサンプル。

  • app-apsalar … Apsalar サービス利用サンプル。
  • app-connectivity … WiFi 接続があるかの確認サンプル。
  • app-tapjoy … Tapjoy サービスの利用サンプル。

audio

  • audio-untz … 効果音の再生サンプル。

camera

  • camera-fitter … camera (視点) の動作サンプル。

chrome

  • app-basic … 画像表示サンプル。

color

  • device-clear-color … クリア色の登録サンプル。

compass

  • compass … コンパスの利用サンプル。

contrib

サンプルというか、モジュールがいくつかある。

  • moaigui … Moai 用の GUI がいろいろ。
  • particle-helper … だんだん消えるパーティクルのサンプル。

思っていたよりもサンプルは多かったので、とりあえずここまで。
できれば、もう少しサンプルコードにコメントが欲しかった…。