目录 创作背景 功能分解 创建3d地球 创建3d月球  创建3d小火箭 设计地球自转轨迹和月球、小火箭旋转的行星轨道 1.地球的自转轨迹 2.月球的公转轨迹 3.小火箭的公转轨迹 最终效果展现  彩蛋 创作背景         马上又是一年中秋佳节到来之际，中秋佳节自古以来就是团圆，思乡的节日，佳节当晚一边赏着月色，一边品尝着美味的月饼，和亲人好友诉说着想念之情 ，悠闲惬意之情油然而生。         古人有诗云：”明月几时有，把酒问青天，不知天上宫

WebGL 的基本图元包括：点、线段、三角形。 三角形图元分类 基本三角形（TRIANGLES） 基本三角形是一个个独立的三角形。 假如：提供给着色器 6 个顶点，WebGL 会绘制 2 个三角形，前三个顶点绘制一个，后三个顶点绘制另一个，互不相干。 例如：[v1, v2, v3, v4, v5, v6] 采用基本三角形图元进行绘制，绘制完如下图所示 [v1, v2, v3] 为一个三角形、[v4, v5, v6] 为另一个三角形。 绘制三角形的数量 = 顶点数 / 3 三角带（

 需求：点击新增按钮 能不断生成下级部门，所以我再data中定义了一个变量 空数组 subordinateDepartmentNum：[] 默认值设置为[] 给增加按钮添加点击事件 每点击一次按钮  subordinateDepartmentNum加1 // 新增下级部门 addDepartment() { this.subordinateDepartmentNum.push(this.subordinateDepartmentNum.length); //确保每次

一、什么是纹理加载 纹理一般是指我们常见的在一些第三方程序中创建的图像，如Photoshop或GIMP。我们把这张图片放在立方体上。（我通常称为贴图）。我们需要做的就是创建一个TextureLoader。调用它的load方法，同时传入图像的URL，并将材质的 map 属性设置为该方法的返回值 1.属性介绍 属性 描述 map 我们需要做的就是创建一个TextureLoader。调用它的load方法，同时传入图像的URL,返回值就是map的属性 alpha

CesiumJS是一个开源、免费的三维地图开发框架，Three.js是一个也开源、免费的3D渲染框架，两者都是基于WebGL技术、使用JavaScript开发的Web前端三维可视化框架，在国内外应用非常广泛。本篇我们来聊聊Cesium+Three.js的几种方案，结合实际应用效果来分析各个方案的优点和缺点，以便项目中快速做出技术路线和方案选择。 1、Cesium和Three.js简单对比 Cesium可视化内容以地理空间数据为主，如卫星影像、地形、城市级三维模型等，数据量和空间范围都非常大

1、npm安装threejs 创建vue项目(略) 执行如下命令：安装threejs相关模块 npm install three npm install three-css2drender npm install three-obj-mtl-loader npm install three-orbit-controls package.json 如下 { "name": "vue-lk-test", "version": "0.1.0", "private": true,

🍺Web服务器系列相关文章编写如下🍺： 🎈【Web开发】Node.js实现Web服务器（http模块）🎈 🎈【Web开发】Node.js实现Web服务器（express模块）🎈 🎈【Web开发】Python实现Web服务器（Flask入门）🎈 🎈【Web开发】Python实现Web服务器（Flask测试）🎈 🎈【Web开发】Python实现Web服务器（Tornado入门）🎈 🎈【Web开发】Python实现Web服务器（Tornado+flask+nginx）🎈 🎈【Web开发

方法一 引入Threejs 我们可以在public下的index.html文件中引入： 2. 相关依赖文件可以在main.js文件中引入 3. 模型可以放在public文件夹下新建static文件夹放入其中 function loadGlt(obj) { //为模型添加添加天空盒子环境贴图反光材质 var path = 'static/surround/' var urls = [ path + 'you.j