今回は、「エディタ画面」を解説していきたいと思います。
以降の記事では、特殊な機能を除き「ブラウザ版」を使用して解説していきます。
画面構成
タイルズのエディタ画面は、下の画像のような構成になっています。
![](https://game-sakusei.com/wp-content/uploads/2024/04/e8e9b0feff8fa3456a3a1c2835d99593.png)
大きく3つの画面に分かれていて、
それぞれの画面の左上には「メニューボタン」があります。
![](https://game-sakusei.com/wp-content/uploads/2024/04/20b18a786e4dc1641f23fccc7848be95.png)
テキスト画面
エディタ画面の左側には、「テキスト画面」があります。
この画面には、エディタ画面を開く直前に選択した「学習テキスト」が表示されます。
![](https://game-sakusei.com/wp-content/uploads/2024/04/5351b845c59094e3bbd4c730c4f51cbf.png)
学習テキストを読み進めたい場合は、右下にあるボタンをクリックすると次のページへ移動します。
左下のボタンをクリックすると、前のページに戻ります。
![](https://game-sakusei.com/wp-content/uploads/2024/04/83aeb79acd569fccde10065c96468f2e.png)
また、「メニューボタン」をクリックすると、学習テキストの[目次]が表示されるので、
好きな項目を選択して、途中から読み始めることも可能です。
目次の上側では、学習テキストの選択画面に戻ったり、
タイルズからのお知らせを確認したりできます。
![](https://game-sakusei.com/wp-content/uploads/2024/04/8b53d093c6ebf6b55bff3382a261c890.png)
タイルズの学習テキストでは一部の単語が赤くなっており、
その単語をクリックすると、簡単な説明が表示されます。
![](https://game-sakusei.com/wp-content/uploads/2024/04/0ad75ce0702023de340a75512583dc64.png)
![](https://game-sakusei.com/wp-content/uploads/2024/04/77a86f89dcc188d0fdc750b329697fb3.png)
編集画面
「編集画面」は、ブロックを配置してプログラムを作成する画面です。
下側にあるブロックをクリックすると、画面内にブロックが配置されます。
![](https://game-sakusei.com/wp-content/uploads/2024/04/4ebe42653789942087c19858d31534ca.png)
ブロックを削除したい場合は、右側の[ゴミ箱]をクリックします。
![](https://game-sakusei.com/wp-content/uploads/2024/04/eb2a33628a00504114c6a406df9bc81f.png)
左側にある行番号をクリックすると、行番号が青くなり選択した状態になります。
この状態でブロックを追加すると、選択した行に配置されます。
![](https://game-sakusei.com/wp-content/uploads/2024/04/649debcb3d4fe8bd467193d94a74ce86.png)
もう1度クリックした場合はオレンジ色になり、複数の行を選択できるようになります。
![](https://game-sakusei.com/wp-content/uploads/2024/04/3f62865232f947b339b8eb04c50e2eba.png)
右上にある「編集ボタン」では、選択した行のコピー&ペーストやコメントの追加などができます。
また、操作内容を取り消して元に戻すことも可能です。
![](https://game-sakusei.com/wp-content/uploads/2024/04/80c5895e16e3972ece709a891add7fe7.png)
「メニューボタン」では、作成したプログラムをセーブ・ロードしたり、
ゲームの名前を設定したりできます。
ただし、サーバーに保存する場合はサインインする必要があります。
![](https://game-sakusei.com/wp-content/uploads/2024/04/4cde9dfa3b6286226eea6be763aaf94d.png)
実行画面
作成したプログラムの内容は、右側にある「実行画面」に表示されます。
下側にあるボタンをクリックすると、プログラムの動作が開始して、
問題なく進行するかテストプレイして確認することができます。
![](https://game-sakusei.com/wp-content/uploads/2024/04/186f84009fa91a0861061ea9cc19f35c.png)
「メニューボタン」では、プログラムの実行速度を遅くする機能があります。
また、学習テキストによっては「付属のプログラム」が用意されている場合もあります。
![](https://game-sakusei.com/wp-content/uploads/2024/04/073ab2f2cd6cad59e5f06a2cf4895924.png)
付属のプログラムは、実行画面で起動してプレイできる他、
編集画面でプログラムの内容を確認して、ゲーム制作の参考にすることも可能です。
次回
今回は、「エディタ画面」を解説しました。
タイルズには「実行速度の変更」という珍しい機能があるので、
プログラムの動作内容をじっくり確認して、不具合の原因を特定できるようになっています。
次回は、「つくる」「いれる」ブロックの解説をしていきます。