Animx测试版3D建站应用(基于React)

3D 动画模型的网站构建器,配上 React 的交互和 Three.js 的视觉,做出来的页面那叫一个灵动。Animx 挺适合那种对代码不太熟的朋友,拖拖拽拽就能搭页面,体验蛮丝滑的。

3D 组件靠Three.js撑场子,模型加载还挺快,配合Amazon S3做资源管理,部署起来省心多了。后台用Node.js + Express,数据走MongoDB,逻辑也清晰。

前后端热更新也安排上了,前端有webpack-dev-server搞定热加载,后端靠nodemon顶住开发节奏,改完代码基本不用手动重启,效率不错。

登录那块还在开发阶段,用的是Passport.js,现在先用测试账号登录:用户名admin,密码12345。不过你上线前记得换掉哈,别拿这个做正式环境。

如果你想上手看看,可以直接跑这个项目:先在根目录yarn install,安装完依赖就能用yarn start跑起来。前后端都配置好了,环境干净,调试也不费劲。

感兴趣的话还可以看看这些相关文章,比如Three.js 配 NodeThree.js 菜鸟笔记、或者React+TypeScript 的示例项目,都挺有启发。

,Animx 比较适合想做点 3D 酷炫页面又不想写太多代码的你,做作品展示、个人主页、交互页面都挺合适的。

zip 文件大小:18.31MB