Skip to content

ライバルに差をつけろ!!MOONBlockで作ったコンテンツの9leapへの投稿の仕方のおさらい

どうも、こんにちは。ニコニコ生放送「電脳空間カウボーイズZZ」MOONBlockの解説などをやっているゴトー博士でございます。

先日発表された9leap夏休みコンテストの1st Heat受賞作の中には、なんとMOONBlockで制作された作品がありました。

A to Zoo〜Operation;DARWIN〜 rhetorica_gさん

MOONBlockはブロックを組み合わせるだけでプログラミングの基礎が学べるビジュアル言語。
初心者用と侮る事なかれ、このようにenchant.jsを利用したものに劣らないゲームを制作することも可能です。
(※この作品については改めて別エントリにて紹介する予定です)

というわけで今回はMOONBlockで作ったゲームの9leapへの投稿の仕方のおさらいと、さらにライバルと差をつけるTipsを紹介します。
これを覚えてしまえば、MOONBlockを使った作品で9leapコンテストに参加することができちゃいます!

【基本編〜投稿方法のおさらい〜】

まず投稿方法の基本をおさらいしましょう(※こちらのエントリでも紹介しております)
MOONBlockは1つのウェブページの中で開発と実行が完結しているので、これを通常のenchant.jsで作ったゲームと同じように、ローカルで動かせるように形を変える必要があります。

方法は意外と簡単。
MOONBlock用のテンプレート(ゲームで使う画像やenchant.js等のライブラリがまとまったフォルダ)が用意されているので、そこにMOONBrockで作られたソースコードをコピペするだけでOKです。

——

■MOONBlcokで作ったプログラムを9leap.netにアップする手順

1. 以下のURLから「minimun_template_v2.zip」をダウンロードし解凍する
minimum_template_v2

2. 展開したフォルダから「main.js」をテキストエディタ等で開く

3. MOONBlock で「ソースコード」ボタンを押して出力される
コードを「main.js」にはりつける(中身を全部入れ替える)
※この場合は「セーブデータ」ではなく「ソースコード」を使用してください

4. main.jsファイルを保存する時にUTF-8で保存する

5. 改めてフォルダごとZIPで圧縮する
分かりやすくフォルダの名前を変えておくといいぞ

6. http://9leap.net/ に接続し、Twitter IDでログインする

7. 上部メニューにある「投稿・編集画面」をクリックし、新規投稿を行う

8. 投稿が反映された事を確認し、URLを教える

——

なんだ簡単そうじゃないですか!

【上級編〜ゲームを正しく終了させるために〜】

しかしこのまま投稿するとゲーム終了時のスコア結果の表示がうまく動かないようです。
スコア結果というのはランキングを出したり、Twitterで友達に自慢するための9leapのキモともいえる部分。なんとしてもうまく動かしたい!
正常に動かすためには以下の2つの仕込みが必要となります。

——

■index.htmlの書き換え

1,テンプレート(minimam_templateという名前のフォルダ)の中にあるindex.htmlをテキストエディタ等で開く

2,index.html11行目の
<script type=”text/javascript” src=”lib/soubun.nineleap.enchant.js”></script>

<script type=”text/javascript” src=”lib/nineleap.enchant.js”></script>
に書き換える。

■「ゲームオーバー」ブロックと「ゲームクリア」ブロックの書き換え

1,「ゲームオーバー」ブロックを使いたい部分に「実行」ブロックをはめる

2,「実行」ブロックの空欄に
enchant.Core.instance.end(window.enchant.puppet.Theatre.instance.score,window.enchant.puppet.Theatre.instance.score+”点”);
と入れる。

——

これでゲーム終了時のスコアや結果を表示させるAPIがうまく動かせるようになります。

以上、MOONBlockで作ったゲームの9leapへの投稿の仕方のおさらいでした。
優秀作品にはMacBook Airなど豪華賞品が贈られる9leap夏休みコンテストは現在絶賛開催中です。
プログラミング初心者の方やenchant.jsに慣れてない方も是非MOONBlockを使ってコンテストに挑戦してみてはいかがでしょう。
みなさまの投稿を心よりお待ちしております。

9leap夏休みチャレンジの応募方法や詳しい概要はUEI公式ホームページから。

このエントリーをはてなブックマークに追加
はてなブックマーク - ライバルに差をつけろ!!MOONBlockで作ったコンテンツの9leapへの投稿の仕方のおさらい
Post to Google Buzz
Share on GREE

Related posts:

  1. 9Days Challenge #8 「90秒で遊べるゲーム」結果発表!!
  2. enchant.jsで自動的に画面が拡大されるのを抑制するには?
  3. “食欲の秋”をゲーム化するコンテスト 9Daysチャレンジ 2012終了。賞品の高級マツタケは誰の手に!?
  4. gl.enchant.js開発者コミュニティが活発化!チュートリアルやサンプルが続々と
  5. 9Days アクションゲームチャレンジ結果発表! 優勝は誰の手に!?

Facebook comments:

Post a Comment

Your email is never published nor shared. Required fields are marked *
*
*