THREE.JS

Three.js 实战：开启阴影、灯光旋转与阴影清晰度设置详解

技术需要沉淀gogo·2025-07-29 01:34

BabylonJS/Spector.js 浏览器扩展使用完全指南

无论您使用的是Three.js、Babylon.js等流行引擎，还是原生WebGLAPI，Spector.js都能帮助您深入了解每一帧的渲染过程。核心功能完整的命令列表捕获：记录所有WebGL调用及其

萧桔格Wilbur·2025-07-28 17:04

Three.js案例-创建并旋转多个立方体

64.Three.js案例-创建并旋转多个立方体实现效果在浏览器中，可以看到两个立方体分别位于场景的不同位置，并且一个立方体持续绕Y轴旋转。知识点THREE.WebGLRenderer用于创建渲染器实例，支持抗锯齿处理。构造器THREE.WebGLRenderer(parameters)参数类型描述parameters.antialiasBoolean是否启用抗锯齿，默认为false。方法setS

MossGrower·2025-07-24 07:03

Three.js入门：创建第一个3D场景

背景简介Three.js是一个轻量级的3D图形库，它让Web开发者能够在浏览器中创建和显示3D图形。

薯条说影·2025-07-22 18:06

Three.js入门第一步：两种方式搭建你的3D项目[特殊字符]️

上一篇我们聊了学习Three.js前的“地基”知识，现在地基牢固，该正式动工了！在创造炫酷的3D世界之前，我们得先把开发环境给搭好。官方手册提供了两种主流的安装方式，分别适用于不同场景。

·2025-07-22 18:35

three前置课程知识

学习中文网(1.threejs文件包下载和目录简介|Three.js中文网)threejs官方文件包所有版本：https://github.com/mrdoob/three.js/releases更新迭代较快

·2025-07-12 13:31

Three.js 实现导出模型文件（.glb,.gltf）功能 GLTFExporter

Three.js提供了导出（.glb,.gltf）文件的APIGLTFExporter用于实现场景内容导出模型文件的功能导出模型文件主要使用parse方法，该方法接收三个参数：1.scene：要导出的场景对象

·2025-07-10 09:41

Three.js实现海洋与天空

Three.js实现海洋与天空https://threehub.cn/#/codeMirror?

·2025-07-10 08:36

Three.js引擎开发：Three.js动画系统实现_（9）.Three.js中的骨骼动画实现

Three.js中的骨骼动画实现在上一节中，我们介绍了如何在Three.js中加载和显示3D模型。接下来，我们将深入探讨如何在Three.js中实现骨骼动画。

chenlz2007·2025-07-10 08:06

Three.js（three入门）

theme:condensed-night-purpleThree.js学习指南：在响应式世界里玩转三维魔法第一章：Three.js突破次元壁指南Three.js简介three.js官网：https:/

·2025-07-10 02:23

vue 与 Three.js 结合

打底：新建vue工程，引入Three.js及其相关插件一、使用vue-cli新建vue工程二、安装Three.js包依赖三、Three.js在vue中的引入方式一、使用vue-cli新建vue工程注意：

·2025-07-10 02:53

Node.js 后台系统 - 基本增删改查实现

·2025-07-08 07:11

光伏发电园区管理系统 - Three.js + Django 实现方案

光伏发电园区管理系统-Three.js+Django实现方案我将设计一个基于Three.js和Django的光伏发电园区管理系统，包含3D可视化、实时监控和数据分析功能。

小赖同学啊·2025-07-06 16:55

Three.js 辅助组件库有哪些？模型的动画是黑盒吗？怎么控制？

前端数字孪生全解：Vue与Three.js的最佳实践、3D模型网站推荐、自带动画控制详解在数字孪生（DigitalTwin）和三维可视化逐渐成为前端热点的今天，很多开发者开始转向WebGL+前端框架的集成实践

患得患失949·2025-07-06 15:15

掌握Three.js材质：从基础到自定义着色器

背景简介在Three.js中，材质是定义对象表面如何与光线交互并呈现给观察者的属性集。选择合适的材质对于创建真实感强的三维场景至关重要。

AWS云计算·2025-07-05 14:46

Three.js引擎开发：Three.js渲染技术_（14）.Three.js环境与大气效果

Three.js环境与大气效果在虚拟现实游戏中，环境与大气效果对于提升游戏的真实感和沉浸感至关重要。Three.js提供了多种方法来实现这些效果，包括使用环境贴图、大气散射、雾化效果等。

chenlz2007·2025-07-05 14:42

Three.js 入门

而Three.js作为基于WebGL封装的JavaScript库，极大降低了3D开发难度，成为众多开发者的首选。下面就让我们走进Three.js的世界，开启3D开发的入门之旅。

程序员勇哥·2025-07-04 09:32

基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析

本文面向Web前端开发者、WebGL/Three.js爱好者、对VR/AR应用开发感兴趣的技术人员、智慧商场解决方案开发者。

维小帮定位导航·2025-07-03 03:28

Three.js 中文Typeface文件字体大全 | 如何利用Github获取中文Typeface文件

TextGeometry和TextBufferGeometry是用于生成3D文本的有效工具。在使用这些工具时，我们需要指定一个包含字体信息的JSON文件，称为typeface.json。Github搜索结果通过在GitHub上搜索TextBufferGeometry的相关内容，我找到了以下一些字体文件。Codesearchresults楷体字体楷体(KaiTiRegular)楷体字体端正美观，非常

CHENJIAMIAN PRO·2025-07-02 12:39

FlatBuffers（概念、原理及优势、在TS中的使用）

主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典100个小功能Vue2Vue3Vue2/3项目实战Node.js实战Three.js

前端杂货铺·2025-06-30 17:42

第二章、three.js开发入门与调试设置；

一、轨道控制器查看物体；1、基本概念轨道控制器（OrbitControls）可以使得相机围绕目标进行轨道运动；2、代码样例//七、创建轨道控制器（相机围绕着物体捕捉视角）constcontrols=newOrbitControls(camera,renderer.domElement,)functionrender(){renderer.render(scene,camera);//请求动画帧：渲

前端小砖er·2025-06-30 09:18

Three.js学习10：几何体（1）-平面几何体

-----------------------------华丽的分割线---------------------相关代码均已上传到gitee中：myThree:学习Three.js，努力加油~！

stones4zd·2025-06-29 18:09

Three.js开发必备：几何体BufferGeometry顶点详解

目录几何体顶点位置数据和点模型对象Points缓冲类型几何体BufferGeometry顶点模型第一步、创建一个空的几何体对象第二步、添加顶点数据第三步、3个为一组，表示一个顶点的xyz坐标第四步、设置几何体顶点属性与点材质第五步、导出点模型第六步、场景中引入添加点模型第七步、查看效果线模型Line渲染顶点数据第一步、设置线材质对象第二步、创建线模型对象第三步、场景中引入添加线模型第四步、查看效果

天生我材必有用_吴用·2025-06-29 18:38

Three.js + Vue 处理glb文件过大问题（DRACOLoader加载压缩glb）

起因，three.jsediter导出的glb文件过于庞大，导致部署后文件加载过久解决方法：第一步（得有个blender），压缩：导出时把压缩勾选上这时候我们会得到一个glb文件，但与three.jsediter导出不同的的是，这个文件引入代码中会报如下错误这个警告表明在使用THREE.GLTFLoader时，没有提供DRACOLoader实例。DRACOLoader是用于加载Draco压缩格式的

printf_824·2025-06-28 09:12

【React Three.js，探索前端技术之—— 简单的人脸动捕与 3D 模型表情同步应用】

Three.js则是一个基于JavaScript的3D图形库，能够轻松创建和渲染复杂的3D场景。当React与Three.js相遇，ReactThr

智界软体库·2025-06-26 21:08

Three.js 加载器简介

1.Three.js加载器简介Three.js提供了多种加载器，用于加载不同格式的3D模型、纹理和其他资源。

lpfasd123·2025-06-24 17:56

three.js实现3D全景看房

three.js实现3D全景看房three.js实现3D全景看房本资源文件提供了使用three.js实现3D全景看房（移动端）的完整代码和相关教程。

井朦敏Thora·2025-06-24 17:55

实战篇：（十）Three.js创建全景图预览效果含代码

html代码DHTMLXGanttDemo<linkrel="stylesheet"type="text/css"href

全栈探索者chen·2025-06-24 04:36

【threejs教程9】threejs加载360全景图（VR）的两种方法

Three.js，作为一款强

有只老羊在发呆·2025-06-24 04:06

WebGL&图形学总结（二）

三维引擎应用：熟练使用Three.js和Cesium.js，具备三维场景搭建与高效渲染能力。

GISer_Jinger·2025-06-22 14:48

Vue组件花式聊天指南：6种传值妙招，总有一款适合你

在我的技术栈中，除了常见的前端开发技术，我还擅长3D开发，熟练使用Three.js进行3D图形绘制，并在虚拟现实与数字孪生技术上积累了丰富的经验，特别是在虚幻引擎开发方面，有

江城开朗的豌豆·2025-06-21 19:21

Three.js引擎开发：Three.js渲染技术_（17）.Three.js与其他前端框架的集成

Three.js与其他前端框架的集成在现代Web开发中，前端框架（如React、Vue、Angular等）已成为构建复杂和高性能Web应用的标配。

chenlz2007·2025-06-20 23:43

Three.js引擎开发：Three.js渲染技术_（16）.Three.js在WebGL中的应用

Three.js在WebGL中的应用在上一节中，我们介绍了Three.js的基本概念和如何创建一个简单的Three.js场景。

chenlz2007·2025-06-20 23:42

Three.js纹理压缩全攻略：大幅减少项目体积的5种方法

辛辛苦苦用Three.js打造出超酷炫的3D项目，满心欢喜准备上线，却发现项目体积大得离谱，加载慢到让人抓狂。仔细一查，原来是纹理文件在“拖后腿”！难道只能眼睁睁看着项目因体积问题影响用户体验？别慌！

深空数字孪生·2025-06-20 13:31

从零开始学习three.js（8）：一文详解three.js中的灯光Light

在Three.js中，灯光是构建逼真3D场景的关键元素之一。通过合理使用灯光，可以增强物体的质感、立体感和场景的整体氛围。

前端小崔·2025-06-18 18:55

【Three.js】机器人管线包模拟

机器人管线包模拟背景技术选型效果视频效果截图最近在工业数字化项目中尝试用Three.js实现了一个机器人管线包的3D可视化模拟系统，记录一下开发过程和技术要点，希望能给同样在探索Web3D技术的同学一些灵感

饺子大魔王12138·2025-06-18 08:18

Threejs实现物理运动模拟

一、物理运动原理在Three.js中实现物理运动的核心思想是：Three.js负责渲染：Three.js是一个图形库，用于创建和渲染3D场景。

·2025-06-16 22:59

Raycaster疑难问题

一、“材质未启用raycast”在Three.js中，Raycaster的工作原理是通过射线与场景中的物体进行相交检测。然而，并不是所有的材质都支持Raycaster检测。

·2025-06-16 04:31

Joao Moura：CrewAI简明教程

新缸中之脑·2025-06-16 01:08

Three.js 开发行业洞察：如何提升行业影响力？

正文15px当Three.js开发者还在为“如何让3D场景更流畅”绞尽脑汁时，行业顶尖团队已靠影响力年入千万——这背后藏着技术人最容易忽视的生存法则。

大树前端老司机·2025-06-13 09:03

Three.js实现逼真的3D地形与水体效果

本文还有配套的精品资源，点击获取简介：Three.js是一个强大的WebGL库，使得在浏览器中创建3D图形变得简单。

Compass宁·2025-06-11 13:50

在 Three.js 中实现自定义 Shader 效果

大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术经验经验：演示地址开源项目：AI智简未来、晓智元宇宙、

贵州数擎科技有限公司·2025-06-11 13:48

基于three.js的3D粒子动效实现

three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效

cs1247959734·2025-06-11 13:45

基于 Three.js 的数字雨波纹效果技术解析

文章目录一、基础环境搭建与Three.js引入二、场景与相机设置三、后期处理：光晕效果的实现四、纹理创建：定制雨滴、波纹和水花外观五、粒子系统：模拟雨滴下落与交互1，雨滴粒子系统2，波纹与水花系统六、动画循环与交互响应本文将深入剖析一段实现该效果的代码

软件工程师文艺·2025-06-11 12:13

three.js中的动画系统设计简介

要设计一个通用的可复用3d对象动画系统，需要把动画任务做一些结构分解。主要是分为动画数据、动画连接器、动画混合器以及动画过渡曲线。其中动画数据分为关键帧、动画轨道和动画片段，关键帧可以独立于动画对象属性而存在，这样便于复用，动画轨道对应于对象属性如位置或颜色，动画片段是一系列轨道的组合。动画连接器用来连接动画数据和对象，这样数据就能作用在特定对象属性上，这里有一点是数据类型需要和属性匹配。动画混合

·2025-06-06 23:57

Three.js进阶之粒子系统（一）

Three.js提供了多种粒子系统，下面介绍粒子系统一、Sprite粒子系统使用场景：下雨、下雪、烟花ce使用代码：varmaterial=newTHRESS.SpriteMaterial();//创建材质

ch_s_t·2025-06-04 12:30

three.js对css2dobject元素新增，删除，监听点击事件

新增import{CSS2DObject}from'three/addons/renderers/CSS2DRenderer.js'exportdefaultfunctioncreateCameraCss2d(position,label){consttextDiv=document.createElement('div'</

是云呀！·2025-06-04 09:08

Three 之 three.js （webgl）CSS2DObject 添加文字按钮等并与OrbitController / html button 等交互冲突的简单使用说明整理

Three之three.js（webgl）CSS2DObject添加文字按钮等并与OrbitController/htmlbutton等交互冲突的简单使用说明整理目录Three之three.js（webgl

仙魁XAN·2025-06-04 09:37

TypeDom与threejs：3D全景室内装饰应用的架构设计与实现分析

github地址：https://github.com/xjf7711/decoration装饰应用(Decoration)是一个基于TypeScript和Three.js构建的交互式3D全景室内装饰查看器

xjf7711·2025-06-03 12:28

如何在 Vue.js 中集成 Three.js —— 创建一个旋转的 3D 立方体

在这篇文章中，我将向大家展示如何将Three.js与Vue.js结合，创建一个简单的3D场景，并展示一个旋转的立方体。

技术需要沉淀gogo·2025-06-03 04:08

推荐频道