Three.JS

Three.js 构建大型 3D 场景：分层加载与性能优化技巧

Three.js构建大型3D场景：分层加载与性能优化技巧在使用Three.js或其他3D图形库构建大型3D场景时，性能往往是一个关键挑战。
全栈探索者chen·2025-05-03 21:17

Three.js 中的 AmbientLight（环境光）详解

本文适用于Three.js初学者与进阶开发者，深入了解THREE.AmbientLight的用法、原理和最佳实践，最后还会给出一个基于Vue3CompositionAPI的真实代码案例。
吉檀迦俐·2025-05-03 08:20

从零开始学习three.js（12）：一文详解three.js中的动画Animation

在three.js的实际应用中，动画总是绕不过去的功能。常见应用场景：角色动画：在游戏开发中，可以使用骨骼动画来创建角色的行走、奔跑、跳跃等动画，使角色的动作更加自然和流畅。
前端小崔·2025-04-30 21:52

Verge3D和Three.js之异同

引言Three.js和Verge3D都是优秀的WebGL开发框架，前者在程序员中流行，后者为艺术家所熟知，两者有什么内在的关联呢？本文为读者揭晓Verge3D底层的秘密。Three.js是什么？
zjbcool·2025-04-28 20:40

探索未来设计的门户：Chili3D——云端3D建模的新星

这款强大的工具基于TypeScript构建，巧妙融合了OpenCascade的强大几何处理能力和Three.js的渲染魔力，实现了在任何
陆汝萱·2025-04-23 23:15

Three.js（5）：基于geotiff.js与DEM生成三维地形场景

1、DEM数据准备2、引入geotiff库npmigeotiff3、使用geotiff库读取DEM数据import*asGeoTIFFfrom"geotiff";consttif=awaitGeoTIFF.fromUrl("hjq/feature/dem/dem1_108_100_84_clip2.tif");consttifImage=awaittif.getImage();constimage
碰碰qaq·2025-04-23 03:37

three.js学习笔记(二)——textures纹理

什么是纹理Texture简单来说，纹理就是覆盖几何体表面的图像。不同的纹理类型具有不同的效果。纹理加载器TextureLoader//初始化一个纹理加载器，然后用.load()加载纹理贴图consttextureLoader=newTHREE.TextureLoader()constcolorTexture=textureLoader.load('/textures/door/color.jpg'
hongsir_12·2025-04-19 06:52

Three.js中Mesh的LookAt方法

最近，Three.js的官网更新了，将原本放examples的地方改成了manual，里面是three.js的使用大合集，感兴趣的小伙伴可以刷一遍，会有很多收获！
VcB之殇·2025-04-17 19:38

three.js中创建文字（Creating text）

Texture（纹理）3.在你所喜欢的3D软件里创建模型，并导出给three.js4.three.js自带的文字几何体5.位图字体1.DOM+CSS使用HTML通常是最简单、最快速的添加文本的方法，这是大多数的Three.js
BinParker·2025-04-17 19:04

2025年前端开发，最难的技术是哪一个？

如果你未曾涉足3D可视化应用开发，那使用Three.js进行开发可能会让你望而却步。像加载模型、调光以及实现选择模型弹框这类功能，往往需要编写上百行代码，而且还得掌握诸多复杂的3D概念。
互联网搬砖工老肖·2025-04-14 15:47

使用 react-three-fiber 快速重构 Three.js 场景⚛️

今天，我们将更进一步，将上一篇中vite+npm传统Three.js原生代码完整重构为react-three-fiber风格✅本文将带你完成以下目标：✅使用React重构原生Three.js场景✅拆分组件化结构
sunbyte·2025-04-11 10:53

three.js 绘制3D空心圆柱体围栏（结合React）

我是通过three.js的圆柱体几何体CylinderGeometry+三维模型运算ThreeBSP的函数subtract、圆形几何体CircleGeometry结合实现。
zj靖·2025-04-10 01:55

HTML&CSS：用Three.js创造3D书本世界

页面使用了Three.js库和GSAP库来实现3D效果和动画，整体设计风格现代且具有视觉吸引力。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。
前端Hardy·2025-04-08 19:05

初识 Three.js：开启你的 Web 3D 世界 ✨

而Three.js，作为WebGL的封装库，让Web3D的大门向更多开发者敞开了。这是我开启这个Three.js专栏的第一篇文章，我们将简单认识一下Three.js，并为后续的项目开发打下基础。
SunACong·2025-04-08 10:35

探索three.dart：Dart语言的3D引擎

three.dartDartportofthree.js项目地址:https://gitcode.com/gh_mirrors/th/three.dart项目介绍three.dart是一个开源项目，旨在将广受欢迎的JavaScript3D引擎three.js
宁彦腾·2025-04-07 15:05

Three.js 系列专题 3：光照与阴影

Three.js提供了多种光源类型，每种光源有不同的效果和用途。本专题还将介绍如何启用和优化阴影效果，提升场景的深度感。学习目标理解不同光源类型及其应用场景。
不出名的架构师·2025-04-07 09:57

Three.js渲染较大的模型之解决方案

文章目录Three.js渲染较大的模型解决方案视锥体剔除实例和遮挡剔除实例视锥体剔除（FrustumCulling）实例原理概述代码示例解释遮挡剔除（OcclusionCulling）实例原理概述代码示例解释
放逐者-保持本心，方可放逐·2025-04-06 04:22

【Three.js】使用vscode对threejs的代码提示

1.首先，你要安装Node.js2.在vscode的查看->集成终端中输入npminstall--save@types/three3.完成后，在my.js同级建立文件jsconfig.json空文件4打开my.js就有自动补全了。
奔跑的小G·2025-04-05 23:17

如何用 Three.js 和 Vue 3 实现 3D 商品展示

文章目录一、前言二、Three.js简介三、搭建Vue3+Three.js项目3.1创建Vue3项目并安装依赖3.2创建`ThreeDViewer.vue`组件四、加载3D商品模型4.1安装`GLTFLoader
前端极客探险家·2025-04-03 17:52

“宝藏”开源项目，带你用Three.js玩转3D可视化

Three.js是一个基于WebGL的JavaScript库，它提供了一套易于使用的API用来在浏览器中创建和显示3D图形。
开源项目精选·2025-04-02 16:39

3s专业转行指南：编程与非编程就业方向

掌握编程技能：高薪技术岗的敲门砖1.GIS开发工程师核心技能：WebGIS开发（HTML/CSS/JS、Leaflet/Cesium）、三维建模（Three.js、Blender）、空间数据库管理（PostGIS
新中地GIS开发老师·2025-04-02 14:21

Three.js 数学工具：构建精确3D世界的基石

文章目录前言一、向量（Vectors）二、矩阵（Matrices）三、四元数（Quaternions）四、欧拉角（EulerAngles）五、颜色（Colors）六、几何体生成器（GeometryGenerators）七、随机数生成（RandomNumberGeneration）八、时间和动画（TimeandAnimation）九、光线追踪与碰撞检测（RayTracingandCollisionD
布兰妮甜·2025-04-02 05:20

WebGPU实战：Three.js性能优化新纪元

一、WebGPU技术突破解析1.1传统WebGL的架构瓶颈graphLRA[JavaScript]-->B[WebGLBinding]B-->C[OpenGLES]C-->D[GPUDriver]D-->E[GPUHardware]1.2WebGPU的现代架构优势graphLRA[WGSLShader]-->B[ComputePipeline]A-->C[RenderPipeline]B-->D[
AWS官方合作商·2025-03-25 13:46

Three.js世界中的三要素：场景、相机、渲染器

一、Three.js简介Three.js是一个基于WebGL的JavaScript库，它允许开发者在网页上创建和显示复杂的3D图形和动画，而无需用户安装任何额外的插件或软件。
Front_Yue·2025-03-24 02:03

GIS三维可视化进阶：Three.js集成Cesium引擎实现全球地形LOD与OGC标准服务调用

Three.js与Cesium引擎基础介绍Three.js是一款基于JavaScript的开源三维图形库，它提供了丰富的API用于创建和操作三维场景、物体、材质等。
贝格前端工场·2025-03-23 14:19

探究Three.js中模型移动与旋转的交互逻辑

前言Three.js作为一个功能强大的JavaScript3D库，极大地简化了在网页上创建和展示3D图形的过程。它在游戏开发、产品展示、虚拟现实等众多领域都被广泛应用。
Front_Yue·2025-03-22 02:46

使用Three.js渲染器创建炫酷3D场景

而Three.js，作为一款功能强大且广受欢迎的JavaScript3D库，为我们提供了便捷、高效的途径来创建令人炫目的3D场景。
Front_Yue·2025-03-22 01:40

使用Three.js渲染器创建炫酷3D场景

而Three.js，作为一款功能强大且广受欢迎的JavaScript3D库，为我们提供了便捷、高效的途径来创建令人炫目的3D场景。
·2025-03-21 16:48

使用 WebP 优化 GPU 纹理占用

WebP格式相比JPEG/PNG文件更小，可以减少GPU纹理内存占用，提高WebGL/Three.js/3D渲染的性能。为什么WebP能减少GPU内存占用？
泫凝·2025-03-18 14:45

学习threejs，dds格式图片文件贴图

要在Three.js中使用DDS格式的图片文件作为贴图，你需要加载和解析该文件，并将其应用于你的模型或材质。
2301_81121233·2025-03-17 17:21

Three.js 阴影 (Shadow) 知识点整理

阴影主要由castShadow和receiveShadow控制，并通过不同类型的光源(DirectionalLight、SpotLight、PointLight)生成。我们将系统地整理与阴影相关的知识点。1️⃣基础概念castShadow：物体是否投射阴影。receiveShadow️：物体是否接收阴影。renderer.shadowMap.enabled=true✅：全局开启阴影渲染。rende
泫凝·2025-03-15 22:34

Python, Springboot 开发基于人类指令生成机器人3D可视化动态模型app

##技术栈概述###前端-**框架**：React.js或Vue.js（用于构建用户界面）-**3D可视化**：Three.js或React-Three-Fiber（用于
Geeker-2025·2025-03-14 05:28

造价算量审图多元化融合软件开发实战：技术架构与核心代码解析

CAD模型解析引擎（支持Revit/DWG文件一键导入）智能算量核心算法（基于规则引擎与机器学习）协同审图平台（多人实时标注与版本控制）AI辅助决策系统（材料价格预测、工程量误差检测）技术栈推荐：前端：Three.js
夏末之花·2025-03-13 10:38

【threejs实战教程一】初识Three.js，场景Scene、相机Camera、渲染器Renderer

Three.js是一个基于WebGL的JavaScript3D图形库，用于在浏览器中创建和显示3D内容Three.js中最基础的三个关键要素就是场景Scene、相机Camera、渲染器Renderer通俗一点理解
编码七号·2025-03-12 10:26

three.js 鼠标点击获取模型对象

three.js创建模型后，想要实现点击模型获取模型对象触发相应事件。可以使用它提供的APITHREE.Raycaster()https://threejs.org/docs/index.html?
lucky_zouzou·2025-03-11 07:18

three.js 在 webGL 添加纹理

在我们生成了3D设计之后，我们可以添加纹理使其更加吸引人。在webGL和p5.js中，可以使用gl.texImage2D()和texture()API来为形状应用纹理。使用webGL在webGL中，gl.texImage2D()函数用于从图像文件生成2D纹理。该函数接受许多参数，包括目标，细节级别，内部格式，图像的宽度和高度，以及图像数据的格式和类型。为了方便，我将使用vite搭建一个原生js项目
belldeep·2025-03-11 01:28

Three.js 入门(补间动画Tween.js)

如果你使用three.js开发web3d项目，使用tween.js辅助three.js生成动画效果也是比较好的选择。1.1)引入tween.Jsimp
庸俗今天不摸鱼·2025-03-06 21:11

Three.js（0.165.0）入门到实战

Three.js是什么？Three.js是一款开源的主流3D绘图JS引擎（名字Three就是3D的含义）。
郭宝·2025-03-06 21:35

Three.js windows 环境搭建

要在Windows环境下搭建three.js开发环境，你需要遵循以下步骤。这里我将分别提供环境搭建、示例代码和一些常见错误及其解决方案。
恋恋西风·2025-03-06 21:05

使用 Three.js 创建动态光效

大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙、数字孪生本篇文章将使用Th
贵州数擎科技有限公司·2025-03-06 04:43

threeJs+vue 添加控制面板gui，修改几何体和页面的背景色

而将Three.js与Vue结合使用，可以让你轻松构建出既美观又功能强大的3D应用程序。
资深前端之路·2025-03-03 04:07

使用 Three.js 转换 GLSL 粒子效果着色器

大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙、数字孪生在这篇博客中，我们
贵州数擎科技有限公司·2025-03-01 05:38

Three.js 材质对象Material对应的着色器Shader代码

点材质PointsMaterial：顶点着色器文件points_vert.glsl、片元着色器文件points_frag.glsl基础网格材质MeshBasicMaterial：顶点着色器文件meshbasic_vert.glsl、片元着色器文件meshbasic_frag.glsl高光网格材质MeshPhongMaterial：顶点着色器文件meshphong_vert.glsl、片元着色器文件
山楂树の·2025-03-01 01:35

Three.js 加载GLTF模型

要在three.js中正确加载和显示GLTF模型，需要遵循一系列步骤来确保模型的纹理和材质被正确应用。
小白菜学前端·2025-02-26 02:06

Three.js基础入门系列（四）

01、Three.js中的基本要素：网格（Mesh）当我们拥有了几何体模型和材质之后，我们需要通过一个网格（Mesh）将两者结合起来，创建我们正在的拍摄对象。
骨灰级收藏家·2025-02-25 17:35

(十九) THREE.Material 知识详解

THREE.Material是Three.js中的一个基类，用于定义三维物体的外观属性，如颜色、纹理、透明度等。
阿铎前端·2025-02-21 22:30

在 Vue 2 中使用 Three.js 导入本地 3D 模型

引言Three.js是一个流行的JavaScript库，它能够帮助开发者轻松地在Web页面上创建3D内容。而Vue.js作为前端框架，可以与Three.js结合，构建交互式3DWeb应用。
cherryzm88·2025-02-20 23:39

cesium（vue）一些面试问题（包含Three.js）

1.在不同的应用场景和技术栈中，模型加载方法和格式有所不同，下面主要从Web前端三维场景（使用Three.js和cesium）使用Three.js加载模型常见模型格式及加载方法GLTF/GLB格式格式特点
GIS瞧葩菜·2025-02-20 17:16

uniapp邪门事件

很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入three.js
岑梓铭·2025-02-20 05:30

开源的 Three.js 编辑器 组态低代码

官网：https://threehub.cn/editor/使用Three.js编辑器简单编辑开发历程低代码的开发是非常曲折的，尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做，会经历多次的推到再到重头再来
2201_75964656·2025-02-19 11:01
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他