主要给大家介绍了关于利用Three.js开发实现3D地图的实践过程，文中通过示例代码介绍的非常详细，对大家学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。

ThreeJSPro 本工程实现了三维模型加载，热双击鼠标点动态生成，为热点添加描述，热点随模型旋转，热点信息存入数据库等功能。 鼠标控制 鼠标双击添加热点 热点位置待更新 使用方法: 环境：tomcat7.0+ , JDK1.8, Mysql5.1+, Chrome浏览器 src目录下为java后台，需要编译。 在数据库创建一个名为annotation的数据库，运行annotation.sql脚本。 将编译后的java class 文件按照当前目录和前端文件一起放入到Tomcat webapps目录下。 启动tomcat ，访问localhost:8080/项目名/index.html

物质编辑 基于Three.js，WebGL和Vue.js的材质和着色器编辑器

用于Google Chrome的Three.js编辑器扩展 Chrome DevTools扩展程序，用于管理任何three.js项目。 的双项目 如何安装 在测试版中，您可以直接从磁盘加载扩展程序： 签出仓库 打开Chrome的“扩展程序”页面（ Settings / More tools / Extensions ） 启用Developer Mode 点击``加载解压后的扩展程序...'' 在检出的项目中选择文件夹/ src 或者，您可以自己打包扩展并通过在扩展页面中删除.crx文件来加载。 如何使用 浏览到包含three.js内容的页面（您可以在或找到许多内容） 打开DevTools 选择Three.js Editor选项卡 该扩展程序需要检测THREE ，因此必须使用被注入的脚本重新加载被检查的选项卡。 点击Reload按钮 如果要开发页面，请确保THREE是全局的

ThreeStudio 基于Three.js和Electron的3D游戏编辑器。 该项目的目的是使用现有的基于Web的开源框架和库来创建功能性3D编辑器。 应用程序：Node.js + Electron 核心：HTML + CSS + JavaScript + jQuery 界面：jQuery UI + jsTree + GoldenLayout + CodeMirror + jscolor + Bootstrap + FontAwesome 渲染和物理：Three.js + ammo.js + csg.js 脚本：Esprima + CoffeeScript + RapydScript 用法： npm install npm start 按F9或Ctrl+P进入/退出游戏模式。 要以独立模式运行游戏： npm start player

ThreeJS创建天空盒的几种方法

三Dxf Three-Dxf是dxf文件的javascript查看器。 它接收从Dxf-Parser生成的dxf对象，并使用three.js渲染它们。 安装 npm install three-dxf 现在，我们建议克隆存储库，并从我们的示例开始。 请参阅下面的运行样本。 用法 // See index.js in the sample for more details var parser = new window . DxfParser ( ) ; var dxf = parser . parseSync ( fileReader . result ) ; cadCanvas = new ThreeDxf . Viewer ( dxf , document . getElementById ( 'cad-view' ) , 400 , 400 ) ; 运行样本 # first, co

ThreeJS使用Curve曲线让物体沿轨迹运动DEMO

tweenjs动画库配合ThreeJS使用DEMO

基于threejs实现的地球酷炫3D飞行轨迹线，可以快速集成自己项目中，实现漂亮动画。