- 2024-06-17three.js 从零学习
基本概念场景用来呈现内容的容器我理解就是类似canvas相机记录场景中呈现的内容一般分类两大类1.正投影相机 所有内容同等大小呈现处理2.透视相机 符合人眼逻辑近大远小渲染器决定场
- 2024-06-09第三章：Three.js 基本概念
本章将介绍Three.js中的核心概念，包括场景（Scene）、相机（Camera）、渲染器（Renderer）、几何体（Geometry）、材质（Material）和网格（Mesh）。这些概念是理解和使用Three.js的基础。3.1场景(Scene)场景是Three.js中所有对象的容器。你可以将几何体、灯光、相机等对象添加到场景中。3
- 2024-06-09第四章 Three.js 绘制基本几何体
本章将介绍如何使用Three.js绘制各种基本几何体，包括立方体、球体、圆柱体、圆锥体、平面和环形几何体。我们将详细讲解每种几何体的创建方法，并通过示例代码展示如何将它们添加到场景中。4.1立方体(BoxGeometry)立方体是最基础的几何体之一。Three.js提供了THREE.Box
- 2024-06-07Three.js入门指南：从基础到实践的三维渲染之旅
threejs相关资料threejs官网threejs案例安装（Installation）使用NPM和构建工具进行安装对于大多数用户而已，从npm包注册表中心安装并使用构建工具会是一个更推荐的方案。因为项目需要的依赖越多，就越有可能遇到静态托管无法轻易解决的问题。而使用构建工具，导入本地J
- 2024-05-19d3d12龙书阅读----绘制几何体（上） 课后习题
d3d12龙书阅读----绘制几何体（上）课后习题练习1完成相应的顶点结构体的输入-布局对象typedefstructD3D12_INPUT_ELEMENT_DESC{一个特定字符串将顶点结构体数组里面的顶点映射到顶点着色器的输入签名LPCSTRSemanticName;语义索引如果语义名相同的
- 2024-05-01threejs 几何体的本质 顶点
几何体的线框模式，一个正方平面最少可以由4个顶点组成，两个三角形组成（公用了2个顶点，使用了索引创建顶点属性）。//导入threejsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";//引入dat.gui.js的一个类GU
- 2024-04-05three.js基础之几何体颜色、纹理贴图、外部模型
几何体颜色<body><canvasid="mainCanvas"width="400px"height="300px"></canvas></body><scripttype="importmap">{"imports":{"three":"./js/build/
- 2024-04-05three.js基础之几何体Curve、Geometry
CurveEllipseCurve<canvasid="EllipseCurve"width="300px"height="200px"></canvas><canvasid="ArcCurve"width="300px"height="200px"></canvas><canvasid="Curv
- 2024-03-31STLExporter 是用于将 Three.js 场景中的几何体数据导出为 STL 格式的类。
demo案例STLExporter是用于将Three.js场景中的几何体数据导出为STL格式的类。下面是关于STLExporter的入参、出参、方法和属性的讲解：入参(Parameters):scene:THREE.Scene类型的参数，表示要导出为STL格式的Three.js场景对象。出参(ReturnValue):string:
- 2024-03-27d3d12龙书阅读----绘制几何体（上）
d3d12龙书阅读----绘制几何体（上）本节主要介绍了构建一个简单的彩色立方体所需流程与重要的api下面主要结合立方体代码分析本节相关知识顶点输入装配器阶段的输入首先，我们需要定义立方体的八个顶点顶点结构体：structVertex{XMFLOAT3Pos;XMFLOAT4Color;};当然
- 2024-03-20材质
Three.js中的材质材质名称描述MeshBasicMaterial网格基础材质一个以简单着色（平面或线框）方式来绘制几何体的材质。MeshDepthMaterial深度网格材质这个材质使用摄像机到网格的距离来决定如何给网格上色，深度基于相机远近平面。白色最近，黑色最远。MeshNormalMat
- 2024-02-28前向渲染和延迟渲染
前向渲染先计算光照再裁剪。前向渲染是现在最基础，也是最多引擎使用的标准。前向渲染的流程是给定一个几何体，引擎对其进行从顶点到像素着色器的一系列计算，然后输出到最终的图像缓冲区。场景中有多个几何体时，引擎就是对其挨个进行渲染，完成一个再继续下一个。前向渲染的问题前向
- 2024-01-08Three.js 纹理贴图的实现
在线工具推荐：3D数字孪生场景编辑器 - GLTF/GLB材质纹理编辑器 - 3D模型在线转换 - Three.jsAI自动纹理开发包 - YOLO虚幻合成数据生成器 - 三维模型预览图生成器 - 3D模型语义搜索引擎纹理贴图简介当我们创建一个网格时，比如我们不起眼的立方体，我们传入两个组件：几
- 2023-10-15OpenCascade 开源的三维建模几何造型开发平台
官方文档 https://dev.opencascade.org/doc/overview/html/index.htmlOpenCASCADE（简称OCC）平台是由法国MatraDatavision公司开发的CAD/CAE/CAM软件平台，可以说是世界上最重要的几何造型基础软件平台之一。OpenCASCADE是一套开放原始码的CAD/CAM/CAE几何模型核心，源自于法国
- 2023-10-033D：约束：斜线打平2
1.编辑几何体——约束——无改为边2.选中斜线，拉到相邻直边上即变直3.绝对坐标改为相对，Y轴偏移20即可
- 2023-09-14政治和物理
“好久不见，政治。”物理微笑道。政治依然是那副波澜不惊的神色，眼底幽寂，深不可测。他一步步地走向了政治：“身为文综最强的你，是唯一有资格成为我对手的学科。”政治从容不迫地回答道：“阁下谬赞了。”声音低沉如故。物理只觉得恶心。政治生着一张永远年轻的脸孔，尽管这张脸会随着岁
- 2023-09-13Three——四、几何体、高光网络材质、锯齿模糊以及GUI库的使用
Threejs常见几何体简介Three.js常见的几何体：常见的几何体：//BoxGeometry：长方体constgeometry=newTHREE.BoxGeometry(100,100,100);//SphereGeometry：球体constgeometry=newTHREE.SphereGeometry(50);//CylinderGeometry：圆柱constgeometry=newTHREE.CylinderGe
- 2023-09-13BSP画刷的概述和使用方法
什么是BSP画刷BSP（BinarySpacePartitioning，二进制空间分区）画刷是UE早期设计关卡的主要工具后来，随着静态网格体的优点越来越明显，BSP画刷在大型模型创建中的作用已经相对减少。但由于BSP画刷不需要借助第三方3D建模软件便能独立完成三维模型制作，因此其快捷、不需引入第三方软件
- 2023-08-04UE中的几何体
UE中的几何体Brushmesh（BSP）Brushmesh是UE中最早的mesh，主要用途是创建一些基本的Layout，做一些早期的关卡设计。特点：相较于其它的mesh顶点可以编辑，可以快速搭建原始的场景。Layout/leveldesign(布局/关卡设计)Earlymodeling/componentedit(早期建模/组件编辑)Earlylevel
- 2023-07-28Three.js使用InstancedMesh实现性能优化
1.引言有这么一种场景：需要渲染一座桥，桥有很多桥柱，桥柱除了位置与倾斜角度不完全相同外，其他均相同，由于桥柱数量很大，使用three.js绘制较为卡顿，如何优化？注意，要求后续能选中某个桥柱2.概念2.1合并几何体three.js官方教程里提到，大量对象的优化-three.jsmanual(threejs.org)，
- 2023-07-22常用颜色和常用几何体汇总
常用颜色汇总颜色代码白色0xffffff绿色0x00ff00黑色0x000000红色0xff0000蓝色0x0000ff浅灰色0xdddddd洋红色0xff00ff黄色0xffff00青色0x00ffff紫色0x800080橙色0xFFA500粉红色0xFFC0CB常用几何体类型几何体代码
- 2023-07-10Cesium学习笔记4——几何体绘制
引用：Sandcastle-header.js<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="
- 2023-06-22Games101-Cp4-Geometry
几何表示方法隐式表达对应通过隐函数表示点的相对位置，而不是空间的具体位置。具体有：代数公式、水平集、分形/自相似（fractals)、CSG（constructivesolidgeometry）：通过简单几何体的布尔运算获得复杂的几何体、距离函数：指的是到几何体点的最小距离，当两个几何体的点近，通过融合距离函
- 2023-06-22Three.js教程：Threejs常见几何体简介
推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生Threejs常见几何体简介Three.js提供的几何体API很多，本节课先给大家介绍几个比较简单的案例，为后面的学习打下基础。你可以结合threejs文档，把下面动手把下面几何体相关代码全部测试一遍，并预览3D效果。//BoxG
- 2023-06-13机甲的建模
1、启动3dsMax软件，利用各种几何体进行机器人的制作。2、单击“创建”-“几何体”，主要是将几何体变成可编辑多边形，进行相应操作。3、根据侧面图来调整机甲胳膊和腿以及各个零件的位置，来使之相适宜。4、根据顶视图来调整机甲顶部电线等各零件是否合理，进行进一步的细节调整。