- ホーム
- JavaScript
JavaScript
-
1つのHTMLを3つのファイルに分ける｜入門のタスクボードで「どこに何を置くか」を先に決める【次の一…
入門6で育てた164行のタスクボードを、index.html・style.css・app.js の3つに分けて file:// のまま動かす。設計書を書くより先…
-
都市開発シミュを作る⑥｜静的ビルドをWordPressへ公開＋連載総括【Aurum City制作・完…
完成した都市開発シミュを、バックエンド無しの静的ビルドにしてWordPressへ「置くだけ」で公開する。型チェック・246個のテスト・実機コンソール0で「動いて…
-
都市開発シミュを作る⑤｜「面白くない」を目標・施設・イベント・音の4軸で解消【Aurum City制…
「面白くない」を4軸(目標・打ち手・変化・音)で解消する。都市ランクとミッション、サービス施設と幸福度、通勤・交通、ランダムイベントとニュース速報、生成AIのB…
-
都市開発シミュを作る④｜4度つまずいて座標系ごと作り直した話 — 真のアイソメグリッド移行【Auru…
「MVP完成」と思った直後、実機のスクショで同じ崩れが4度も再発した。個別バグを直しても消えない真因は、正方形グリッドという座標系そのものだった。真のアイソメ(…
-
都市開発シミュを作る③｜需要・成長・経済の決定論シミュレーション(MVP完成)【Aurum City…
需要・成長・経済で街を動かす決定論シミュレーションの作り方。種から回す乱数(mulberry32)で同じ操作は同じ結果にしてテスト可能にし、RCI需要・道路接続…
-
都市開発シミュを作る②｜AIでドット絵タイルを生成＋道路オートタイリング【Aurum City制作】…
画像生成AI(Seedream)でドット絵の地形タイルを作り、均一化とアルファ実測で検証してゲームに組み込む量産フロー。さらに道路を1本置くだけで交差点やカーブ…
-
ブラウザで動く都市開発シミュを作る①｜React+TypeScript+Canvasの土台と3レイヤ…
React+TypeScript+Canvasで、ブラウザで動く都市開発シミュを1から作る連載の第1回。ロジック(sim)・描画(render)・UI(Reac…
-
ブラウザゲームを自動テスト＆デプロイ⑥｜puppeteerヘッドレス検証と静的配信【Archipel…
1万行のゲームを手で全クリアせず「動いている」を機械に証明させる。puppeteerでタイトル→戦闘→リザルトまで通しプレイし、コンソールエラー0・画像/音声4…
-
AIでゲーム素材を量産する⑤｜生成→透過切り出し(BiRefNet)→配置のパイプライン【Archi…
絵が描けなくても、AIで世界観の揃った立ち絵・背景・アイコンを揃える。画像生成→候補選別→BiRefNetで透過切り出し→均一キャンバスに正規化→配置という量産…
-
JavaScriptでRPGを作る④｜ワールドマップ・シーン遷移・セーブ(localStorage)…
ステージデータから蛇行するワールドマップを描き、クリアでロックを解放し、進行をlocalStorageに自動保存する。全セーブデータを1つの状態オブジェクトに集…
PR
レンタルサーバ：ロリポップ！（本サイトの稼働環境・PR）
