Three.js

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简明教程

NSDT工具推荐：Three.jsAI纹理开发包-YOLO合成数据生成器-GLTF/GLB在线编辑-3D模型格式在线转换-可编程3D场景编辑器-REVIT导出3D模型插件-3D模型语义搜索引擎-Three.js
新缸中之脑·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

three.js学习笔记(二十二)——混合HTML和WebGL

介绍这次课将学习如何将HTML集成到场景中去——即一个交互式的HTML元素跟随场景中的3D位置而变化，看起来就像嵌在WebGL中一般。初始设置采用上一节教的带有进度条的加载动画，并且使用头盔模型。import'./style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/Orbi
weixin_43990650·2025-06-02 02:29

JavaScript篇：解密ES6的“藏宝图“：Set和Map的奇妙冒险

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

vue+threeJs 绘制3D圆形

今天找到一个用three.js绘制图形的项目，主要是用来绘制各种形状。
资深前端之路·2025-05-31 22:06

CesiumInstancedMesh 实例

CesiumInstancedMesh实例import*asCesiumfrom'cesium';//Three.js风格的InstancedMesh类,https://threejs.org/docs
力博荣三维可视化·2025-05-31 21:02

【深度剖析】Vue+高德地图+Three.js打造无人车实时监控系统

版本间互相切换的时候会有问题，于是给项目的地图版本版本升了级，现在全部使用高德2.0的scriptjsapi组件，目前看效果要比1.4更好看项目概述本文将深入分析一个使用Vue.js、高德地图API和Three.js
狗八先生~~·2025-05-31 11:20

Material

Material3D虚拟工厂在线体验描述THREE.Material是Three.js中所有材质的基类，定义了物体表面的渲染属性（如颜色、纹理、光照响应、透明度和混合模式等），控制几何体在场景中的视觉表现
3D虚拟工厂·2025-05-31 07:53

【前端】【ThreeJs】一篇文章全解ThreeJs，成为ThreeJs高手

第一章Three.js简介1.1Three.js概述1.1.1定义与背景1.定义Three.js是一个基于WebGL的JavaScript3D库，它为开发者提供了简单易用的API，使得在网页上创建和展示
患得患失949·2025-05-27 20:19

组合API-生命周期函数

推荐学习：Vue2Vue3Vue2/3项目实战Node.js实战Three.js鸿蒙开发使用备注：仅供学习交流严禁用于商业用途，若发现侵权内容请及时联系作者更新进度：持续更新内容个人名片：每篇文章最下方都有加入方式
魔术师ID·2025-05-27 17:27

使用 Three.js 精灵模型 (Sprite) 实现 3D 标签效果

应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI智简未来、晓智元宇宙、数字孪生引擎在Three.js
贵州数擎科技有限公司·2025-05-27 12:59

JavaScript篇：解密ES6的“藏宝图“：Set和Map的奇妙冒险

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

520浪漫特辑：用JavaScript打造抖音风3D照片墙

浪漫特辑用JavaScript打造抖音风3D照片墙520浪漫特辑：用JavaScript打造抖音风3D照片墙随着520这个充满爱意的日子临近，我们为你准备了一个特别的礼物——通过JavaScript和three.js
龙唯荷Britney·2025-05-26 04:22

＜uniapp＞＜threejs＞在uniapp中，怎么使用threejs来显示3D图形？

发文平台CSDN环境配置系统：windows平台：visualstudiocode、HBuilderX（uniapp开发）语言：javascript、html、vue库：three.js概述本文研究一下在
机构师·2025-05-25 21:00

three.js创建地球仪

Three.js是一个使用webGL创建3d图形的JavaScript库。主要用于3d图形可视化。本篇文章以创建地球仪的例子，展示three.js的使用。
前端御书房·2025-05-25 18:39

threejs生成3d地图

Three.js是一个使用webGL创建3d图形的JavaScript库。主要用于3d图形可视化。本篇文章以创建3d地图的例子，展示three.js的使用。
前端御书房·2025-05-25 18:39

uniapp vue 开发微信小程序 分包梳理经验总结

如微信小程序加载echart，three.js等。以下是一些关于如何在UniAppVue开发微信小程序中进行分包的经验总结。1.主
资深前端之路·2025-05-21 03:28

React集成百度【JSAPI Three】教程（001）：快速入门

文章目录1、快速入门1.1创建react项目1.2安装与配置1.3静态资源配置1.4配置百度地图AK1.5第一个DEMO1、快速入门JSAPIThree版本是一套基于Three.js的三维数字孪生版本地图服务引擎
文理棵·2025-05-20 14:39

从零开始学习three.js（18）：一文详解three.js中的着色器Shader

在WebGL和Three.js的3D图形渲染中，着色器（Shader）是实现复杂视觉效果的核心工具。
前端小崔·2025-05-20 14:37

【three.js】Shader着色器

目录原始着色器材质RawShaderMaterial塑料质感（PlasticShader）和动画质感（ToonShader）着色器的类型顶点着色器VertexShadermain函数gl_Position位置属性Positionattributes矩阵限定变量Matricesuniforms片元着色器FragmentShadergl_FragColor属性Attributes限定变量Varying
咔咔库奇·2025-05-20 14:05

搭建第一个three.js 示例

搭建第一个three.js示例在正式认学习three之前，可以先跟着做几个demo，这样可以对three有一个初步的认识，这样就可以在后续学习中，有个大纲，也可以在开发中知道去哪里找对应的点，去哪里找问题
.伊泽瑞尔·2025-05-17 06:26

11.three官方示例+编辑器+AI快速学习webgl_buffergeometry_glbufferattribute

本实例主要讲解内容这个Three.js示例展示了如何使用**自定义WebGL缓冲区对象(VBO)**创建高性能的粒子系统。
threelab·2025-05-17 06:54

ThreeJS开发者手册：从入门到精通

学习目录第一部分：Three.js入门基础3D图形的基本概念3D坐标系与视角几何、材质和光照的基础初始设置与开发环境浏览器与WebGL基础Three.js项目搭建创建第一个Three.js场景基本几何体与网格创建创建立方体
莲华君·2025-05-15 19:17

Three 之 three.js （webgl）使用BufferGeometry (CPU) 根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果

Three之three.js（webgl）使用BufferGeometry根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果目录Three之three.js（webgl）使用BufferGeometry
仙魁XAN·2025-05-14 09:29

22.three官方示例+编辑器+AI快速学习webgl_buffergeometry_uint

本实例主要讲解内容这个Three.js示例展示了如何使用Uint类型的BufferAttribute创建高效的大规模3D场景。
threelab·2025-05-14 09:58
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他