この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 次のリビジョン 両方とも次のリビジョン | ||
wiki:defold2:tips:004 [2017/09/09 11:57] step 削除 |
wiki:defold2:tips:004 [2017/11/18 14:16] step |
||
---|---|---|---|
ライン 1: | ライン 1: | ||
- | ====== 公式チュートリアル War battles で学習する ====== | + | ====== 004 スクリプトの編集にAtomエディターを使用する ====== |
- | Defold公式にある[[https://www.defold.com/tutorials/war-battles/|war-battles]] でDefoldの基本的な使い方を学習してみます。 | ||
+ | ===== Atom エディターのセットアップ ===== | ||
- | ===== Editor の見方 ===== | + | - https://atom.io/ にアクセスし、パッケージをインストールする。 |
+ | - Atomを起動し、 Preference の Install から各種パッケージをインストールします。 | ||
- | * {{:wiki:defold2:tips:defold-overview.png?600|}} | + | | japanese-menu |AtomのUIが日本語化になります。| |
+ | | uto-encoding |文字コードを判別してくれます。| | ||
+ | | defold-api |DefoldのAPIリファレンスをAtom上で確認できる様になります。ctrl+alt+oで開けます。| | ||
+ | | defold-ide |Defoldのスクリプトを書く時にコード補完が効く様になります。| | ||
- | - **Assets ビュー** スクリプトやリソースなど、全てのファイルはAssetsビュー以下に配置します。 | + | defold のために必須なパッケージはdefold-api とdefold-ide の2つだけですが、 |
- | - **Changed Files ビュー** ファイルの更新差分が確認できます。 | + | 日本語を考慮するとリストアップしたパッケージも一緒にインストールすることをおすすめします。 |
- | - **Scene ビュー** Outline シーンに配置されたゲームオブジェクトが確認できます。 | + | \\ |
- | - **OutLine ビュー** Sceneに配置するゲームオブジェクトはこちらに配置します。 | + | \\ |
- | - **Properties ビュー** Outlineビューで選択しているゲームオブジェクトの詳細を確認できます。 | + | |
+ | |||
+ | ===== Atom エディターでスクリプトを編集する ===== | ||
+ | - Atom エディターでcommand+oまたはファイル -> 開く からDefoldプロジェクトフォルダを開く。 | ||
+ | |||
+ | {{:wiki:defold2:tips:2017-10-09_23.43.27.png|}} | ||
+ | |||
+ | コード補完が効いていることを確認できます。 | ||
+ | |||
+ | |||
+ | |||
+ | ===== DefoldのエディターからScriptを開く時に、自動でAtomで開く様にする ===== | ||
+ | |||
+ | {{:wiki:defold2:tips:2017-11-18_23.11.23.png|}} | ||
+ | - File -> Preferences -> Code タブのCustomEditor項目を編集する。 | ||
+ | |||
+ | MacOSの場合 | ||
+ | <code>/Applications/Atom.app/Contents/MacOS/Atom | ||
+ | </code> | ||
+ | |||
+ | scriptファイルをダブルクリックするとAtomEditorが開く様になります。 |