Blog on 54 CHEN
·
如何使用Azure、.NET、TypeScript和TailwindCSS构建3D网页游戏
💡
原文英文，约2900词，阅读约需11分钟。
📝
内容提要
我为儿子Max开发了一个数学游戏，使用C#、.NET Core、React-Three-Fiber和TypeScript等技术。项目包含Azure App Service和SQL数据库，前端采用Vite和TailwindCSS，支持3D世界和路由功能，结构清晰，易于扩展。
🎯
关键要点
- 为儿子Max开发数学游戏，使用C#、.NET Core、React-Three-Fiber和TypeScript等技术。
- 项目架构包括Azure App Service和SQL数据库，使用Github Actions进行CI/CD。
- 后端项目使用.NET 8.0 SDK，采用DDD和CQRS架构，集成MediatR、AutoMapper和FluentValidation。
- 使用Docker运行SQL Server，并创建名为MaxMath的数据库。
- 前端项目使用Vite、TailwindCSS、React-Three-Fiber和状态管理库Zustand/Redux。
- 实现3D世界的基本功能，支持鼠标交互和物体点击放大。
- 添加路由功能，支持多页面游戏，用户可以登录并访问不同关卡。
- 项目结构清晰，易于扩展，支持添加更多3D模型和功能。
- GLB格式用于传输3D模型，提供多种资源网站供下载。
- 计划将项目部署到Azure App Service，但因资源限制决定使用Vercel等静态项目托管。
