abandon888 / GalleryEur

基于web3D的博物馆导览项目

Home Page:https://lucent-florentine-4c5ee3.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

博物馆导览项目

项目简介

项目基于 three.js 开发,实现了博物馆的导览功能,用户可以通过"w","s","a","d"键或小键盘控制视角位置的移动,通过鼠标左键控制相机的视角,通过鼠标右键控制相机的高度,通过点击博物馆内的热点,查看博物馆内部的展览信息。

预览链接 1:https://lucent-florentine-4c5ee3.netlify.app/(需科学上网)

项目运行

安装依赖

npm install

运行项目

npm run dev

打包项目

npm run build

Todo

  • 项目基本框架搭建

  • 物品点击事件

  • 外围环境优化

  • 美观的懒加载

  • 游览音乐

  • 文字导引

  • 视角调节:一进去能看见建筑

  • 进门导引

  • public 文件优化

  • 添加 gpt 互动要素

  • 打包为桌面端应用

About

基于web3D的博物馆导览项目

https://lucent-florentine-4c5ee3.netlify.app/


Languages

Language:TypeScript 89.6%Language:CSS 4.1%Language:JavaScript 3.8%Language:HTML 1.3%Language:Rust 1.2%