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 配 Node、Three.js 菜鸟笔记、或者React+TypeScript 的示例项目,都挺有启发。
,Animx 比较适合想做点 3D 酷炫页面又不想写太多代码的你,做作品展示、个人主页、交互页面都挺合适的。
18.31MB
文件大小:
评论区