3D 网页编辑器开发日志-01
❤️ 1🌭 1🚀 1

3D 网页编辑器开发日志-01

#游戏
#React
#Threejs

#three.js 基于 threejs + react +nextjs写了一个玩具。起初是模仿 sandbox 写了一个地图组件(用的canvas,纯手撸的轮子) 做完之后,发现只有载体没有内容,于是乎,花了三个月做了一个三维编辑器网页版的,目前方向明确,设计合理。 模型能导入导出,在优化方面也捣鼓了一些,目前还在做动态动画,着色器,材质编辑等功能(后续还会考虑做一个一键代码生成) 通用性很强,做出来还是蛮有成就感的。

多图预警⚠️

(嵌入了网页)



(编辑场景,并且实现了一些基本的属性编辑)



(添加导入导出等功能,实现了一些基本的几何体添加)



(编辑一些较为基础的场景属性)



(每一个“土块”对应一个编辑器场景)



(编辑完后的场景能直接进入场景操控角色进行游玩)



(起初模仿 sandbox 做的一个地图组件)


两年前写的地图组件B站视频

本人知乎:https://www.zhihu.com/people/hua-niao-feng-yue-66-17

游戏
React
Threejs
Ctrl + Enter