threejs(webgl) 第2页

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

Three.js引擎开发：Three.js渲染技术_（16）.Three.js在WebGL中的应用

Three.js在WebGL中的应用在上一节中，我们介绍了Three.js的基本概念和如何创建一个简单的Three.js场景。

chenlz2007·2025-06-20 23:42

学习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

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

前端资源帖

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

liora6·2025-06-18 12:12

Threejs实现物理运动模拟

一、物理运动原理在Three.js中实现物理运动的核心思想是：Three.js负责渲染：Three.js是一个图形库，用于创建和渲染3D场景。物理引擎负责计算：物理引擎（如Cannon.js或Ammo.js，本文用的是前一种）模拟现实世界的物理规则，例如重力、碰撞、反弹等。数据同步：在每一帧中，将物理引擎计算的结果（如物体的位置、速度、旋转等）同步到Three.js的对象上。二、实现步骤详解1.初

·2025-06-16 22:59

WebGPU渲染引擎架构深度解析：从GPU硬件抽象到高效渲染

一、WebGPU的设计哲学：面向现代GPU的底层抽象WebGPU的核心目标是成为一个“薄而宽”的抽象层：“薄”(LowOverhead)：最小化驱动翻译：与WebGL(基于OpenGLES)不同，WebGPU

·2025-06-12 18:06

Three.js实现逼真的3D地形与水体效果

本文还有配套的精品资源，点击获取简介：Three.js是一个强大的WebGL库，使得在浏览器中创建3D图形变得简单。

Compass宁·2025-06-11 13:50

threejs 源码解析_threejs海面模拟

源码：作者：johnhollen最终效果不是特别漂亮，但作者给出了详细的笔记，这就是收录这项源码的原因。记笔记：TNM084，是LinköpingUniversity的图像处理课程，github上有20有关多个项目，容易学习。以下是对原作者笔记的翻译。项目介绍该项目由JohnHollén(johho982)在LinköpingUniversity的TNM084-图像处理课程中完成。最初的计划是创建

weixin_39875675·2025-06-11 13:20

在 Three.js 中实现自定义 Shader 效果

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术经验经验：演示地址开源项目

贵州数擎科技有限公司·2025-06-11 13:48

基于three.js的3D粒子动效实现

three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效

cs1247959734·2025-06-11 13:45

nodejs28: 浏览器指纹工具FingerprintJS+实现原理

利用浏览器和设备的一系列非敏感数据（如屏幕分辨率、字体、WebGL信息等）来创建一个高度唯一的指纹，用于追踪和识别用户。

FakeOccupational·2025-06-08 17:50

北京四度科技的线上展厅,webgl3D技术,附有新的业态展示方式！

随着互联网的迅速发展，数字化已成为各行业发展的必然趋势。在网络时代的背景之下，云在线企业展厅应运而生。网络展厅是企业文化品牌的有效创新形式之一。如今，越来越多的企业建立了自己的网上企业展厅，在互联网之上展示和宣传自己的服务、产品和文化。2020年将是Web3D虚拟展厅年。疫情加速了网上展厅生态链建设。美术馆、画廊、展览馆、博物馆、科学馆和实体都将实现互联网+时代的影响，这就是程指数的增长。Web3

北京四度科技vr·2025-06-07 08:01

Unity 单例模式完全指南

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI智简未来、晓智元宇宙

贵州数擎科技有限公司·2025-06-06 20:03

鸿蒙5+跨平台开发实战：VR/AR、主机与WebGL的挑战与解决方案

引言鸿蒙5+凭借分布式架构与ArkTS语言，为跨平台开发提供了全新可能性，但VR/AR设备适配、主机平台性能优化、WebGL兼容性等问题仍困扰开发者。

鸿蒙大白·2025-06-05 18:15

深入了解Flash地图的加载技术与应用

虽然现代Web技术如HTML5和WebGL已取代Flash，但学习Flash地图的加载技术对理解其他Web开发技术仍有帮助。

不胖的羊·2025-06-05 07:54

Three 之 three.js （webgl）CSS2DObject 添加文字按钮等并与OrbitController / html button 等交互冲突的简单使用说明整理

Three之three.js（webgl）CSS2DObject添加文字按钮等并与OrbitController/htmlbutton等交互冲突的简单使用说明整理目录Three之three.js（webgl

仙魁XAN·2025-06-04 09:37

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

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

还是大剑师兰特·2025-06-04 09:34

TypeDom与threejs：3D全景室内装饰应用的架构设计与实现分析

github地址：https://github.com/xjf7711/decoration装饰应用(Decoration)是一个基于TypeScript和Three.js构建的交互式3D全景室内装饰查看器，采用TypeDom框架作为UI基础，实现了用户与3D场景的无缝交互。该应用通过组件化架构设计，将复杂的3D渲染与直观的用户界面有机结合，提供了浏览不同室内设计风格、探索房间位置、导航全景视图等

xjf7711·2025-06-03 12:28

基于 HT for Web 轻量化 3D 数字孪生数据中心解决方案

一、技术架构：HTforWeb的核心能力图扑软件自主研发的HTforWeb是基于HTML5的2D/3D可视化引擎，核心技术特性包括：跨平台渲染：采用WebGL技术，支持PC、移动端浏览器直接访问，兼容主流操作系统

图扑数字孪生·2025-06-03 04:38

three.js学习笔记(二十二)——混合HTML和WebGL

介绍这次课将学习如何将HTML集成到场景中去——即一个交互式的HTML元素跟随场景中的3D位置而变化，看起来就像嵌在WebGL中一般。初始设置采用上一节教的带有进度条的加载动画，并且使用头盔模型。

weixin_43990650·2025-06-02 02:29

教大家细分webGL，webGPU，unity3D和UE4

WebGL：WebGL是一种Web图形API，是基于OpenGLES2.0标准设计的，可以实现在Web浏览器中

新中地GIS开发老师·2025-06-02 02:25

vue+threeJs 绘制3D圆形

今天主要和大家分享的主题是“vue+threeJs绘制圆形”。今天找到一个用three.js绘制图形的项目，主要是用来绘制各种形状。

资深前端之路·2025-05-31 22:06

CesiumInstancedMesh 实例

CesiumInstancedMesh实例import*asCesiumfrom'cesium';//Three.js风格的InstancedMesh类,https://threejs.org/docs

力博荣三维可视化·2025-05-31 21:02

vue+threeJs 生成一个圆柱体

今天主要和大家分享的主题是“vue+threeJs生成一个圆柱体”。案例示例图1.CylinderGeometry定义：创造一个圆柱体。

资深前端之路·2025-05-31 11:51

css和js3d粒子,升级版ThreeJS 3D粒子波浪动画

升级版ThreeJS3D粒子波浪动画2020-04-1223:07:221307编程开发效果图升级版demo2：改变粒子的形状demo2升级版demo1：改变粒子大小，颜色demo1ThreeJS官方示例

赖明星·2025-05-31 11:19

vue+ThreeJs 创建过渡圆圈效果

今天主要和大家分享的主题是“vue+ThreeJs创建过渡圆圈效果”。今天在做着色器过渡效果练习，发现出现了很多新的函数，这些都超出了js之外，需要更多的掌握和学习。以下是自己的复盘和梳理。

资深前端之路·2025-05-28 10:58

vue+threeJs 设置模型默认的旋转角度

今天主要和大家分享的主题是“vue+threeJs设置模型默认的旋转角度”。今天主要对设置模型默认的旋转角度，来展示模型的视角。通常在一些3d模型展示的时候，可以用到。

资深前端之路·2025-05-28 09:53

【前端】【ThreeJs】一篇文章全解ThreeJs，成为ThreeJs高手

第一章Three.js简介1.1Three.js概述1.1.1定义与背景1.定义Three.js是一个基于WebGL的JavaScript3D库，它为开发者提供了简单易用的API，使得在网页上创建和展示

患得患失949·2025-05-27 20:19

多端一体开发：iVX 如何让「一次开发，全平台部署」从理想照进现实

IDE画布采用WebGL渲染技术，支持1000+节点并发编辑时<30ms的交互响应延迟

hongdou199·2025-05-27 17:56

从零开始创建3D游戏：enchant.js的奇妙旅程

从零开始创建3D游戏：enchant.js的奇妙旅程背景简介随着WebGL技术的普及，使得在浏览器中创建和体验3D游戏变得更加可行。在众多游戏开发框架中，enchant.js因其简单易用而备受青睐。

low sapkj·2025-05-27 13:37

使用 Three.js 精灵模型 (Sprite) 实现 3D 标签效果

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI智简未来、晓智元宇宙

贵州数擎科技有限公司·2025-05-27 12:59

Supermap WebGL Cesium 中获取当前场景中点击的图层及图元ID，并设置选中的颜色样式

letselectlayer=_self.mapView.scene.layers.getSelectedLayer();//获取选中图元的id,使其选中颜色改成其他的letselectid=selectlayer.getSelection()[0];selectlayer.setObjsColor([selectid],Cesium.Color.fromCssColorString("#0000

一醉千秋·2025-05-27 01:23

＜uniapp＞＜threejs＞在uniapp中，怎么使用threejs来显示3D图形？

前言本专栏是基于uniapp实现手机端各种小功能的程序，并且基于各种通讯协议如http、websocekt等，实现手机端作为客户端（或者是手持机、PDA等），与服务端进行数据通讯的实例开发。发文平台CSDN环境配置系统：windows平台：visualstudiocode、HBuilderX（uniapp开发）语言：javascript、html、vue库：three.js概述本文研究一下在uni

机构师·2025-05-25 21:00

three.js创建地球仪

Three.js是一个使用webGL创建3d图形的JavaScript库。主要用于3d图形可视化。本篇文章以创建地球仪的例子，展示three.js的使用。

前端御书房·2025-05-25 18:39

threejs生成3d地图

Three.js是一个使用webGL创建3d图形的JavaScript库。主要用于3d图形可视化。本篇文章以创建3d地图的例子，展示three.js的使用。

前端御书房·2025-05-25 18:39

Canvas API-CanvasRenderingContext2D相关学习（上）

而同样使用元素的WebGLAPI则用于绘制硬件加速的2D和3D图形。它与SVG图像的区别在于，是脚本调用各种方法生成图像，SVG则是一个XML文件，通过各种子元素生成图像。

咖啡不甜不要钱·2025-05-24 04:59

WebGL基本概念

1.WebGL的基本概念(1)WebGL是什么？WebGL是一种用于在浏览器中渲染3D图形的API，基于OpenGLES2.0。它通过JavaScript与GPU交互，实现高性能的图形渲染。

香蕉可乐荷包蛋·2025-05-24 04:58

shader 圆形水波纹效果 threejs vue3

import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader";import{ref,onMounted,getCurrentInstance,

小猫猫改bug·2025-05-23 10:54

实现图片自动压缩算法，canvas压缩图片方法

背景：在使用某些支持webgl的图形库（eg：PIXI.js，fabric.js）场景中，如果加载的纹理超过webgl可处理的最大纹理限制，会导致渲染的纹理缺失，甚至无法显示。

追求者2016·2025-05-21 12:55

vue+threeJs 生成烟花效果

今天主要和大家分享的主题是“vue+threeJs生成烟花效果”。今天在找找three,js项目进行练习，主要寻找的是生成烟花的效果。今天主要对整个项目的构建过程进行复盘。

资深前端之路·2025-05-21 03:01

Unity Webgl 问题总结

UnityWebgl问题总结最近公司要求将CS项目更改成BS项目，我听后人都傻了，对这块不是很熟悉，之前没有做过完整的项目，只知道unitywebgl有很多坑，然后只能去网上找找资料，发现unity的webgl

一直嘟嘟嘟。。。·2025-05-21 03:25

unity 发布webGL 报错总结

前提:之前发布webGL比较少，零零碎碎的，遇到的问题也没及时记录，后面遇到又是有点印象但忘了怎么解决，苦恼~遂特此记录，方便自己，有问题或表述有误欢迎评论区指出一：不能用unity自带的字体，会直接不显示

林川啊·2025-05-21 03:25

Filament 渲染引擎简介

支持平台包括Android，IOS，Linux，macOS,Windows,andWebGL。尤其对Android平台做了较好的适配，以小而精为设计目的。

后知后觉·2025-05-20 16:50

filament：实时物理渲染引擎

实时物理渲染引擎filamentFilamentisareal-timephysicallybasedrenderingengineforAndroid,iOS,Windows,Linux,macOS,andWebGL2

解洲思Ronald·2025-05-20 16:20

从零开始学习three.js（18）：一文详解three.js中的着色器Shader

在WebGL和Three.js的3D图形渲染中，着色器（Shader）是实现复杂视觉效果的核心工具。

前端小崔·2025-05-20 14:37

Babylon.js开发从入门到实战（下卷）

全书卷目：Babylon.js开发从入门到实战（上卷）Babylon.js开发从入门到实战（下卷）目录第一部分：基础篇——构建3D世界的基石第一章：BabylonJS概述与环境搭建什么是BabylonJS：WebGL

莲华君·2025-05-17 13:44

推荐频道

threejs(webgl)