<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mad970906的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mad970906</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mad970906]]></copyright><item><title><![CDATA[Vue3+Cesium+vite 入门- 项目搭建]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/146949061</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/146949061</guid><author>mad970906</author><pubDate>Wed, 02 Apr 2025 15:59:35 +0800</pubDate><description><![CDATA[通过上述代码，我们成功将 CesiumJS 与 Vue 3 结合，创建了一个简单的 3D 地图应用。Vue 3 的组件化开发模式和响应式原理为 CesiumJS 的集成提供了便利，使得开发过程更加高效。]]></description><category></category></item><item><title><![CDATA[Cesium系列：从入门到实践，打造属于你的3D地球应用]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/146946562</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/146946562</guid><author>mad970906</author><pubDate>Wed, 02 Apr 2025 15:25:03 +0800</pubDate><description><![CDATA[CesiumJS 是一个开源的 JavaScript 库，它能够帮助开发者创建出具有卓越性能、高精度、出色视觉质量和易用性的世界级 3D 地球仪和地图。无论是在航空航天领域，用于模拟飞行路径和展示卫星数据；还是在智能城市中，用于可视化城市规划和交通流量；亦或是无人机行业，用于展示飞行轨迹和地形数据，CesiumJS 都能大显身手。它在 Apache 2.0 许可下发布，这意味着无论是商业用途还是非商业用途，都可以免费使用。获取最新版本代码：访问 CesiumJS – Cesium，找到最新的 release]]></description><category></category></item><item><title><![CDATA[Three.js 实现 3D 数学欧拉角]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/146910122</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/146910122</guid><author>mad970906</author><pubDate>Tue, 01 Apr 2025 13:48:27 +0800</pubDate><description><![CDATA[X轴（俯仰角 Pitch）- Y轴（偏航角 Yaw）- Z轴（滚转角 Roll）在 Three.js 中，欧拉角通过对象来实现。通过设置欧拉角的三个值，你可以控制物体在三维空间中的旋转。]]></description><category></category></item><item><title><![CDATA[（三十八）THREE.TorusGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/146803516</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/146803516</guid><author>mad970906</author><pubDate>Mon, 31 Mar 2025 10:47:40 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建环面（即甜甜圈形状）几何体的一个类。环面是一个封闭的曲面，由一个圆沿垂直于其平面的轴旋转一周而成。]]></description><category></category></item><item><title><![CDATA[【Three.js碰撞检测实战指南】从基础原理到多引擎集成方案]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/146802416</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/146802416</guid><author>mad970906</author><pubDate>Mon, 31 Mar 2025 10:27:47 +0800</pubDate><description><![CDATA[/ 使用ConvexPolyhedron创建自定义形状。]]></description><category></category></item><item><title><![CDATA[(三十七) THREE.TetrahedronGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/145699442</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/145699442</guid><author>mad970906</author><pubDate>Tue, 18 Feb 2025 10:31:48 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建四面体几何体的一个类。四面体是最简单的多面体，由四个三角形面组成，共有四个顶点、六条边。在 Three.js 中，可以用于创建一个标准的正四面体，用户可以通过调整参数来定义其大小和细分程度。构造函数接受两个参数来定义四面体的大小和细分程度。]]></description><category></category></item><item><title><![CDATA[（三十六）THREE.SphereGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/145295582</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/145295582</guid><author>mad970906</author><pubDate>Wed, 22 Jan 2025 09:31:35 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建球体几何体的一个类。球体是一个三维几何体，所有点到中心的距离都相等。允许用户通过调整参数来定义球体的大小和细分程度。构造函数接受七个参数来定义球体的尺寸和细分程度。]]></description><category></category></item><item><title><![CDATA[（三十五）THREE.ShapeGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/145275406</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/145275406</guid><author>mad970906</author><pubDate>Tue, 21 Jan 2025 09:34:00 +0800</pubDate><description><![CDATA[是 Three.js 中用于从一个或多个对象创建几何体的一个类。是一种描述二维路径的方法，可以用来定义各种形状的轮廓。通过，可以将这些二维路径转换成三维几何体，适用于创建各种基于轮廓的三维模型，例如字母、图标、徽标等。构造函数接受两个参数来定义几何体的形状和选项。]]></description><category></category></item><item><title><![CDATA[threejs 第一人称控制器FirstPersonControls的使用]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/145175583</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/145175583</guid><author>mad970906</author><pubDate>Thu, 16 Jan 2025 10:47:50 +0800</pubDate><description><![CDATA[为0.1 为旋转角度，movementSpeed为20 为移动速度，控制的是鼠标上下左右移动时的速度与角度，角度大速度小时会有移动延时，在测试API时发现鼠标移动到场景时使用 键盘 上下左右才会生效并且很灵敏。是 Three.js 中的一种控制器，允许用户以第一人称视角进行三维场景的浏览。使用这个控制器时，用户可以通过鼠标或键盘来控制视角，类似于第一人称射击游戏中的操作方式。：在使用 FirstPersonControls 时当。]]></description><category></category></item><item><title><![CDATA[（三十四）THREE.RingGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/145174866</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/145174866</guid><author>mad970906</author><pubDate>Thu, 16 Jan 2025 10:22:34 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建环形几何体的一个类。环形几何体是一个具有内径和外径的圆环面，可以用于创建戒指、轮子或其他圆形结构。通过调整参数，可以创建出不同大小和细节的环形构造函数接受六个参数来定义环形的尺寸和细分程度。]]></description><category></category></item><item><title><![CDATA[threejs 包围盒（Box3）]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/145153217</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/145153217</guid><author>mad970906</author><pubDate>Wed, 15 Jan 2025 09:35:36 +0800</pubDate><description><![CDATA[就是一个长方体空间，将模型 所有顶点包围起来的最小长方体空间。描述一个长方体包围盒需要通过xyz坐标来表示，X范围[Xmin,Xmax],Y范围[Ymin,Ymax],Z范围[Zmin,Zmax],.min属性值是.max属性值是。]]></description><category></category></item><item><title><![CDATA[(三十三) THREE.PolyhedronGeometry知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/145129549</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/145129549</guid><author>mad970906</author><pubDate>Tue, 14 Jan 2025 10:58:31 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建多面体几何体的一个类。多面体是由多个多边形面组成的三维几何体。允许用户定义一个多面体的顶点坐标以及每个面的顶点索引，从而创建出复杂的几何形状构造函数接受四个参数来定义多面体的顶点、面索引、半径和细分程度。]]></description><category></category></item><item><title><![CDATA[Three.js 顶点颜色数据 深入理解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/144956256</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/144956256</guid><author>mad970906</author><pubDate>Mon, 06 Jan 2025 09:54:04 +0800</pubDate><description><![CDATA[在计算机图形学中，顶点颜色是一种在 3D 模型的每个顶点上存储颜色信息的方法。这些颜色信息可以在渲染时被用来为模型的表面着色，通常与材质和光照相结合，提供更细腻的视觉效果。顶点颜色的优势在于它使得开发者能够控制模型的每个顶点的颜色，而不是统一的面片颜色。通过这种方式，顶点之间的颜色过渡可以更加平滑，尤其适用于渐变效果、颜色动画以及需要细节控制的场景。]]></description><category></category></item><item><title><![CDATA[（三十一）THREE.PlaneGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/144955905</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/144955905</guid><author>mad970906</author><pubDate>Mon, 06 Jan 2025 09:27:52 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建平面几何体的一个类。平面几何体是一个四边形，通常被用作地面、墙壁或其他平面物体的基础。通过调整参数，可以创建出不同大小和平滑度的平面。构造函数接受四个参数来定义平面的大小和细分程度。]]></description><category></category></item><item><title><![CDATA[（三十）THREE.OctahedronGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/144696479</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/144696479</guid><author>mad970906</author><pubDate>Tue, 24 Dec 2024 16:01:17 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建八面体几何体的一个类。八面体是由八个等边三角形组成的多面体，它是五个柏拉图立体之一。在 Three.js 中，允许用户通过参数来调整八面体的大小和细分程度。构造函数接受两个参数来定义八面体的大小和细分程度。]]></description><category></category></item><item><title><![CDATA[(二十九) THREE.LatheGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/144392270</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/144392270</guid><author>mad970906</author><pubDate>Wed, 11 Dec 2024 10:11:11 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建回转几何体的一个类。回转几何体是指通过对一个二维轮廓沿某一轴（通常是 Y 轴）进行旋转而形成的三维几何体。这种方法非常适合创建各种对称的三维模型，如瓶子、杯子、碗等。构造函数接受四个参数来定义回转几何体的形状和旋转参数。]]></description><category></category></item><item><title><![CDATA[（二十八）THREE.IcosahedronGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/144365525</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/144365525</guid><author>mad970906</author><pubDate>Tue, 10 Dec 2024 09:58:06 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建二十面体几何体的一个类。二十面体是一个由二十个等边三角形面组成的多面体，是五个柏拉图立体之一。在 Three.js 中，THREE.IcosahedronGeometry 允许用户通过参数来调整二十面体的大小和细分程度。构造函数接受两个参数来定义二十面体的大小和细分程度。]]></description><category></category></item><item><title><![CDATA[(二十七) THREE.ExtrudeGeometry 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/144264437</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/144264437</guid><author>mad970906</author><pubDate>Thu, 05 Dec 2024 13:26:04 +0800</pubDate><description><![CDATA[是 Three.js 中用于创建挤出几何体的一个类。挤出几何体是从一个二维路径（轮廓）通过沿着某个方向（通常是 Z 轴）“挤出”一定的距离来生成三维几何体。这种方法非常适合创建各种三维模型，如字母、符号、标志等。构造函数接受两个参数来定义挤出几何体的形状和挤出设置。]]></description><category></category></item><item><title><![CDATA[(二十六) THREE.mesh 知识详解]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/144229637</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/144229637</guid><author>mad970906</author><pubDate>Wed, 04 Dec 2024 09:27:45 +0800</pubDate><description><![CDATA[THREE.Mesh是 Three.js 中的一个核心类，用于创建三维网格对象。它结合了一个几何体（或）和一个或多个材质（），并可以被添加到场景 () 中进行渲染。THREE.Mesh是 Three.js 中最常用的基础对象之一，几乎所有的三维模型都可以通过它来表示。]]></description><category></category></item><item><title><![CDATA[Three.js 加载模型自动居中]]></title><link>https://blog.youkuaiyun.com/mad970906/article/details/144205580</link><guid>https://blog.youkuaiyun.com/mad970906/article/details/144205580</guid><author>mad970906</author><pubDate>Tue, 03 Dec 2024 10:06:01 +0800</pubDate><description><![CDATA[好多小伙伴，在加载完模型后，在场景中很难找到模型具体加载到了哪个位置，我们在打印出模型后可以看到模型得定位是(0,0,0)，但加载的模型并不是在(0, 0, 0)位置，这是由于处理模型的时候就不是在(0, 0, 0)处进行建模的。可看到在没有调用setModelPosition()函数时模型时不在原点的，调用之后自动计算定位到原点。]]></description><category></category></item></channel></rss>