コーディング不要のHTML5ゲームエンジン「WiMi5」は、課金実装も可能で全部無料! (2/10ページ)

アプギガ


wimi5_05
必要なのは、まさにアイデアのみ!

それでは、具体的にゲームを制作していく過程を見ていきましょう!


どうやって使うの?
「WiMi5」では、「シーンエディタ」と「ロジックエディタ」と呼ばれる2つのモードを使い分けながらゲームを制作していきます。

今回は、参考例として「キャラクターを移動させる処理」について見ていきましょう!



まず、「シーンエディタ」を開きます。
wimi5_06
ここでは、ゲームのステージやオープニングタイトルなど、グラフィックに関する部分を作り込んでいきます。



レイヤー構造を形成することが出来るので、奥行きのあるステージを作ったり、動きのあるユニークな舞台やキャラクターをマウス操作のみで制作できるのが特徴と言えるでしょう。
wimi5_07



今回は、キャラクターを移動させたいので、スプライトシートなどで画像を用意して「移動アニメーション」を作成します。
wimi5_08
これは、単純に画像のサイズなどを指定すれば、自動的にアニメーション化してくれるので便利です。
「コーディング不要のHTML5ゲームエンジン「WiMi5」は、課金実装も可能で全部無料!」のページです。デイリーニュースオンラインは、ゲームエンジン面白プログラミングWebサービス海外ネットなどの最新ニュースを毎日配信しています。
ページの先頭へ戻る