ティラノスクリプト製のゲームを最新版のnw.jsで動かす
以下非公式です、実行する際は自己責任でお願いします。
nw.jsとは何かというと、ティラノスクリプトおよびティラノビルダー製のゲームをデスクトップアプリとして動かす際に使っているものです。 ティラノ製のゲームをPCで動かすためのブラウザみたいなものです。
ティラノ公式で配布されている、デスクトップアプリの開発セットやティラノビルダーのプレビュー画面、ティラノライダーのプレビュー画面もnw.jsです。
ただ、現在ティラノ側で公式に対応しているnw.jsのバージョンは、現在リリースされているnw.jsのバージョンよりけっこう古いものになっています。
具体的に言うと、ティラノライダーで動いているnw.jsのバージョンは2015年頃リリースのものです。
nw.jsはGoogle Chromeとほぼ同じ機能を使えるのですが、バージョンが古いことにより、「ブラウザ(最新版Chrome)では動くけどデスクトップアプリでは動かない」みたいなことがたまに起きます。
javascriptやcssをゴリゴリ書いている場合は特に顕著です。
あとバージョンが新しいほうが(大体の場合は)動作も軽いです。
なので、ティラノ側のnw.jsを最新のnw.jsに置き換えることができれば、機能の最新化と(ある程度の)動作の軽量化が見込めます。
起動時のラグはたぶんどうにもならない…
ということで、さっそくやっていきましょう。
ちなみにwindowsのやり方です、MacおよびLinuxユーザーも似たようなやり方でできる たぶんできると思う できるんじゃないかな ま、ちょっと覚悟はしておけ
1.最新版のnw.jsをダウンロード
https://gyazo.com/2f24af0e5563dbc21a16ae83638e7ead
こんなかんじのページが表示されるので、赤丸の部分をクリック
SDKっていうのは開発者向けバージョンみたいなものです(ものすごい雑な説明)
ZIPファイルがダウンロードできたら、展開しておきます
2.ゲームフォルダをコピー
展開したフォルダに、ゲームのファイルをコピーします。
nw.exeと同じ階層に置いてください。
code:dir
├data
├tyrano
├index.html
└nw.exe 他いろいろ
こんなかんじになってれば大丈夫です。
3.package.json編集
package.jsonという、設定ファイルみたいなものを用意します。
下の内容をメモ帳にでもコピーしてnw.exeと同じ階層に「package.json」という名前で保存してください。
※"width"、"height"の部分は、自分のゲームの画面サイズの縦横の数字をそれぞれ指定してください。
code: package.json
{
"name": "自分のゲームタイトル",
"main": "index.html",
"window": {
"title": "setup tyrano engine",
"icon": "link.png",
"frame": true,
"width": 960,
"height": 540,
"position": "center"
},
"webkit": {
"plugin": true
}
}
4.「nw.exe」実行
終わったらnw.exeをダブルクリックで実行してみましょう。
ウィンドウが表示されてゲームが開始されたらOKです。
発展1. 開発者ツール
ティラノライダーやビルダーのプレビュー画面だと、ゲーム画面の上にツールバーがあって、そこから開発者ツールとかを表示できたのですが、nw.jsのバージョンアップに伴いそのへんを表示させるオプションが廃止または非推奨になってしまったようです。
なので開発者ツールを表示したい場合は、F12キーから呼び出すことになります。
発展2. デスクトップアプリとして出力
このへんを合わせると、最新版のnw.jsでデスクトップアプリを作成することもできます。
ただし、リリースする際は必ずnw.jsの「NORMAL」(最初の画像中左側のバージョン)を使ってください。
SDKバージョンでリリースすると開発者ツールをプレイヤーが使用できてしまいます。
なお、最初に書いたとおり公式で対応しているものではないので充分な検証を行ってください。
お姉さんとの約束だぞ!