Student App
voxel-world
マインクラフト風 3D Webアプリケーション
制作者Y・S
使用技術React,R3F,Three.js,Firebase Auth,Firestore,
アプリ種別 Webアプリ
スクリーンショット
アプリ概要
作成の目的
ブラウザで気軽に楽しめる、わくわくする3D体験の提供
直感的な操作と、空間に没入できる表現を重視し、
「触って楽しい」体験を目指しました。
制作の背景
案件を通して Three.js を学び始め、
ブラウザ上で3Dオブジェクトを動かせることの楽しさを体験しました。
その中で、このワクワク感を、自分だけでなくユーザーにも届けたいと
考え、本プロジェクトの制作に至りました。
主な機能
- ゲームとしてできること
- 一人称視点で3Dワールドを自由に探索
- ブロックの設置・破壊
- アイテムの獲得・イベント体験
- ログインしてセーブ/再開
- リセットによるワールド初期化
こだわり・制作で意識したこと
チャンク管理よるワールド描画
再現性のあるランダム地形生成
Firestoreによる差分セーブ