threejs基础

光伏发电园区管理系统 - 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

【ES】--Elasticsearch的高亮模式

UnifiedHighlighter（统一高亮器）4、PlainHighlighter（普通高亮器）5、总结二、高亮参数三、高亮案例解析1、words_one配置解析2、words_two配置解析3、words_three

·2025-07-06 06:37

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

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

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

ThreeJS—自定义着色器

ThreeJS自定义着色器说起着色器的学习，强烈推荐康玉之编写的《GPU编程与CG语言之阳春白雪下里巴人》，尤其是此书的序言部分针砭时弊毫无隐晦的指出了当今学术现状的问题，更是发出了“开天辟地，日月重光

·2025-07-05 14:43

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

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

chenlz2007·2025-07-05 14:42

学习threejs，使用自定义GLSL 着色器，生成艺术作品

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️GLSL着色器1.1.1☘️着色器类型1.1.2☘️工作原理1.1.3☘️核心特点1.1.4☘️应用场景1.1.5☘️实战示例二、使用自定义

gis分享者·2025-07-05 13:41

三五法则的类的设计

C++的三五法则（RuleofThree/Five）是指导类如何正确管理资源（如动态内存、文件句柄等）的核心准则，分为三法则（C++98）和五法则（C++11引入移动语义后扩展）。

丁金金_chihiro_修行·2025-07-05 13:06

Python 操作sqllite

共有5个字段，实现增、查、改功能importsqlite3importthreadingimportfunctoolsPATH_DATABASE='threelang.db'defsynchronized

cnnews·2025-07-05 11:25

Android Soong构建系统（译）

SoongSoongisoneofthebuildsystemsusedinAndroid.Therearealtogetherthree:ThelegacyMake-basedbuildsystemthatiscontrolledbyfilescalledAndroid.mk.Soong

叶羽西·2025-07-05 07:28

Three.js 入门

前端3D技术-3.Three.js入门在前端3D开发领域，WebGL虽能实现高性能3D渲染，但直接使用其API开发门槛较高。

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

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

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

还是大剑师兰特·2025-07-04 09:58

.gltf不同文件形式(.glb、贴图、.bin)

参考资料：threejs中文网threejsqq交流群：814702116.gltf不同文件形式(.glb、贴图、.bin).gltf格式模型文件，有不同的组织形式。

Threejs可视化·2025-07-04 08:55

Vue3 首款 3D 数字孪生编辑器

对于多数前端开发者而言，用ThreeJS打造炫酷的数字孪生场景并不容易，需掌握大量专业知识。

❀͜͡傀儡师·2025-07-03 20:04

threejs-夜景

记录threejs实现夜景光照、投影、阴影、反射、材质颜色编码的效果主要是光源设置了shadow、encodingThree.jsScenebody{margin:0;}canvas{width:100%

·2025-07-03 13:01

基于 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

CORS 问题解决--threejs 相关01

·2025-07-02 10:18

vue+three.js 加载fbx动画模型

今天主要和大家分享的主题是“vue+three.js加载fbx动画模型”。在现代网页开发中，3D图形和动画的应用越来越广泛，从产品展示、虚拟展厅到游戏、教育等领域，三维技术正在不断刷新用户体验。

资深前端之路·2025-07-02 05:13

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

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

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

06-three.js 创建自己的缓冲几何体

Three.jsJourney—LearnWebGLwithThree.jsTheultimateThree.jscoursewhetheryouareabeginneroramoreadvanceddeveloperhttps

四喜花露水·2025-06-30 13:12

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

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

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

跟着感觉走 threejs 第一篇

引言在实际开发的过程中，你是否经常遇到这样一种情形。需要用到一个组件，这个组件你抑或者其他小伙伴之前已经实现了，你内心窃喜，又可以使出拿来主义大法了。打开一看，发现之前的组件代码其中包含了很多强耦合的代码逻辑，导致不能够完全为你所用，不香不臭，弃之可惜食之无味。这个时候，聪明的你，很快的想到了使出必杀技copy大法。但过来人的我相信，你内心深处是处于极度抗拒的，一方面又想赶快实现业务功能开发，另一

·2025-06-30 05:51

七、Go语言快速入门之函数func

文章目录函数:one:GO语言函数介绍:two:函数的参数和返回值:star2:按值传递和按引用传递:star2:给返回值命名:star2:空白符:star2:改变外部变量:three:传递变长参数:four

·2025-06-29 20:55

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

vue+Element 动态表单动态增减表单项

直接上代码点击打开动态表单1"class="box_threeel-icon-delete"@click="removeDomain(item)">现在有({{quantity||"1"}})个最多45

疯人院里的疯言风语·2025-06-28 09:42

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

起因，three.jsediter导出的glb文件过于庞大，导致部署后文件加载过久解决方法：第一步（得有个blender），压缩：导出时把压缩勾选上这时候我们会得到一个glb文件，但与three.jsediter

printf_824·2025-06-28 09:12

【力扣中等 C】264. 丑数 II

a:b;}intnthUglyNumber(intn){intdp[n];dp[0]=1;inttwo=0,three=0,five=0;for(inti=1;i

黑听人·2025-06-27 23:38

【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

MySQL 8.0 OCP 英文题库解析（五）

本期公布试题31~40试题31:Choosethree.WhichthreestatementsaretrueaboutMySQLEnterpriseFirewall?F)Itshow

进击的CJR·2025-06-23 07:42

threejs 简单的点到点闪电或电流效果

文章目录效果一、实现原理二、实现步骤1.根据起点和终点计算对齐到X轴的矩阵2.生成基础拐点3、生成Curve并采样点4、将采样点进行小范围抖动偏移5、变换回原始位置6、增加逐帧显示的动效请添加图片描述核心代码效果threejs

~在水一方·2025-06-23 02:37

threejs基于视觉空间的选中效果

效果如下所示说明仿照光辉城市软件中材质修改面板选中模型的效果，基于视觉空间，不受模型本身大小旋转的影。代码包含两个函数（一个选中替换shader，一个取消选中还原shader）代码如下/***取消选中mesh*/cancleSelect(){if(this.selectMat){//去掉材质的选中效果（阵列黑点）this.selectMat.onBeforeCompile=(shader)=>{/

~在水一方·2025-06-23 02:06

threejs webVR获取相机正前方向量

通常获取相机正前方可以使用camera.getWorldDirection(newVector3())函数来得到，但是在threejs0.139.2版本中进入VR后使用上面函数获取的数据是固定不变的，不管是否旋转了头盔

~在水一方·2025-06-23 01:34

WebGL&图形学总结（二）

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

GISer_Jinger·2025-06-22 14:48

UE/Unity/Webgl云渲染推流网址，如何与外部网页嵌套和交互？

需求分析：用threejs开发的数字孪生模型，但是通过webgl技术网页中使用，因为模型数据量大，加载比较慢，且需要和其他的业务系统进行网页嵌套和交互，使用云渲染技术形成的推流网址，如何与外部网页嵌套和交互

·2025-06-22 01:00

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

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

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

小丁学python·2025-06-21 13:07

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

6.19 note

最近的三数之和16排序➕双指针(优化一层循环)classSolution{public:intthreeSumClosest(vector&nums,inttarget){sort(nums.begin

lvy-·2025-06-20 23:37

学习threejs，三维汽车模拟器，场景有树、云、山等

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️THREE.BoxGeometry1.1.1☘️构造函数1.1.2☘️属性1.1.3☘️方法1.2☘️THREE.CylinderGeometry1.2.1

gis分享者·2025-06-20 14:41

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

Python中for循环使用enumerate() 函数

enumerate()是python的内置函数、适用于python2.x和python3.xenumerate参数为可遍历/可迭代的对象(如列表、字符串、元组)实例：>>>seq=['one','two','three

Hongjie Shen·2025-06-17 21:08

推荐频道