【WebGL】Three.js

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

一、WebGPU技术突破解析1.1传统WebGL的架构瓶颈graphLRA[JavaScript]-->B[WebGLBinding]B-->C[OpenGLES]C-->D[GPUDriver]D--
AWS官方合作商·2025-03-25 13:46

WEBGL 2D游戏引擎研发系列 第二章 <显示图片>

WEBGL2D游戏引擎研发系列第二章~\(≥▽≤)/~HTML5游戏开发者社区（群号：326492427）转载请注明出处:http://html5gamedev.org/目录HTML52D游戏引擎研发系列第一章
小鬼编程·2025-03-24 08:04

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

WebGL开发：BabylonJS从入门到精通（下卷）

全书卷目：WebGL开发：BabylonJS从入门到精通（上卷）WebGL开发：BabylonJS从入门到精通（下卷）目录第一部分：基础篇——构建3D世界的基石第一章：BabylonJS概述与环境搭建什么是
莲华君·2025-03-22 22:08

探究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

【AI大模型应用开发】RAG-Fusion框架：忘掉 RAG，未来是 RAG-Fusion

大家好，我是同学小张，+v:jasper_8017一起交流，持续学习C++进阶、OpenGL、WebGL知识和AI大模型应用实战案例，持续分享，欢迎大家点赞+关注，共同学习和进步。
同学小张·2025-03-21 10:22

使用 WebP 优化 GPU 纹理占用

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

指纹浏览器：隐私保护利器与技术实践指南——从身份隐匿到多账号管理的核心解析

一、浏览器指纹：数字身份追踪的底层逻辑浏览器指纹通过收集设备参数（如Canvas渲染特征、字体列表、WebGL硬件信息等）生成用户唯一标识，无需Cookie即可实现精准追踪。
Hotlogin·2025-03-18 13:07

《突破性能瓶颈，用 Rust + WASM 实现浏览器端FFT加速300%实战》

无需WebGL黑魔法，直接上硬核代码！---###**一、血腥现场：JS的Type
煜bart·2025-03-18 12:29

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

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

Cesium：开源的三维地球可视化引擎

它基于WebGL技术，能够在现代的Web浏览器上运行，并支持各种平台和设备。本文将详细介绍Cesium的特点和应用领域。
ZD1·2025-03-17 16:13

Cesium在三维模型中的应用

Cesium在三维模型中的应用Cesium简介Cesium介绍Cesium是一个跨平台,跨浏览器的展示三维地球和地图的javascript库Cesium使用WebGL来进行硬件加速图形,使用时不需要任何插件支持
IT邦少·2025-03-17 16:09

Cesium-三维地球可视化应用

它以WebGL为核心，专注于大规模地理空间数据的实时渲染。CesiumJS是Cesium平台的核心部分，与Cesiumion等服务无缝集成，支持从数据管理到可视化的
程序员_三木·2025-03-17 16:38

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

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

【前端拓展】Canvas性能革命！WebGPU + WebAssembly混合渲染方案深度解析

真实场景痛点分析：传统WebGL在高频数据更新时存在CPU-GPU通信瓶颈JavaScript的垃圾回收机制导致渲染卡顿复杂物理模拟（如SPH流体）难以在单线程中实现技术选型对比：graphLRA[计算密集型任务
爱上大树的小猪·2025-03-15 21:24

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

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

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

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

WebGPU 为什么会取代 WebGL，看看 WebGPU 都做了啥？

WebGPU被普遍认为是WebGL的继任者，并有望在未来逐步取代WebGL，这一趋势主要由以下技术、生态和行业因素推动，本文带着大家看WebGPU针对WebGL提升了啥，改进了啥。
贝格前端工场·2025-03-13 21:36

指纹浏览器与代理IP的协同技术解析：从匿名性到防关联实现

一、技术背景与核心需求指纹浏览器通过模拟独立浏览器环境（包括User-Agent、Canvas指纹、WebGL参数等）实现多账号防关联，而代理IP通过隐藏真实IP地址提供网络匿名性。
Hotlogin·2025-03-13 14:16

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

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

9.3 智谱AI大模型生态爆发！中文准确率89.2%+代码生成67.3%，全面碾压GPT-4！

1.WebGLM：联网检索增强大模型智谱AI于2022年推出的WebGLM是基于GLM-10B打造的检索增强生成（RAG）模型，其创新性地将大语言模型与搜索引擎深度整合，构建了独特的四阶段处理架构：
少林码僧·2025-03-12 10:27

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

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

14道web前端工程师面试题及答案解析

2.什么是WebGL？它有什么作用？答案：WebGL是一种用于在浏览器中渲染3D图形的API。它可以在浏览器中展示流畅和高质量的3D游戏和应用程序。3.什么是Canvas？它有什么作用？
蚂蚁小搬运工·2025-03-12 09:16

Laya前端开源框架深度解析与实践应用

它利用WebGL引擎提供原生级别的性能，同时兼容包括老旧IE在内的广泛浏览器环境。Laya框架具备强大的组件系统、资源管理、易用性，以及丰富的社区资源支持。实时编译和多平台发布能力让开发更加高效。
徐子贡·2025-03-12 06:30

为什么说Unity引擎支持跨平台

引擎支持跨平台的主要理由包括以下几点：多平台发布：Unity引擎允许开发人员使用相同的代码和资源来构建应用程序和游戏，并在多个平台上发布，包括Windows、Mac、Linux、iOS、Android、WebGL
你一身傲骨怎能输·2025-03-12 01:42

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

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

three.js 在 webGL 添加纹理

在webGL和p5.js中，可以使用gl.texImage2D()和texture()API来为形状应用纹理。
belldeep·2025-03-11 01:28

Laya2.x游戏引擎入门系列（二）：UI界面开发

小游戏全部是通过canvas或者webgl画在页面中，而网页开发是通过浏览器去做的渲染。我们在
安也 i·2025-03-08 23:01

高斯溅射融合之路（一）- webgl渲染3d gaussian splatting

大家好，我是山海鲸的技术负责人。之前已经写了一个GIS融合系列。其实CesiumJS的整合有相当的难度，同时也有很多方面的工作，很难在几篇文章内写完，整个山海鲸团队也是投入了接近两年的时间，才把周边整套工具链进行了完善，后续有新的内容也会持续分享，隔壁系列传送门：GIS融合之路一坑未平，一坑又起。去年年末，我们的AI合作伙伴突然给山海鲸技术团队丢来了一个新技术-3DGaussianSplattin
山海鲸可视化·2025-03-08 06:33

可视化学习：WebGL实现简易的局部“马赛克”

前言接触过Canvas的小伙伴应该都知道，在Canvas2D中我们要加载一个图片很简单，通过调用drawImageAPI就能将图像绘制到画布上，当然在WebGL中我们也可以绘制图像，在绘制时我们需要用到
·2025-03-08 06:50

可视化学习：使用WebGL绘制圆形，实现色盘

那么在WebGL中我们要怎么去绘制呢？
·2025-03-08 06:49

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

《基于WebGPU的下一代科学可视化——告别WebGL性能桎梏》

引言：科学可视化的算力革命当WebGL在2011年首次亮相时，它开启了浏览器端3D渲染的新纪元。然而面对当今十亿级粒子模拟、实时物理仿真和深度学习可视化需求，WebGL的架构瓶颈日益凸显。
Eqwaak00·2025-03-06 20:31

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

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

探索WebGL基本水体教程：创造沉浸式3D水域体验

探索WebGL基本水体教程：创造沉浸式3D水域体验项目地址:https://gitcode.com/gh_mirrors/we/webgl-water-tutorial在这个开源的世界里，我们经常发现令人惊艳的创新项目
孔岱怀·2025-03-06 12:48

如何为 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

《基于WebGL的matplotlib三维可视化性能调优》——让大规模3D数据流畅运行在浏览器端！

本文将解锁matplotlib与WebGL的融合之道，通过GPU加速渲染+数据压缩算法+计算负载转移三大杀招，实现浏览器端千万级粒子系统60FPS流畅交互。
Eqwaak00·2025-03-05 15:53

WebGL开发：ThreeJS从入门到精通

前言：ThreeJS——开启3DWeb世界的钥匙欢迎来到ThreeJS的奇妙世界！无论你是前端开发者、图形学爱好者，还是希望将3D技术融入Web应用的工程师，这本书都将带你从零开始，逐步掌握ThreeJS的核心概念，并最终实现大型数字孪生项目。让我们一起踏上这段充满挑战与乐趣的旅程吧！目录：第一部分：ThreeJS基础入门第一章：ThreeJS概述与基础概念1.1ThreeJS是什么？介绍Thre
莲华君·2025-03-04 09:25

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

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

自学微信小程序的第七天

DAY71、canvas组件用于自定义绘制图形，该组件支撑2D和WebGl的绘图。
breaking_lxt·2025-03-03 02:55

家居行业全渠道零售技术解决方案架构指南

退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL
wjoang·2025-03-02 15:28

家居行业全渠道零售技术解决方案架构指南

退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL
CSTechAIExpert·2025-03-02 01:29

家居行业全渠道零售技术解决方案架构指南

退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL
cstech_deep·2025-03-01 22:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他