PortNavi

voxel-world

Student App

voxel-world

マインクラフト風 3D Webアプリケーション

制作者Y・S

使用技術React,R3F,Three.js,Firebase Auth,Firestore,

アプリ種別 Webアプリ

voxel-world

スクリーンショット

voxel-world
voxel-world

アプリ概要

作成の目的

ブラウザで気軽に楽しめる、わくわくする3D体験の提供
直感的な操作と、空間に没入できる表現を重視し、
「触って楽しい」体験を目指しました。

制作の背景

案件を通して Three.js を学び始め、
ブラウザ上で3Dオブジェクトを動かせることの楽しさを体験しました。
その中で、このワクワク感を、自分だけでなくユーザーにも届けたいと
考え、本プロジェクトの制作に至りました。

主な機能

  • ゲームとしてできること
  • 一人称視点で3Dワールドを自由に探索
  • ブロックの設置・破壊
  • アイテムの獲得・イベント体験
  • ログインしてセーブ/再開
  • リセットによるワールド初期化

こだわり・制作で意識したこと

チャンク管理よるワールド描画

再現性のあるランダム地形生成

Firestoreによる差分セーブ