4. フォルダーとファイル構成
プロジェクトの中身を理解すると、どこを編集すればよいかがすぐわかります。下の表は代表的なファイルの場所と役割です。
場所 | 内容 | 初心者向けメモ |
---|---|---|
index.html |
ゲーム画面の土台。HTML のレイアウトを定義しています。 | ボタンやカードの配置を変えたいときに使います。 |
style.css |
見た目(色・フォント・余白など)をまとめています。 | 色を変えたいときはこのファイルを編集します。 |
main.js |
ゲームのメインロジック。タブ切り替えやボタン操作を制御します。 | 挙動を変えるときは慎重に。小さく編集しながら試しましょう。 |
js/ |
機能ごとの JavaScript ファイルが入っています。 | 処理を分けたいときに便利です。 |
games/ |
ミニゲームなどの追加コンテンツの情報が入ります。 | 新しいゲームを入れたいときに使います。 |
dungeontypes/ |
ダンジョンの種類に関するデータファイル群です。 | 敵の強さや報酬を調整できます。 |
blockdata.js / blockdata.json |
ブロック次元モード用のデータ。複雑な設定が入っています。 | 最初は blockdata.json を読み、形を把握しましょう。 |
tools/ |
制作者向けのツールやテンプレートがあります。 | 自分用にアレンジして使えます。 |
4.1 推奨するフォルダー整理術
- バックアップフォルダーを作る: 変更前のファイルを複製しておくと、すぐに元へ戻せます。
- ドキュメント用フォルダーを用意: 設計資料やメモをまとめておくと、チーム共有がスムーズです。
- 素材フォルダーを分類: 画像、音声、フォントなどをサブフォルダーで分けると管理しやすくなります。
4.2 ファイルの命名規則
新しいファイルを追加するときは、英数字とハイフン(-
)を使ったわかりやすい名前を付けましょう。
拡張子は .html
、.css
、.js
、.json
など目的に応じて選びます。