threejs(webgl)

Unity Webgl 常见报错解决

SecurityError:Theoperationisinsecure：确保您的WebGL构建与加载的资源在同一域内。处理跨域请求可以通过服务器端配置来实现。
Zero16800·2025-04-22 15:19

Unity Webgl在编辑器中报错：Cannot connect to destination host

问题描述：前段时间开发的webgl项目突发异常，打包出来的webgl可以正常登录，而在unity编辑器中登录的时候无法进入，控制台报出：Cannotconnecttodestinationhost；解决办法
林枫依依·2025-04-22 14:14

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

A-Frame引擎开发：A-Frame渲染技术_（12）.跨平台兼容性与支持

A-Frame作为一个基于Web的VR引擎，天然具备跨平台的特性，因为它利用了现代浏览器的WebXRAPI和WebGL技术。
chenlz2007·2025-04-21 22:07

BabylonJS：数字孪生开发从入门到精通

三维世界的入场券1.1WebGL与BabylonJS：你的浏览器里藏着一个宇宙3D图形学极简史：从三角形到元宇宙BabylonJS的“超能力清单”：为什么选它？
莲华君·2025-04-21 09:26

WebGL---6.3D纹理贴图

一、实例代码attributevec4a_position;attributevec2aTextureCoord;uniformmat4model;uniformmat4view;uniformmat4projection;varyinghighpvec2vTextureCoord;voidmain(){gl_Position=projection*view*model*a_position;vT
土豆丝的逆袭·2025-04-20 01:59

WebGL---5.初入3D

一、索引缓冲对象索引缓冲对象(ElementBufferObject，EBO，也叫IndexBufferObject，IBO)。假设我们不再绘制一个三角形而是绘制一个矩形。我们可以绘制两个三角形来组成一个矩形（OpenGL主要处理三角形）。这会生成下面的顶点的集合：floatvertices[]={//第一个三角形0.5f,0.5f,0.0f,//右上角0.5f,-0.5f,0.0f,//右下角-
土豆丝的逆袭·2025-04-20 01:58

webgl入门实例-11WebGL 视图矩阵 (View Matrix)基本概念

WebGL视图矩阵(ViewMatrix)在WebGL中，视图矩阵(ViewMatrix)定义了观察者(相机)在世界空间中的位置和方向，它实现了从世界坐标系到相机坐标系的转换。什么是视图矩阵？
该怎么办呢·2025-04-20 01:28

Three.js-效果合成（EffectComposer）

目录1.效果合成器（EffectComposer）1.1构造函数EffectComposer(renderer:WebGLRenderer,renderTarget:WebGLRenderTarget)
HM-hhxx！·2025-04-19 05:19

Unity中支持PC、移动端和Webgl端的复制文本到剪贴板

在Unity中开发软件中，会出现很多时候需要将Unity中的文本内容复制到剪贴板中，然后复制到其他软件的应用中去，例如分享一个链接，例如会议软件复制会议号码等首先C#语言中提供了一个字段，只要将字符串内容赋值给这个字段，就能将文本内容复制到系统的剪贴板中这个字段如下GUIUtility.systemCopyBuffer=“测试内容复制到剪贴板”;只需要将复制文本内容赋值给上面这个字段即可，但是这个
TenderRain。·2025-04-19 00:20

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

性能优化实践

传统图形API（如WebGL）在处理高维度量子态时可能面临性能瓶颈，甚至崩溃（如表格中14量子比特时WebGL的崩溃）。
Eqwaak00·2025-04-16 06:33

WebXR：WebXR性能优化技巧_2024-07-26_16-19-42.Tex

它扩展了WebGL和WebGPU的能力，允许开发者在网页上构建3D环境，与头戴式显示器、摄像头、传感器等硬件设备进行交互。
chenjj4003·2025-04-11 19:53

基于分布式指纹引擎的矩阵运营技术实践：突破平台风控的工程化解决方案

一、矩阵运营的技术痛点与市场现状风控机制升级主流平台通过复合指纹识别（Canvas渲染哈希+WebGL元数据+AudioContext频率分析）检测多账号关联传统方案成本：单个亚马逊店铺因关联封号月均损失
Hotlogin·2025-04-09 08:33

初识 Three.js：开启你的 Web 3D 世界 ✨

而Three.js，作为WebGL的封装库，让Web3D的大门向更多开发者敞开了。这是我开启这个Three.js专栏的第一篇文章，我们将简单认识一下Three.js，并为后续的项目开发打下基础。
SunACong·2025-04-08 10:35

OpenGL(三)着色器语言GLSL

类似于CUDA，但是又没有CUDA通用，又有点像Verilog这种硬件描述语言GLSL是一种着色器语言，需要有对应的图形API环境配合，可以使用OpenGL，也可以使用OpenGLES，也可以使用WebGL
战术摸鱼大师·2025-04-06 09:53

【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

图扑 HT 电缆厂 3D 可视化管控系统深度解析

HT技术核心架构与优势HT是一款基于WebGL、Canvas的前端插件，借助JavaScript脚本调用其API，具备强大的图形渲染与交互能力。它拥有自主研发的2D&3D图形渲染引擎，能够实现高质
图扑数字孪生·2025-04-05 09:15

“宝藏”开源项目，带你用Three.js玩转3D可视化

Three.js是一个基于WebGL的JavaScript库，它提供了一套易于使用的API用来在浏览器中创建和显示3D图形。
开源项目精选·2025-04-02 16:39

浏览器指纹技术解析与多账号安全管理实践：从原理到工具选型

一、浏览器指纹技术：风险与挑战技术原理浏览器指纹通过采集设备的软硬件特征（如操作系统、屏幕分辨率、字体列表、WebGL渲染参数等），生成唯一标识符。即使切换IP或
Hotlogin·2025-04-02 13:15

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

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

WebGLRenderTarget(离屏渲染)

目录WebGL渲染目标对象WebGLRenderTarget实现了WebGL的离屏渲染功能.render()方法无渲染目标(Canvas显示)有渲染目标(Canvas不显示).textureWebGL渲染目标对象
山楂树の·2025-04-01 22:56

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

立方体1+1+1

newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);constrenderer=newTHREE.WebGLRenderer
一一代码·2025-03-30 23:54

Cesium 全面介绍

它基于WebGL技术，无需插件即可在浏览器中渲染全球地形、影像、3D模型、矢量数据等，支持从卫星视角到地下管网的全维度空间分析。
Super毛毛穗·2025-03-30 22:50

Vue3 + GSAP：打造炫酷动效的终极指南

GSAP是一个功能强大的JavaScript动画库，支持DOM、SVG、Canvas以及WebGL动画，具有
来自星星的坤·2025-03-28 23:22

WebGL 的简易入门教程，实现一个旋转的彩色立方体

目录前言第一节绘制出了一个点效果演示逐行解释向量类型第二节动态传递点数据变量修饰符完整代码第三节缓冲区和画线类型化数组绘制的方式完整代码第四节彩色线段精度修饰符完整代码第五节单个buffer渲染颜色完整代码m.ximalaya.com/sound/827330334/?14=1m.ximalaya.com/sound/827330328/?jh7=yiCm.ximalaya.com/sound/8
·2025-03-28 13:24

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

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

WebGL 的简易入门教程，实现一个旋转的彩色立方体

目录前言第一节绘制出了一个点效果演示逐行解释向量类型第二节动态传递点数据变量修饰符完整代码第三节缓冲区和画线类型化数组绘制的方式完整代码第四节彩色线段精度修饰符完整代码第五节单个buffer渲染颜色m.ximalaya.com/sound/825947017/?7=33m.ximalaya.com/sound/825947017/?39=35m.ximalaya.com/sound/8259470
·2025-03-26 12:26

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

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

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

Cesium实践（1）—— Hello World

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

Three.js世界中的三要素：场景、相机、渲染器

一、Three.js简介Three.js是一个基于WebGL的JavaScript库，它允许开发者在网页上创建和显示复杂的3D图形和动画，而无需用户安装任何额外的插件或软件。
Front_Yue·2025-03-24 02:03

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

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

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

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

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

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

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

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

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

【前端拓展】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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他