TIC-80開発のための最強エディタを準備しよう!
Visual Studio Codeの公式サイトにアクセスします。
「Download for Windows」ボタンをクリックして、インストーラーをダウンロードします。
ダウンロードした VSCodeUserSetup-x64-*.exe
を実行してインストールします。
「Download for macOS」ボタンをクリックして、.zipファイルをダウンロードします。
ダウンロードした VSCode-darwin-*.zip
を解凍し、Visual Studio Code.appをApplicationsフォルダに移動します。
お使いのディストリビューションに合わせて、.deb(Debian/Ubuntu)または.rpm(Red Hat/Fedora)をダウンロードします。
# Debian/Ubuntu
sudo dpkg -i code_*.deb
# Red Hat/Fedora
sudo rpm -i code-*.rpm
VSCodeを起動したら、日本語化することをおすすめします。
拡張機能IDː ms-vscode.vscode-typescript-next
JavaScriptの最新機能をサポートします。
拡張機能は Ctrl+Shift+X(Mac: Cmd+Shift+X)で検索できます。
操作 | Windows/Linux | macOS |
---|---|---|
ファイルを保存 | Ctrl+S | Cmd+S |
元に戻す | Ctrl+Z | Cmd+Z |
やり直し | Ctrl+Y | Cmd+Shift+Z |
検索 | Ctrl+F | Cmd+F |
置換 | Ctrl+H | Cmd+Option+F |
行をコピー | Alt+Shift+↓ | Option+Shift+↓ |
色のコードにマウスを合わせると、カラーピッカーが表示されます。
Alt(Mac: Option)を押しながらクリックで、複数の場所を同時に編集できます。
関数名をCtrl(Mac: Cmd)を押しながらクリックで、定義場所へジャンプできます。
VSCodeで「フォルダーを開く」から、TIC-80のカートリッジを保存するフォルダを開きます。
TIC-80で作成した .js
ファイルをVSCodeで開いて編集します。
// TIC-80 JavaScriptの例
function TIC() {
cls(0) // 画面をクリア
print("Hello TIC-80!", 84, 64) // テキスト表示
}
VSCodeで保存(Ctrl+S)した後、TIC-80で load ファイル名
コマンドを実行して読み込みます。
.ticファイルの保存場所は環境により異なります:
%USERPROFILE%\AppData\Roaming\com.nesbox.tic\TIC-80
~/Library/Application Support/com.nesbox.tic/TIC-80
~/.local/share/com.nesbox.tic/TIC-80
注意:ファイルを保存した直後は見つからない場合があります。数秒待ってから再度確認してください。
※ ファイルの存在確認はMacでしかできていません。他のOSでは場所が異なる可能性があります。
VSCodeとTIC-80を並べて表示すると、編集と実行の切り替えがスムーズです!
Windows: Win+←/→ でウィンドウを左右に配置
Mac: 画面上部の緑ボタンを長押しして画面分割
これでVSCodeの準備は完了です!
VSCodeの強力な編集機能を使って、より効率的にTIC-80のゲーム開発を楽しみましょう。