LUMINOUS 9

概要

• 作品名 Luminous9（オリジナルWebゲーム）
• 担当範囲 コーディングのみ（デザインなし・直接コーディング）
• 制作期間 3日間

制作の背景・目的

HTML、CSS、JavaScriptの基礎学習を終えた段階で、学んだ技術を実際の形（アウトプット）にするために制作したオリジナルのWebゲームです。一般的なWebサイトのコーディングにとどまらず、ユーザーの操作に応じてリアルタイムに画面が変化する「動的なフロントエンドの実装力」を養うことを目的としました。

工夫した点・こだわったポイント

• 「女性感」を意識した世界観の構築 カンプなどのデザインデータがない状態から、ブラウザ上で直接配色やレイアウトを調整していきました。「女性感」を全体のテーマ・イメージとして据え、上品さや華やかさが伝わるようなビジュアルとフォント選定、色使いを意識してコーディングしました。
• 直感的な操作性とゲーム性 初めてプレイする人でも迷わずに楽しめるよう、シンプルでわかりやすいUI（操作画面）と、JavaScriptを用いたスムーズな挙動のコントロールを意識しました。

苦労した点と解決策

デザインなしの状態で、頭の中にある「女性感」という抽象的なイメージを具体的なコード（CSS）に落とし込んでいく作業に苦労しました。色調のバランスや要素の配置を何度もブラウザ上で検証・微調整を繰り返すことで、3日間という短い制作期間の中でも、テーマに沿った統一感のある世界観を崩さずにゲームとして完成させることができました。

提供できる価値

基礎を学んですぐにゲームという複雑なロジックを伴う制作に挑戦し、3日間で形にしたことで、「仕様を理解し、実際に動く形にする実装スピードと対応力」が身につきました。また、私には動画編集スキルもあるため、今回のようなWeb上の演出だけでなく、女性向けのプロモーション動画やSNS用動画などを組み合わせた、ビジュアル重視のトータルプロモーションのご提案も可能です。