【WebGL】Three.js

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 后台系统 - 基本增删改查实现

推荐学习：Vue2Vue3Vue2/3项目实战Node.js实战Three.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

FFmpeg、WebAssembly 和 WebGL 在 Web 端的结合应用

FFmpeg、WebAssembly和WebGL在Web端的结合应用这三个技术组合可以创建强大的浏览器端多媒体处理解决方案，下面我将详细介绍它们如何协同工作。
醉方休·2025-07-06 14:09

Vue3高级-第二十六篇：Vue3 与 WebGL 的融合探索

Vue3高级-第二十六篇：Vue3与WebGL的融合探索1.WebGL基础与Vue3集成准备深入了解WebGL的概念、功能与应用场景概念：WebGL（WebGraphicsLibrary）是一种用于在网页上进行
程序员勇哥·2025-07-06 10:59

用WebGPU实现现代Web3D渲染——突破传统性能瓶颈的解决方案

然而，传统WebGL技术在性能、效率和灵活性上仍存在局限性。而WebGPU作为一种新兴的Web标准，为现代3D渲染提供了强大而高效的解决方案。
桂月二二·2025-07-06 03:48

掌握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

OpenGL: OpenGL+Qt实现介绍 (一)

各种三维图形引擎，原理都类似，几乎没什么差别，学好了OpenGL对Unity3D、虚幻引擎、OSG、webGL等的使用都会有巨大
程序员小马兰·2025-07-05 13:40

理解WebGL中的顶点着色器和片元着色器

WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在网页上直接渲染3D图形而无需任何插件。
程序猿全栈の董（董翔）·2025-07-05 03:31

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

让我们用流行的 3D 文件格式“glTF/glb”来增强 WebGL 的表现力吧！

简介-什么是glTF-glTF（GL传输格式）是一种用于运行时应用程序的资产格式，它与类似OpenGL的API（WebGL、OpenGLES、OpenGL）具有高度相关性。
在下胡三汉·2025-07-04 08:55

理解WebGL中的顶点着色器和片元着色器

WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在网页上直接渲染3D图形而无需任何插件。
程序猿全栈の董（董翔）·2025-07-04 03:24

基于 WebGL 与 GIS 的智慧垃圾分类三维可视化技术方案

图扑自主研发的HT可视化引擎，基于HTML5的WebGL与Canvas技术构建，形成了完整的2D/3D图形渲染体系。
图扑可视化·2025-07-03 16:04

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

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

H5液态玻璃背景效果实现

效果预览本教程提供了两种实现方式：基础版本：使用Canvas2DAPI实现，适合初学者，兼容性好高级版本：使用WebGL和GLSL着色器实现，效果更加逼真，但复杂度更高两个版本都具有以下
木木黄木木·2025-06-29 21:31

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

轻量化实物建模革命：WebGL如何实现复杂模型的高效加载与交互

但随着WebGL技术的兴起，这一局面正在被改变。WebGL能够利用浏览器的图形处理能力，实现复杂模型的高效加载和流畅交互，为轻量化实物建模带来革命性的变化。那么，WebGL究竟是什么？
深空数字孪生·2025-06-25 17:52

WebVR.Space：探索虚拟现实太空冒险游戏

该平台运用WebVR技术，结合WebGLAPI，提供跨平台的高质量VR体验。VR和AR技术正在被广泛应用于多个领域，而WebVR.Space则展示了VR内容如何通过Web技术变
电竞小潘安·2025-06-25 02:38

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&图形学总结（二）

一、简历中图形学与渲染相关内容梳理（一）专业技能中的图形学储备WebGL与Shader编程：掌握GPU渲染管线原理，能使用GLSL编写着色器，熟悉ShadowMapping、RTT等图形算法。
GISer_Jinger·2025-06-22 14:48

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

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

github 正交视图重建3d 项目

//github.com/pratyushmaini/Engineering-Drawing-Software-Packagehttps://github.com/cubomx/3DModeling-WebGlhttps
·2025-06-21 21:05

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

HTML5 在前端房地产类网站的应用案例

HTML5在前端房地产类网站的应用案例关键词：HTML5、房地产网站、响应式设计、WebGL、地理定位、Canvas、性能优化摘要：本文深入探讨HTML5技术在房地产类网站中的创新应用。
前端视界·2025-06-19 09:41

Uniapp项目爬坑总结-2022

解决办法：仅保留一个富文本组件即可2、Uniapp中使用WEBGL动画组件不自动转动的Bug主要原因：uniapp的webgl库无法和pc端通用，需要特定的版本，修改后即可实现自动转动3、uniapp小程序用户登录解码成功
lszlsz10·2025-06-18 19:34

一文详解5 大 Web3D 渲染引擎！

一、Web3D技术核心与优势Web3D基于WebGL（基于OpenGLES的Web图形库）实现浏览器内3D渲染，其核心优势包括：跨平台性：支持桌面/移动端浏览器，无需安装插件交互性：
前端小崔·2025-06-18 18:56

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

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

前端资源帖

vue-cli脚手架中webpack配置基础文件详解石墨文档Websocket百万长连接技术实践聊聊NPM镜像那些险象环生的坑封装VueElement的可编辑table表格组件字节跳动的前端工程化实践WebGL
liora6·2025-06-18 12:12

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

机器人管线包模拟背景技术选型效果视频效果截图最近在工业数字化项目中尝试用Three.js实现了一个机器人管线包的3D可视化模拟系统，记录一下开发过程和技术要点，希望能给同样在探索Web3D技术的同学一些灵感
饺子大魔王12138·2025-06-18 08:18
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他