とにかくなんか作ってみる

あまり考えずに。理屈は経験してから考えればいいんです。

なんか出してみる

  1. ログイン直後の画面。ここで「新規プロジェクト」ボタンを押す 画像

  2. なんかいっぱい英語が出てきた 画像
  3. 11行目のところに「document.write("なんか");」と書いてみる 画像
  4. [Run]ボタンをおすと、画面左側の枠に… 画像

ほらほら!!なんか出たでしょ？しょ？？

画面では8行目の左側に「//」を入れていますが気にしないでください。つけていてもつけていなくても動きます。

それと、今回の画面では「！」が出ていると思いますが、これも気にしないでください。使い方によっては危険なものになり得るので一応お知らせされていますが、今回の使い方では起こらない類のものです。

ちょっとスタート画面らしいものも出て欲しい

先ほどのコードでは「GAME START」さえ出てきません。文字だけでてきたのではあまりに寂しいです。

enchant.jsはゲーム開発用のツールなだけあって、標準でこれを表示する機能が付いています。使ってみます。ついでに先ほど作った画面では「！」が出ている行があると思います。これを消して、enchant.jsらしい表示にもしたいと思います。

  1. 11行目の「document.write("なんか");」の部分を「var text = new Label("なんか");」と変えてみます。

  2. 11行目以降、「};」より前に「game.rootScene.addChild(text);」を加えます。 画像

  3. [Run]ボタンをおす!!と、画面左側の枠に… 画像

というわけで、START出ました。ここの枠をポチれば、STARTが消えて「なんか」だけが残ります。

作ったプログラムを保存する

せっかく作ったなら残ってくれないと寂しいですからね。

  1. [Finish]ボタンをおすと、 画像
  2. 元のログイン直後の画面に戻り、New Project ＃1 というリンクが出来上がります。これで保存された状態になります。 画像

再度触りたい時は[Edit]ボタンを押します。現状をコピーした上で派生編集をしたい場合は[Fork]を選びます。

あ、まあ、[Finish]ボタンを使わなくても、実は[Run]ボタンで保存されていたりするんですけどね。