memoスマートフォン用の表示で見るmemoゲーム制作やデザインについての個人的メモこの広告は、90日以上更新していないブログに表示しています。2018-02-15【ティラノスクリプト】ローディング画面をつくる(プログレスバー付き)ティラノスクリプトこれをつくります(説明投げた)。プリロードやらなにやらのやり方は以下を参照してください。memo※色んなやり方があります。※タグを改造しています。自己責任でお願いします。first.ksまずはテキストとプログレスバーを表示します。20px",});[endscript]base.pngは透明な1px×1pxの画像です。これを引き延ばしてバー画像にしています。背景は今回はCSSグラデーションを使ってボーダー柄にしていますが、単色でも画像でもなんでも良いです。画像のプリロードをします。配列を渡してまとめてロードしてください。wait="true"]プリロードが終わったらテキストとプログレスバーを消去してタイトル画面に移動します。storage="title.ks"]ここまでは通常のプリロードですね。次はタグを改造して、プリロードの進行度に合わせてテキストとプログレスバーの長さが変化するようにしてみます。}画像をプリロードする度にテキストとプログレスバーの長さを増やしています。プログレスバーは最終的な横幅が300pxになるので、計算した値を3倍しています。Math.roundを使ったりしていますが、まあ正確な数値である必要はないので整数になるならなんでも良いかと......。最終的にきちんと「100%」「300px」になればオッケーです。今回は画像の数が124程度(サイズは22MBくらい)でテストしたのですが、もっと多くなるとプリロードにもそれなりの時間がかかってしまします。最初に全部読み込んでしまうか、必要な分だけ少しずつ読み込んでいくか......悩みますねー。ティラノスクリプト愛用のテキストエディタ「Mery」にアウトライン機能があることを知って(今さら......)KSファイルでラベルの位置に移動できるようにしてみました。あおたくノートツール>プラグイン>プラグインの設定を選択します。Outlineというプラグインがあるので選択して、プロパティを押します。左側ですが、バーの位置(お好みで)編集モード(ティラノ用の構文ファイルを使ってるので「ティラノスクリプト」になってます)タイプ(たぶん「カスタム」で良いと思います)最大レベル(デフォルトの「8」から変更してません。今回は一階層しか使わないので「1」でも良いです)こんな感じで。真ん中の「検索/正規表現」にはアウトラインの開始にマッチするパターン(?)を入力します。ここに入力した内容に該当する行を文書内から検索するわけです。今回は「*(アスタリスク)で始まるラベル」を検索したいのでこんな感じで。^\*検索だとどの位置にあろうが問答無用で拾ってしまうので、今回は正規表現を使っています。これで「*(アスタリスク)から始まる行を検索する」という意味になります(たぶん)。*/」を使うのでこれがひっかからないようにします。^\*(?!.*\/).+$これで「*(アスタリスク)から始まる行を検索する。/(スラッシュ)を含む場合は除く」という意味になります(たぶん)。入力したら横のチェックも忘れずに入れてから「OK」を押して、一度プラグインの設定を閉じてください。あとはツール>プラグイン>アウトラインを選択してチェックを入れるだけです。こんな感じで表示されればOKです(表示される場所は「バーの位置」で設定したところになります)。ラベル名のところを押せばその位置に移動できます。03:10【ティラノスクリプト】Meryでラベルの位置に移動するTweet広告を非表示にするコメントを書くもっと読む2018-02-02【ティラノスクリプト】画像ファイルを一括で取得するバッチファイル(Windows専用)ティラノスクリプト以前こちらの記事で解説したファイル名一括取得方法の件です。7yen.hateblo.jpこの作業ってゲームが完成して最後にやるものなので個人的には上記の方法でまったく問題ないのですが、せっかくちょろっとコマンドプロンプトに触れたりしたのでバッチファイルのつくり方も勉強してみました。バッチファイルってあれです。面倒な処理をクリックひとつ(正確にはダブルクリック)でやってくれる便利なあれです。Wikipediaちなみに、ティラノスクリプトに関してはすでにファイル名取得のためのバッチファイルを他の方が公開されています。たまごネコは夢を見る色んなやり方がありますね~。今回は自分で使うものなので自分が使いやすいようにしました。具体的には、ティラノスクリプトのプロジェクトフォルダに置いてダブルクリックするだけでサブフォルダも含めたすべての画像ファイル(拡張子が.jpgと.pngのもの)のリストを[preload]タグで使える配列の状態にしてテキストファイルに出力できるバッチファイルを目指しました。できあがったものがこちらです。endlocal参考にさせていただきました:ファイル内の文字列を置換する※いつもの通り、ご利用は自己責任でお願いしますー。メモ帳とかにコピペして拡張子を.batで保存してティラノスクリプトのプロジェクトフォルダ(index.htmlが置いてあるところ)に置いてダブルクリックすればlist.txtというファイルができているはずです。tyranoフォルダ内の画像も取得できてますね。完全な余談コマンドプロンプトいじるまでWindowsのパスの区切りがバックスラッシュだと気づかなかった(というか気にしたことがなかった)。06:14【ティラノスクリプト】画像ファイルを一括で取得するバッチファイル(Windows専用)Tweet広告を非表示にするコメントを書くもっと読む2017-11-30【ティラノスクリプト】一定時間マウス操作がない場合にカーソルを非表示にするティラノスクリプト自分が欲しかったので(以下略)一定時間マウス操作がなかった場合にカーソルを非表示にしてみます。オートプレイ派の人やキー操作派の人で、画面にカーソルがあるのが気になっちゃう時にいいかも(もちろんプレイヤーが設定できるようにした方が良い)。テストしてないのでご利用の際は自己責任でお願いします。first.ksとかに記述します。3秒間操作しないとカーソルが消え、マウスを動かすと表示されます。20:20【ティラノスクリプト】一定時間マウス操作がない場合にカーソルを非表示にするTweet広告を非表示にするコメントを書くもっと読む2017-11-23【ティラノスクリプト?】プレイヤーに背景色や背景画像を変更してもらうティラノスクリプトというか、HTML5とjQueryの話です。先日更新した拙作「おばけアタック!」ですが、どこが変わったのかというと、コンフィグ(音量調節等ゲームの各種設定)が追加されたのです。novelgame.jpよかったら遊んでみてね。バッジもゲットできるよ。(宣伝ですか?)(宣伝だよ!)私は環境設定マニアでして、ゲームを買ったりDLしたりすると必ず最初にコンフィグを開いてじっくり確認、自分の好みにいじりまくって設定しています。プレイしやすさの向上という目的もありますが、単純に好きなんですね、コンフィグを見るのが。いっても、「おばけアタック!」は性質上そんなに細かい設定は必要ありません。ノベルにお約束の文字速度設定もいらないし、スキップ機能も使ってないし......。音量調節と確認ダイアログ設定の他に、なにか追加できる設定はないかな?と考えて思いついたのが......背景色と背景画像の設定です。言うと「自分の好きな背景でゲームをプレイできるよ!」という謎機能です。こんな感じで背景色と背景画像の設定ができます。背景画像は表示の仕方も変更できるよ。「デフォルトのオレンジが目に痛すぎてオレの実力が発揮できねえ!」と思っていた人も安心だね。自分の環境以外でテストしていないので、不具合とかあったら教えてください。いうわけで、以下は技術的な話です。興味のある人はどーぞ。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。