tosumalog (original) (raw)
こんにちは、tosumaです。
今回はFFRKのファンサイトついての記事です。普段利用頂いている方やFFRKプレイヤーの方、その他プログラムやシステムについてご興味のある方に見て頂けますと幸いです。
6月にダークモードについて書かさせ貰いました。
こんな感じの完成イメージです。(以下)
トップページ。(↑通常、↓ダーク)
ダンジョン一覧ページ。(↑通常、↓ダーク)
ランキングページ。(↑通常、↓ダーク)
リクエストフォーム。(↑通常、↓ダーク)
で、肝心の8月の現在の進捗ですね。
ほとんど6月から進んでません!!
いや、基本的な大枠は6月時点で既にできているのと、残作業についても頭の中での構築は割と進んでるんです、モノが出来ていないだけで....。
(それが進捗0や)
言い訳としては、7月はノマガチャランキングの準備があって(結局お蔵入りですが苦笑)、8月はコロナ感染&必殺技の所持数が10から15に変更などもあって、ぜんぜん追っつきませんでした。
(あと、ランキングの表現案が思いつかず......)
で、今回の必殺技保持数の変更だったり、ちょこちょこメンテしてるんですが、日々の30分程度の作業時間ではダブルメンテ(ダークモード側と現行側)が現実的ではないと判断しました。
で、何が言いたいかと言うと、ダブルメンテしなくてもいい仕組みから考え直すので、、、再度0からやり直すことにしました。
ということでダークモード実装はだいぶ先になりそうです。
それでは皆さん、引き続き良きレコパライフを!
お読み頂き有難うございました。
※よければもう1本 関連記事をお読み頂けると幸いです
こんにちは、tosumaです。
今回はJavascriptのお話です。
先日、ジョーク動画で例のルーレットぽい物を作りました。
#FFRK #レコパミーム
カウントダウン装備召喚で神引きした際にご自由にお使いください。 pic.twitter.com/LC6bfQVrNb— 白ご飯🍚 (@Tay_Tosuma) 2024年8月8日
ライブラリにはenchant.jsを使っています。
enchant.jsはオープンソースのHTML5向けゲームエンジンです。
公式サイトも閉鎖してGitの更新もなので実質終了したライブラリですね。
と言いつつ個人的には使いやすくて使い続けています。
Wikiはコチラ。
enchant.js - Wikipedia
今回は上記の軽く、かつ、ざっくりとソースの紹介をします。
だいたい20~30分くらいで作ったものですね。
(このブログのためにインデントつけたりは後付け)
以下が実際に動くものです。
これを動画キャプチャしてトリミングして出来上がりです。
しばらくは置いておきます。(しばらくしたら消します)
https://taytsm.com/roulette/
1|ディレクトリ構成
ディレクトリ構成はこんな感じです。
今回はイメージなど使わないのでね、まぁ適当です。笑
ライブラリ置くだけなのでフォルダ切る必要もないくらい。
2|index.html
index.htmlはこんな感じです。
bodyだけ整えてiframeでgame.htmlを読み込んでます。
index.html、game.html、jsで定義した領域の幅と高さは合わせておくのがポイントですかね。
3|game.html
game.htmlはこんな感じです。
こちらがメインの処理になります、普段は「<script>~</script>」の部分は別ファイルにして、そこの中だけ差し替えています。
enchant.jsの仕組みを使うためjsフォルダのenchant.min.jsを参照してます。