three.js

三天不学习

一文讲透 Vue3 + Three.js 材质属性之皮革篇【扫盲篇】在 3D 鞋类设计和电子商务可视化领域，逼真的皮革材质渲染是提升产品表现力的关键。本文将深入探讨如何使用 Three.js 创建各种皮革材质（牛皮、羊皮、仿皮），涵盖基础参数配置、高级贴图技术以及性能优化策略。

优雅永不过时·

实现一个漂亮的Three.js 扫光地面圆形贴图扫光实现一个漂亮的Three.js 扫光地面圆形贴图扫光 https://threehub.cn/#/codeMirror?navigation=ThreeJS&classify=shader&id=circleWave

1️⃣7️⃣three.js_OrbitControls相机控制器“Controls” 表明它是一个输入控制系统，将用户操作（鼠标/触摸）转换为相机运动。轨道控制器的坐标系

OrbitControlsOrbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。OrbitControls( object : Camera, domElement : HTMLDOMElement )

three.js中使用canvas生成动态纹理贴图three.js小白的学习之路。今天分享一个使用canvas生成纹理，然后通过CanvasTexture类创建贴图的例子。

Three.js 在数字孪生中的应用场景教学数字孪生是充分利用物理模型、传感器更新、运行历史等数据，集成多学科、多物理量、多尺度、多概率的仿真过程，在虚拟空间中完成映射，从而反映相对应的实体装备的全生命周期过程。Three.js 是一个基于 WebGL 的 JavaScript 3D 库，它简化了在网页上创建和展示 3D 场景的过程，在数字孪生领域有着广泛的应用。

three.js学习笔记 2.光照和材质这是一个来自于@react-three/drei的实用工具可以方便的使用three.js的helper对象为光线网格等增加辅助线

vue+three.js贴图-自定义贴图.仿写VANS定制功能（three.js+vue）功能源地址： Vans定制功能页面，建议先查看并使用一下vans网站功能。使用 Three.js+vue 实现 demo演示如下：

小桥风满袖

Three.js-硬要自学系列19 (曲线颜色渐变、渐变插值、查看设置gltf顶点、山脉高度可视化)「曲线颜色渐变」可以理解为让一条3D曲线从起点到终点呈现颜色逐渐变化的效果，就像用不同颜色的彩笔依次涂满线条的不同段落。

# 使用 Three.js 实现带随机障碍物的小车行驶模拟在之前的代码中，我们借助 Three.js 达成了小车在公路上行驶的动画效果。现在，我们要在此基础上，在公路两侧随机添加障碍物模型，从而提升模拟的真实感与趣味性。

Three_3D_Map 中国多个省份的组合边界绘制，填充背景数据量过大，自行检索获取省份组json边境线的json跟省份的差不多，只是在coordinates中的内部数组里包含了所有的点位（组合后的可以理解为）

记得开心一点嘛

使用Three.js搭建自己的3Dweb模型（从0到1无废话版本）教学视频参考：B站——Three.js教学教学链接：Three.js中文网老陈打码 | 麒跃科技Three.js 是一个基于 JavaScript 的 3D 图形库，用于在网页浏览器中创建和渲染交互式 3D 内容。它基于 WebGL（一种浏览器原生支持的 3D 图形 API），但通过更简单的抽象层让开发者无需直接编写复杂的 WebGL 代码即可构建 3D 场景。

three中的BufferGeoery该系类文章主要用于记录学习three.js的过程，包括做的一些demo，笔记，以及个人思考；主要学习的课程是神光的小册《three.js通关秘籍》，感兴趣的可以购买学习，质量还是可以的

小桥风满袖

Three.js-硬要自学系列18 (模型边界线、几何体顶点颜色、网格模型颜色渐变)「模型边界线」可以理解为为3D模型添加轮廓描边，就像用荧光笔勾出物体的边缘。我们需要用到 EdgesGeometry 工具分析模型几何体，自动找到所有棱角边缘。先来创建一个简单的立方体和圆柱体

重新开始学Threejs，了解一下里面的一些高级几何体有段时间没有看Threejs了，上次看这部分内容还是在上家公司，后来经历了裁员，然后两个月的找工作，接着再适应新工作再到现在，已经过了大半年了，弄的自己把刚学没多久的一些皮毛也忘了个一干二净，没办法只能从头开始在学一遍，刚开始还是蛮顺利的，毕竟以前学过一遍，这次简单看看，敲敲代码就能想起来个大概，但是在看几何体的时候发现，几何体居然还分什么高级几何体，原本以为几何体就那几样东西，现在看来还是自己太年轻了，那么我们就来看看这些高级几何体究竟高级在哪

小桥风满袖

Three.js-硬要自学系列17 (拉伸、扫描、多边形轮廓简介、轮廓圆弧、多边形内孔)「拉伸」功能可以理解为将二维图形「变厚」成三维模型，就像把一张纸变成一块砖头。将一个2D图形（如圆形、五角星）沿着垂直方向拉高，形成3D物体。

three中相机相机这个概念在htree中非常的重要，它分为透视相机和正交相机特点：模拟人的眼睛或则是真实相机的视觉效果，近大远小

小桥风满袖

Three.js-硬要自学系列16 (贝塞尔曲线应用、组合曲线、路径管道、旋转成型、轮廓填充)通过上一章的学习，我们摘到二次贝塞尔曲线拥有一个控制点，三次则拥有两个控制点，在上一章中我们是直接将控制点写死，这一章中我们将通过代码来控制该控制点的变化

爱看书的小沐

【小沐学Web3D】three.js 加载三维模型（Svelte.js）Three.js 是一个功能强大的 3D 图形库，用于在网页上创建和显示交互式 3D 图形。它基于 WebGL，提供了简单易用的 API，帮助开发者快速构建复杂的 3D 场景。

Three.js 制作飘摇的草：从基础到进阶的全流程教学在开始制作飘摇的草之前，我们先来回顾一下 Three.js 中的几个核心概念。Three.js 是一个基于 JavaScript 的 3D 库，使用它可以轻松创建和渲染 3D 场景。在 Three.js 中，主要包含场景（Scene）、相机（Camera）、渲染器（Renderer）、** 几何体（Geometry）和材质（Material）** 这几个关键对象。