本記事の内容
この度、ポートフォリオ「movieDIG」をリリースしましたので、投稿いたします！
映画発掘をするゲーム風アプリになります。
なぜ作ろうと思った？
なぜ作ろうと思ったのかは2つ理由があります
pygameでゲームを制作しているYouTuberに影響を受けた
皆さんはこの方、ご存知ですか？
「pythonで10行でマリオ作ってみた！」という動画から始まり、
1ショートでスーパーマリオブラザーズの1機能追加をしていき、どんどん本家みたいになっていくのを見ることができます。
この動画に感化されて自分もゲームアプリを作りたいと思い立ち、
pygameのインストールから始めました。
Netflixを使っているときのモヤモヤ
ゲームアプリの内容は何にしようかな..と考えたところ、Netflixを使っているときのモヤモヤがふと思い浮かびました。
- 「Netflixではいろいろな映画がラインナップとして揃っているけど、レコメンドされているもの以外のものは自分で検索する必要があるな...🤔」
- 「レコメンドされているものは似ているものが多いし、もっとバリエーションが欲しいな...🤔」
など。
そこで、自分で映画を発掘できるようなゲームアプリを制作しようと決めました。
どんなアプリ？
サービスについて
movieDIG
使用技術
ゲーム模擬実装
- pygame
- pygameでゲーム機能を実装 → Django+React(TypeScript)で再実装という流れで制作するため使用しました。
バックエンド
- python 3.12.8
- Django 3.2.25
フロントエンド
- React 18.3.1
- Redux
- TypeScript 5.6.3
- Vite 5.4.8
インフラストラクチャー
- Docker
- Render
ER図
機能
ゲームスタート
トップ画面の「ゲームスタート」ボタンからゲームスタート！
アカウント作成・ログインしなくてもゲストログインですぐにスタートすることができます。
宝箱から映画を発掘！
プレイヤーキャラを動かして、地面を掘り進めてきます。
宝箱から映画ポスターをランダムにゲットできます
発掘した映画を確認
ゲーム画面でゲットしたときの映画ポスターリストをクリックすると、
集めた映画ポスターを確認することができます。
ナビゲーターモグラ
(個人的に気に入っている機能)
ゲーム画面でナビゲーターのモグラが操作方法etcを話してます
終わりに
ゲームアプリ制作、思い返すとこれまでのポートフォリオ制作の中で一番楽しかったです。
現時点では、映画を発掘してポスターを確認するのみのシンプルな内容ですが、まだまだ機能追加の余地があると感じています。
ちなみに、プレイヤーキャラクター、モグラのアートは流行りのDALL-3に描いてもらいました。
（なかなかモグラがかわいくならず苦戦した末に今のかわいいモグラを世に出せました）
絵心がないからキャラクターデザインどうしよう...と悩んだのも束の間、
アイデアを形にするGPTがあるから心強いもんです。
今回のmovieDIGの制作の影響が波及して、steamでゲームをリリースしているインディーズゲーム製作者の動画を見たりして、いつかsteamでゲームリリースもいいなぁ、、とか思ったり。
読んでくださり、ありがとうございました。