ティラノスクリプで制作したゲームをWordPressの記事に埋め込む

今回は、ティラノスクリプトで制作したゲームを WordPress の記事への埋め込みを試してみました。

作成したゲームをブラウザゲーム形式でパッケージング

サンプルゲームの改造

ティラノスクリプト公式サイト からスタンダードパッケージをダウンロード。解凍したファイルに含まれているサンプルゲームを短く削って改造し、メッセージ背景と、ロールボタンを最初から表示した状態にしました。

タイトルの設定

ゲームのパッケージングを行う前に、Webブラウザで開いた時のページタイトルを設定します。
プロジェクトフォルダ > data > scenario > first.ks をエディタで開き、3行目のタイトル名を設定します。

;一番最初に呼び出されるファイル

[title name="ステーキ彼女-visual-novel | corevale.com"]

変更したゲームタイトルは、ティラノライダーの再生ウィンドウで確認することができます。

未使用ファイルの削除

ゲームが完成したら、パッケージングをする前にサンプルゲームのプロジェクトフォルダ ＞data フォルダに含まれているファイルから不要なものを削除します。
プロジェクトファイルのトータルサイズは5.7MBほどになりました。

ゲームのパッケージング

ティラノライダーでゲームをパッケージングします。
パッケージング形式の右側にある”この形式に最適なオプションを反映する”をクリックしておきます。

サーバーにアップロード

パッケージングが完了したファイルは次の通り。ファイル一式をサーバーにアップロードします。

WordPress記事の編集

あとは WordPress の記事に iframe タグを使って埋め込みましょう。

iframeタグとスタイル設定

記事に書いたコードは下記の通りです。div要素でiframeを囲む形にして、サイズと中央寄せのスタイルは直接 div 要素に書きました。

ステーキ彼女

プレイ時間は1分程度。サウンドなしです。