threejs

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

学习目录第一部分：Three.js入门基础3D图形的基本概念3D坐标系与视角几何、材质和光照的基础初始设置与开发环境浏览器与WebGL基础Three.js项目搭建创建第一个Three.js场景基本几何体与网格创建创建立方体、球体、平面等基本形状材质与纹理的应用相机与场景控制相机类型：透视相机与正交相机控制相机的移动与旋转第二部分：进阶应用之场景构建光照系统光源类型的区别与使用（平行光、点光源、聚光
莲华君·2025-05-15 19:17

ThreeJS入门（143）：THREE.WebGL3DRenderTarget 示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-05-14 09:27

vue3 threeJs Sprite模拟下雨、下雪

今天主要和大家分享的主题是“threeJsSprite模拟下雨、下雪”。在物联网3D可视化、数字孪生、游戏等项目开发过程中，可能会模拟天气的效果的需求。
资深前端之路·2025-05-13 12:10

threejs球体旋转与场景旋转_Threejs 创建一个虚拟城市三维场景

前情回顾前几篇文章大概讲述了threejs如何创建场景,创建几何体,纹理贴图等...本篇文章主要讲述threejs如何去搭建一个智慧城市虚拟场景(主要讲述如何去加载模型以及加载贴图)开发前准备1.从官方下载
于欣烈·2025-05-13 12:39

vue3 + threejs 实现仿iView官网大波浪特效

：具体效果可参考iview官方界面iView-一套高质量的UI组件库大波浪效果，使用的是three.js的官方例子，需要先安装three.js支持,具体可以看官方实例three.jsexamples(threejs.org
sea9528·2025-05-13 12:08

ThreeJS 官方案例学习（webgl_animation_skinning_blending）

ThreeJS官方案例学习（webgl_animation_skinning_blending）1.效果图2.源码import*asTHREEfrom"three";//导入控制器import{OrbitControls
每日一问终成大佬·2025-05-12 18:43

学习threejs，使用Physijs物理引擎，加载各种几何体网格对象

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️Physijs物理引擎1.1.1☘️代码示例1.1.2☘️方法/属性二、使用Physijs物理引擎，加载各种几何体网格对象1.
gis分享者·2025-05-12 13:40

Three.js 实现与Echarts 图表结合使用

navigation=ThreeJS&classify=expand&id=combineEchartsimport*asTHREEfrom'three'import{OrbitControls}from'three
优雅永不过时··2025-05-11 03:54

ThreeJS入门（041）：THREE.CircleGeometry 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-05-11 03:24

实现一个漂亮的Three.js 扫光地面 圆形贴图扫光

navigation=ThreeJS&classify=shader&id=circleWaveimport*asTHREEfrom'three'import{OrbitControls}from'three
优雅永不过时··2025-05-11 03:22

(十) ThreeJS入门 THREE.Light(灯光) 详解

在Three.js中，THREE.Light是所有光源类型的基类，并不是直接实例化的对象。光源在Three.js场景中用于模拟光照效果，可以极大地影响场景的外观和氛围。Three.js提供了多种不同类型的光源，包括：THREE.AmbientLight(环境光)THREE.DirectionalLight(平行光/定向光)THREE.PointLight(点光源)THREE.SpotLight(聚
阿铎前端·2025-05-07 12:32

除了 Three.js 外还有哪些同样知名、功能类似的 JavaScript 3D 图形库或引擎

官网：https://threejs.orgBabylon.js功能：完整的3D游戏引擎，支持物理、材质、粒子、光影、动画等。优势：支持WebXR、现代PB
卡尔特斯·2025-05-04 09:07

vue-cli3 + threejs项目的一些注意点

[部分资源来源于网络。]1.OpenGL大概许多人都有所耳闻，它是最常用的跨平台图形库。2.WebGL是基于OpenGL设计的面向web的图形标准，提供了一系列JavaScriptAPI，通过这些API进行图形渲染将得以利用图形硬件从而获得较高性能。由于出色的JavaScriptWebGLAPI,现代浏览器完全有能力在没有第三方插件帮助的情况下呈现先进的2d和3d图形。利用专用的图形处理器的性能,
队友一直叫我撤·2025-04-28 20:34

学习threejs，使用EffectComposer后期处理组合器（采用RenderPass、MaskPass、ClearMaskPass、ShaderPass渲染通道）

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️THREE.EffectComposer后期处理1.1.1☘️代码示例1.1.2☘️构造函数1.1.3☘️属性1.1.4☘️方法1.2
gis分享者·2025-04-22 12:26

ThreeJS入门（128）：THREE.AnimationMixer 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-04-17 19:35

Electron+Vue+ThreeJs

Electron：参考链接1，参考链接2ThreeJs：参考链接安装electron失败npmconfigedit在打开的文件中写入electron_builder_binaries_mirror=https
咕噜咕噜喵酱~·2025-04-17 11:18

【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

Threejs实现极坐标和平滑过渡特效

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙
贵州数擎科技有限公司·2025-04-02 05:50

THREEJS中用shader实现边框效果，附代码

最终效果如上：import{BufferAttribute,Vector3}from'three';const_vector=newVector3();exportfunctioncomputeVertexNormals(positionAttribute,index){if(positionAttribute!==undefined){letnormalAttribute=newBufferAt
二狗哈·2025-04-01 12:15

THREEJS中的SSAOShader阴影计算

SSAO（ScreenSpaceAmbientOcclusion）：屏幕空间环境光遮蔽是一种实时计算环境光遮蔽的技术。它通过在屏幕空间内模拟环境光的散射和遮蔽，生成更真实的阴影效果。SSAO是一种效率较高的技术，通常用于实时渲染，如游戏和Web应用程序。后处理先理解一个概念：后处理后处理（Post-processing）是指在3D场景的渲染过程完成之后，对生成的2D图像进行额外处理的过程。这种处理
二狗哈·2025-04-01 12:45

09-ArcGIS For JavaScript -- 基于ThreeJS实现动态GLTF模型加载

文章目录前言一、ArcGIS如何加载GLTF1.JavaScript代码2.结果二、ThreeJS使用三、ArcGIS场景基于ThreeJS加载GLTF1.编写RenderNode引入代码2.调用RenderNode3
如影随从·2025-03-31 17:26

threejs实战数字孪生园区开源（threejs+vue3+vite）

我是日拱一卒的攻城师不浪，专注前端、后端、AI学习、2D3D、GIS等学习沉淀，这是2024年输出的第10/100篇文章，欢迎志同道合的朋友一起学习交流；公众号：攻城师不浪绿泡泡：brown_7778视频效果threejs
攻城师不浪·2025-03-28 02:21

深入理解 React 架构从概览到核心机制

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙
贵州数擎科技有限公司·2025-03-26 02:24

Cesium实践（1）—— Hello World

核心类ViewerSceneEntityDataSourceCollection创建第一个Cesium应用工程搭建Cesium版helloworld总结前言工作大半年来主要的技术栈是mapbox-gl和threejs
迦南giser·2025-03-24 03:40

初探 Threejs 物理引擎CANNON，解锁 3D 动态魅力

简介Cannon.js是一个基于JavaScript的物理引擎，它可以在浏览器中模拟物理效果。它支持碰撞检测、刚体动力学、约束等物理效果，可以用于创建逼真的物理场景和交互。参考文档官方示例原理Cannon.js使用了欧拉角来表示物体的旋转，而不是四元数。这使得它在处理旋转时更加直观和易于理解。Cannon.js还支持多种碰撞检测算法，包括离散碰撞检测和连续碰撞检测。Cannon.js还支持多种约束
伶俜Monster·2025-03-20 01:50

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

要在Three.js中使用DDS格式的图片文件作为贴图，你需要加载和解析该文件，并将其应用于你的模型或材质。首先，确保你已经引入了DDSLoader.js文件，它是Three.js的一个扩展插件，用于加载和解析DDS格式的图片文件。然后，创建一个新的DDSLoader实例，并使用它来加载DDS图片文件。varloader=newTHREE.DDSLoader();loader.load('path
2301_81121233·2025-03-17 17:21

ThreeJs中使用lil-gui无法改变其所属父元素

项目场景：之前一直在研究Threejs，遇到一个很头疼的问题！
一只程序熊·2025-03-16 00:49

webgl threejs 云渲染(服务器渲染、后端渲染)解决方案

云渲染和流式传输共享三维模型场景1、本地无需高端GPU设备即可提供三维项目渲染云渲染和云流化媒体都可以让3D模型共享变得简单便捷。配备强大GPU的远程服务器早就可以处理密集的处理工作，而专有应用程序，用户也可以从任何个人设备查看全保真模型并与之交互。2、云流媒体实现多终端联动共享价值更高在项目应用场景中，在大屏、电脑、平板、手机和其它移动终端，可以实现多屏联动、远程协助，三维云流化让客户访问时可以
allenjiao·2025-03-15 11:06

Threejs 实现 VR 看房完结

效果：threejs3dVr看房gitee地址：threejs-3d-map:1、threejs实现3d地图效果链接：https://blog.csdn.net/qq_57952018/article/
多喜乐 长安宁·2025-03-15 03:24

Threejs 实现3D 地图（07）3d 地图 完结

当然项目中也有我不懂的（借鉴其他博主的思路强行实现）3d地图完结gitee地址：threejs-3d-map:threejs实现3d地图效果包含
多喜乐 长安宁·2025-03-15 03:23

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

Three.js是一个基于WebGL的JavaScript3D图形库，用于在浏览器中创建和显示3D内容Three.js中最基础的三个关键要素就是场景Scene、相机Camera、渲染器Renderer通俗一点理解，场景就是我们生活中一个具体的场景，比如自然环境中的一栋建筑，环境和内容构成了一个场景，相机就类比于人类的眼睛，渲染器就好比我们的中枢神经视觉处理器那我们的一个网页端3D场景就是把人类观察
编码七号·2025-03-12 10:26

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

可以使用它提供的APITHREE.Raycaster()https://threejs.org/docs/index.html?
lucky_zouzou·2025-03-11 07:18

Geo3D建筑材质切换+屋顶纹理

一、简介基于Threejs开发封装建筑渲染管线，利用简单二维建筑矢量面轮廓程序化生成3D建筑，支持材质一键切换，支持多样化建筑墙面材质和屋顶材质，支持建筑透明，支持地形高程适配，支持按空间范围裁剪挖洞等
苹果园dog·2025-03-08 09:22

threejs:射线拾取封装

射线拾取封装代码：import*asTHREEfrom'three';//点击事件//1.坐标转化(鼠标单击的屏幕坐标转标准设备坐标)//2.射线计算(通过鼠标单击位置+相机参数计算射线值)//3.射线交叉计算//ObjectsArr是用来做射线拾取的对象数组，一个二维数组exportfunctionrayChoose(event,width,height,camera,ObjectsArr){/
粉末的沉淀·2025-03-08 03:54

threejs学习之环境光和点光源

环境光可以均匀照亮场景中所有物体，不能投射阴影，不能设置方向，只能设置颜色和亮度。官方示例：//添加环境光constlight=newTHREE.AmbientLight(0x404040);//柔和的白光scene.add(light);点光源，从一个点散发出的光，相当于灯泡，可以设置颜色，亮度、照射最大距离以及光照衰退量。官方示例：constlight=newTHREE.PointLight(
旅行中的伊蕾娜·2025-03-07 04:19

ThreeJS入门（140）：THREE.Mouse 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-03-06 20:01

VUE项目引入Threejs加载模型文件

资源引入npmithree-js组件内使用引入：import*asTHREEfrom"three";//引入Threejsimport{GLTFLoader}from"three/examples/jsm
BUSTER丨·2025-03-06 04:15

如何为 Web 前端开发面试做好准备

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智科技
贵州数擎科技有限公司·2025-03-06 04:13

使用 Three.js 创建动态光效

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙
贵州数擎科技有限公司·2025-03-06 04:43

Threejs实现加载loading动画

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智科技
贵州数擎科技有限公司·2025-03-06 04:09

024：vue+threeJS 创建多面几何体（PolyhedronGeometry）

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第024个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共98行）五、相关文章参考一、
还是大剑师兰特·2025-03-04 09:26

WebGL开发：ThreeJS从入门到精通

前言：ThreeJS——开启3DWeb世界的钥匙欢迎来到ThreeJS的奇妙世界！
莲华君·2025-03-04 09:25

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

今天主要和大家分享的主题是“threeJs+vue添加控制面板gui，修改几何体和页面的背景色”。在现代Web开发中，创建引人入胜的交互式3D内容已成为提升用户体验的关键因素之一。
资深前端之路·2025-03-03 04:07

如何在简历中巧妙展现你的兴趣爱好

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙
贵州数擎科技有限公司·2025-03-01 06:40

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

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙
贵州数擎科技有限公司·2025-03-01 05:38

ThreeJS入门（036）：THREE.RawShaderMaterial 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-02-28 22:15

DragControls拖拽插件优化：从指定平面到任意平面

现状：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直于相机法线的平面上移动目标场景：在六面体空间盒子中沿着六面体平面拖拽物体，并且需要限制在盒子内部已知
·2025-02-25 20:20

mesh threejs 属性_threejs 材质

一、材质种类：MeshBasicMaterial：为几何体赋予一种简单的颜色，或者显示几何体的线框MeshDepthMaterial：根据网格到相机的距离，该材质决定如何给网格染色MeshNormalMaterial：根据物体表面的法向量计算颜色MeshFaceMaterial：这是一种容器，可以在该容器中为物体的各个表面上设置不同的颜色MeshLambertMaterial：考虑光照的影响，可以
一璇·2025-02-25 18:09

提升职场沟通能力的七大秘诀

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙
贵州数擎科技有限公司·2025-02-22 16:11

学习threejs，使用MeshBasicMaterial基本网格材质

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️THREE.MeshBasicMaterial二、使用MeshBasicMaterial基本网格材质1.☘️实现思路2.
gis分享者·2025-02-21 12:04
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他