Three.js 的前端 WebGL 页面开发合集「30 Three.js 的前端 WebGL 页面合集日本 开源项目」/~46363Y8ZWf~:/链接https://pan.quark.cn/s/1644aa234f1f项目简介本项目是一个使用 Three.js 进行前端 3D 图形开发的示例集合。每个子页面都是一个独立的创意或技术实现旨在展示 WebGL 和 Three.js 在各种场景下的应用能力。为了方便学习和参考每个子页面在src/containers对应的目录下都配有详细的README.md文件其中包含了该页面的开发说明和核心技术点总结。在线访问地址您可以在以下地址预览所有页面效果https://dragonir.github.io/3d/https://3d-dragonir.vercel.app/内容概览项目包含以下丰富多样的 3D 示例持续更新中元人类​ (开发优化中)奥运主题冰墩墩雪容融海岛地球数字地球艾尔登法环阿狸的多元宇宙悬浮文字3D漫画基于滚动的3D布局数字城市​ (开发优化中)脸书 Meta Logo虎年春节创意全景侦探小游戏SegmentFault突破1000粉纪念虚拟主播​ (开发优化中)动植物细胞结构​ (开发优化中)车​ (开发优化中)塞尔达旷野之息林克​ (开发优化中)标注“⚠”的页面表示正在开发和优化中。项目运行与开发本项目使用Create React App​ 脚手架构建。可用脚本在项目目录中你可以运行yarn start在开发模式下运行应用。打开 http://localhost:3000在浏览器中查看。当你做出更改时页面会重新加载。你可以在控制台中看到任何 lint 错误。yarn test在交互式监听模式下启动测试运行器。有关详细信息请参阅关于运行测试的章节。yarn build将应用构建到build文件夹以用于生产环境。它会将 React 正确地打包为生产模式并优化构建以获得最佳性能。构建文件会被压缩文件名包含哈希值。你的应用已准备好部署有关详细信息请参阅关于部署的章节。yarn eject注意这是一个单向操作。一旦eject你将无法返回如果你对构建工具和配置选择不满意可以随时eject。此命令将从你的项目中移除单一的构建依赖。相反它会将所有配置文件和传递性依赖webpack、Babel、ESLint 等直接复制到你的项目中以便你完全控制它们。除了eject之外的所有命令仍然有效但它们将指向复制后的脚本以便你可以对其进行调整。此时你将独立进行所有操作。你无需强制使用eject。精简的功能集适用于中小型部署你不必觉得有义务使用此功能。然而我们理解当你准备好时如果无法自定义配置这个工具将不那么有用。了解更多你可以在 Create React App 文档中了解更多信息。要学习 React请查看 React 文档。其他核心主题代码分割此部分已移至此处。分析打包大小此部分已移至此处。制作渐进式 Web 应用此部分已移至此处。高级配置此部分已移至此处。部署此部分已移至此处。yarn build压缩失败此部分已移至此处。版权声明页面中涉及的图文和模型素材仅用于个人学习、研究和欣赏请勿进行二次修改、非法传播、转载、出版、商用及进行其他任何形式的获利行为。本项目是一个基于Three.js的3D图形开发示例集合包含元人类、奥运吉祥物、数字地球等多样化的WebGL应用展示。项目采用CreateReactApp构建提供开发、测试和部署脚本。每个示例都配有详细说明文档部分页面仍在优化中。项目强调学习用途禁止商用或二次修改。在线演示地址提供实时预览功能。Content overview ・ コンテンツの詳細[1]. 元人类 ・ Metahuman ・ メタヒューマン[2]. 奥运主题冰墩墩雪容融 ・ Olympic mascot ・ オリンピックのマスコット[3]. 海岛 ・ IsLand ・ 小島[4]. 地球 ・ The Earth ・ 地球[5]. 数字地球 ・ Digital Earth ・ デジタルグローブ[6]. 艾尔登法环 ・ Eldon Ring ・ エルドンリング[7]. 阿狸的多元宇宙 ・ Running Fox ・ アリの多元宇宙[8]. 悬浮文字 ・ Floating Text ・ フローティングテキスト[9]. 3D漫画 ・ Three-dimensional Comics ・ 立体漫画[10]. 基于滚动的3D布局 ・ Scroll Based ・ スクロールベース[11]. ⚠ 数字城市 ・ Digital City ・ デジタルシティ[12]. 脸书Meta Logo ・ Meta Logo ・ Facebookのロゴ[13]. 虎年春节创意 ・ Chinese Year of Tiger ・ 虎の旧正月[14]. 全景侦探小游戏 ・ Panorama Game ・ パノラマミニゲーム[15]. SegmentFault突破1000粉纪念 ・ 1000 Fans ・ 千人の信者[16]. 虚拟主播 ・ Virtual Idol ・ バーチャルアイドル[17]. ⚠ 动植物细胞结构 ・ Cell Structure ・ 細胞構造[18]. ⚠ 车 ・ Car ・ 車[19]. ⚠ 塞尔达旷野之息林克 ・ Zelda: Breath of the Wild ・ ゼルダブレスオブザワイルド持续更新中... ・ Updating... ・ 更新を続けています...⚠正在开发优化中 ・ Under development and optimization ・ 開発中および最適化中