Webgl 第18页

解释基本的3D理论

WebGL使用右侧坐标系—轴指向右侧，轴指向上方，轴指向屏幕外，如上图所示。xyz对象使用顶点构建不同类型的对象。顶点是空间中的一个点，在坐标系中具有自己的3D位置，通常是定义它的一些附加信息。

ygtu2018·2023-09-01 10:25

蚂蚁金服开源空间数据可视分析引擎 L7

L7地理空间可视化L7地理空间可视化L7地理空间可视化L7地理空间可视化11月22日，蚂蚁金服AntV数据可视化团队推出开源地理可视化引擎L72.0beta版——基于WebGL的⼤规模地理空间数据可视分析开发框架

ThinkingGIS·2023-09-01 05:27

20个值得收藏的WebGL性能优化技巧

WebGL是一项功能强大的技术，允许开发人员使用基于OpenGLES图形标准的WebGLAPI在Web浏览器中创建3D图形。

新缸中之脑·2023-09-01 02:31

WebGL Varing变量的作用和内插过程，及执行Varing时涉及的图形装配、光栅化、颜色插值、片元着色器执行机制等详解

目录前言在WebGL或OpenGL中，“varying”是一种用于在顶点着色器和片元着色器之间传递数据的特殊类型的变量。

山楂树の·2023-09-01 01:58

WebGL 同一缓冲区多种数据传入顶点着色器 gl.vertexAttribPointer（）的步进和偏移参数

目录目录为了将顶点坐标传入着色器，需要遵循一下五步：但是！！！示例代码：gl.vertexAttribPointer（）的函数规范stride参数顶点坐标数据offset参数顶点尺寸数据首先，分析如何实现下方示例为三个不同大小位置的点为了将顶点坐标传入着色器，需要遵循一下五步：1.创建缓冲区对象2.将缓冲区对象绑定到target上3.将顶点坐标数据写入缓冲区对象4.将缓冲区对象分配给对应的attr

山楂树の·2023-09-01 01:26

社交直播游戏场景前端解决方案专栏（二）：小游戏开发 The React Way

通过结合React生态与WebGL渲染能力，我们可以让熟悉React的开发人员低成本地入门H5游戏开发，在复用现有组件资产的同时，提供高性能的游戏画面，实现更复杂的视觉效果。

·2023-08-31 13:45

three.js 郭隆邦笔记1

http://www.webgl3d.cn/pages/cd35b2/p3three.js下载官方文件包2023three每个月都会发布新版本threejs官方包所有版本：https://github.com

摇摇奶昔x·2023-08-31 04:34

Three.js欧拉对象Euler和四元数Quaternion

关键词：欧拉Euler、四元数Quaternion、矩阵Matrix4个人WebGL/Three.js技术博客欧拉对象Euler构造函数：Euler(x,y,z,order)参数xyz分别表示绕xyz轴旋转的角度值

郭隆邦技术博客·2023-08-30 18:47

WebGL模型矩阵

前言：依赖矩阵库WebGL矩阵变换库_山楂树の的博客-CSDN博客先平移，后旋转的模型变换：1.将三角形沿着X轴平移一段距离。2.在此基础上，旋转三角形。先写下第1条（平移操作）中的坐标方程式。

山楂树の·2023-08-30 05:26

WebGL矩阵变换库

目录矩阵变换库：Matrix4对象所支持的方法和属性如表所示：方法属性规范：虽然平移、旋转、缩放等变换操作都可以用一个4×4的矩阵表示，但是在写WebGL程序的时候，手动计算每个矩阵很耗费时间。

山楂树の·2023-08-30 05:24

OpenGL ES视频特效开发参考Shadertoy参数详解参考Godot文档

类型Shadertoy使用webgl规范，因

chenchao_shenzhen·2023-08-29 19:22

JavaScript WebGL 绘制一条直线

引子接着WebGL基础概念，做一个绘制直线的简单示例。

_XXHolic_·2023-08-29 15:18

WebGL着色器快速教程

但这样做是一个很好的练习，因为它迫使我们引入许多重要的WebGL概念。我最近在一个需要使用WebGL的项目上工作。我试图在浏览器中的地图上渲染数千个多边形，但结果证明GeoJSON太慢了。

新缸中之脑·2023-08-29 15:17

shader编程-着色器中颜色基础（WebGL-Shader开发基础06）

shader编程-着色器中颜色基础1.单色背景颜色2.颜色根据屏幕坐标变化3.物体形状颜色4.借助A通道处理物体形状颜色5.相关代码1.单色背景颜色在之前的文章中我们用一个三维向量表示颜色vec3line_color=vec3(1.0,1.0,0.0);vec3color=vec3(0.6);用三维向量表示颜色因为正好它的三个分量可以代表RGBA格式的颜色中的Red（红色）Green（绿色）Blu

点燃火柴·2023-08-29 15:47

带你快速入门webgl与shader着色器渲染基础

webgl的初见（二维）你是谁？WebGL经常被当成3DAPI，人们总想“我可以使用WebGL和一些神奇的东西做出炫酷的3D作品”。

Shopee_Rex·2023-08-29 15:17

webgl与glsl着色器绘制三角形

Document*{padding:0;margin:0;}html,body{width:100%;height:100%;overflow:hidden;}#glcanvas{width:100%;height:100%;}attributevec4a_position;uniformmat4u_Mat;voidmain(){gl_Position=u_Mat*a_position;}prec

volodyan·2023-08-29 15:16

three.js(三)：three.js的渲染结构

three.js的渲染结构概述three.js封装了场景、灯光、阴影、材质、纹理和三维算法，不必在直接用WebGL开发项目，但有的时候会间接用到WebGL，比如自定义着色器。

我在人间贩卖青春·2023-08-29 01:13

three.js(一)：认识three.js并创建第一个3D应用

three.js是用JavaScript编写的WebGL第三方库;three.js提供了非常多的3D显示和编辑功能;具体而言，three.js是一款运行在浏览器中的3D引擎，可以用three.js创建各种三维场景

我在人间贩卖青春·2023-08-29 01:43

Three.js跨域问题(无法预览)

个人WebGL/Three.js技术博客浏览器控制台报错：three.js:30833AccesstoXMLHttpRequestat'f

郭隆邦技术博客·2023-08-29 00:02

WebGL矩阵变换

目录变换矩阵：旋转变换矩阵：平移4×4的旋转矩阵示例代码：gl.uniformMatrix4fv（）规范平移：相同的策略变换矩阵：缩放变换矩阵：旋转对于简单的变换，你可以使用数学表达式来实现。但是当情形逐渐变得复杂时，你很快就会发现利用表达式运算实际上相当繁琐。比如，下图显示了一个“旋转后平移”的过程，如果使用数学表达式，我们就需要两种变换的等式叠加，获得一个新的等式，然后在顶点着色器中实现。但是

山楂树の·2023-08-28 09:16

WebGL 绘制函数gl.drawArrays

gl.drawArrays（）的第1个参数WebGL方法gl.drawArrays（）既强大又灵活，通过给第1个参数mode指定不同的值，在这个参数上指定不同的值，我们可以按照不同的规则绘制图形。

山楂树の·2023-08-28 09:46

WebGL 缓冲区对象介绍，创建并使用缓冲区，使用缓冲区对象向顶点着色器传入多个顶点数据的所有步骤

目录使用缓冲区对象使用缓冲区对象向顶点着色器传入多个顶点的数据，需要遵循以下五个步骤。创建缓冲区对象（gl.createBuffer（））gl.createBuffer（）的函数规范gl.deleteBuffer（）绑定缓冲区（gl.bindBuffer（））gl.bindBuffer（）的函数规范向缓冲区对象中写入数据（gl.bufferData（））gl.bufferData（）的规范类型化数

山楂树の·2023-08-28 09:45

WebGL非矩阵变换

目录平移示例代码：齐次坐标矢量的最后一个分量w旋转p的坐标，可得等式R1：使用r、α、β来表示点p'的坐标，可得等式R2：利用三角函数两角和公式，可得等式R3：最后，将p的坐标等式代入上式，消除r和α，可得等式R4：三角函数两角和公式示例代码：平移考虑一下，为了平移一个三角形，你需要对它的每一个顶点做怎样的操作？答案是，你需要对顶点坐标的每个分量（x和y），加上三角形在对应轴（如X轴或Y轴）上平移

山楂树の·2023-08-28 09:44

如何在微信小程序中实现最简单的旋转三角形

如何在微信小程序中实现最简单的旋转三角形varwidth=window.innerWidthvarheight=window.innerHeightvarrenderer=newTHREE.WebGLRenderer

Camilar小汪汪·2023-08-28 08:57

WebGL uniform变量、gl.getUniformLocation、gl.uniform4f及其同族函数相关介绍

uniform变量命名规范获取uniform变量的存储地址gl.getUniformLocation向uniform变量赋值gl.uniform4f编辑gl.uniform4f()的同族函数demo：点击webgl

山楂树の·2023-08-27 18:32

Three.js + Theatre.js WebGL动画制作简明教程

在这个教程中，我们将介绍Theatre.js的基础知识并探索如何制作令人惊叹的动画序列。我们将演示如何为Three.js立方体制作动画、集成引人注目的视觉效果、修改颜色、试验HTML元素以及以特定时间间隔将动画与声音播放同步。推荐：用NSDT编辑器快速搭建可编程3D场景1、Theatre.js安装和设置首先，我们需要一个带有Three.js的入门模板和一个基本场景。Theater.js有两个基本包

新缸中之脑·2023-08-27 10:32

WebGL学习笔记——二维矩阵变换

平移二维平移矩阵WebGL学习笔记——二维矩阵变换说明：(x',y')是原坐标(x,y)分别在x轴方向移动tx，y轴方向移动ty之后得到的新坐标使用python的numpy矩阵处理模块、matplotlib

辣椒爸·2023-08-27 05:35

Supermap WebGL 去掉supermap标识

functiononload(Cesium){varviewer=newCesium.Viewer('cesiumContainer');viewer.imageryLayers.addImageryProvider(newCesium.TiandituImageryProvider({credit:newCesium.Credit('天地图全球影像服务数据来源：国家地理信息公共服务平台&四川省测

清白的少年·2023-08-26 01:03

用 TensorFlow.js 在浏览器中训练神经网络

具有GPU加速功能，并自动支持WebGL可以导入已经训练好的模型，也可以在浏览器中重新训练现有的所有机器学习模型运行Tensorflow.j

不会停的蜗牛·2023-08-25 20:37

厂区三维地图在工业互联网信息可视化中的应用

物联网技术和webGL技术的发展，使得厂区三维地图在现代工业生产环境中已经成为一种重要的工具，它为企业管理者、工程师和操作人员提供了实时、直观和全面的信息，以支持他们在作业、规划和决策方面的工作。

维小帮·2023-08-25 20:22

地图在线编辑平台，无基础轻松实现私域地图

位构云平台让用户轻松构建诸如空间信息管理、建筑信息管理及三维空间数据可视化、导航等类型应用的多平台、综合型地图引擎，基于OpenGLES/WebGL三维可视化技术体系的自主研发图形引擎，可以让开发者轻松构建运行在

维小帮·2023-08-25 20:51

如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器

描述WebCenter中的HTML53DColladaViewer（自14.1以来新增）要求在浏览器中启用WebGL。较旧的浏览器可能不支持此功能，或者要求用户首先显式启用此功能。

ygtu2018·2023-08-25 18:28

WebGL 绘制圆点

夜跑者·2023-08-25 11:27

WebGL智慧粮仓3D可视化物联网系统

仓廪实、天下安。民之所需，行之所至。建设背景古往今来，粮食问题历来是安邦定国的头等大事。“粮食”作为人类生活的生命之源，在人们的日常生活中起着决定性的作用。收获的粮食归仓，仓储工作是稳定“大国粮仓”的重要环节，当粮食收购后，如何让丰收成果颗粒归仓，减少损失，并确保粮食储藏质量安全就成了最后的压轴战。系统概述“智慧粮仓”是一种结合现代科技与传统农业的新型粮仓系统。它依托5G、物联网、大数据等技术手段

·2023-08-24 16:32

WebGl理解：模型、视图和投影矩阵变换的含义

看了别人写的文章，开始学webgl,以及看一些webgl的东西，一些术语很难理解，庆幸看到一篇文章，赶紧记下来：原文引用：http://www.jiazhengblog.com/在WebGL中实际上是没有摄像机的概念的

幸宇·2023-08-24 10:47

Unity发布web遇到的问题

1.WebGL报错UncaughtRuntimeError:floatunrepresentableinintegerrange2.报Maximumcallstacksizeexceeded超出最大调用堆栈大小原因

羽阿呆·2023-08-24 06:22

Cesium介绍

1、背景在许多虚拟地理空间应用的实现中，Cesium是一个很有用的WebGL图形库。学习如何解释CSS文件保证它准确呈现3D场景是一个重要的知识，因此本文提供了Cesium源代码的指导和说明。

无敌的季末·2023-08-24 03:45

《WebGL入门指南》——第1章，第1.2节3D图形学——入门

本节书摘来自异步社区《WebGL入门指南》一书中的第1章，第1.2节WebGL——一个技术定义，作者【美】TonyParisi，更多章节内容可以访问云栖社区“异步社区”公众号查看1.23D图形学——入门

WWWWWWWWolf·2023-08-23 20:29

WebGL编程指南01-着色器与常用API

前言本系列是在学习WebGL编程指南中，做出的个人总结Canvas1.1什么是CanvasCanvas即画布，顾名思义就是绘画的地方，Canvas在HTML5中被定义为一个标签，从此前端开发者可以通过这个标签和脚本语言

搬砖怪·2023-08-23 19:44

Three.js着色器基础【含源码】

WebGL和OpenGL使用一种名为GLSL的语言，它代表OpenGL着色器语言，类似于C语言。在Three.js中添加着色器的最简单方法是使用ShaderMaterial。还有一些RawShad

新缸中之脑·2023-08-23 19:13

VTK文件格式

转载：http://www.hewebgl.com/article/getarticle/126什么是vtk文件？

后知后觉_3e4a·2023-08-23 08:43

Goby 漏洞更新｜锐捷网络 NBR路由器 webgl.data 信息泄露漏洞

漏洞名称：锐捷网络NBR路由器webgl.data信息泄露漏洞EnglishName：RuijieNBRRouterwebgl.datainformationCVSScore:7.5影响资产数：204290

Gobysec·2023-08-22 05:02

在Unity编辑器中开发遇到问题BUG如何调试解决?

这一节主要讲在Unity编辑器中的问题解决方法，发布后的程序（如PC端、WebGL、Andnroid、iOS等）出现异常、崩溃等情况，后面再专门写文章去探

洪智·2023-08-22 04:27

Egret Wing

渲染模式：dom，cavase，webGL不同的地图、不同的元素，好玩的道具（充值付费获得道具、融合形成新的道具）二、准备工作创建项目->资源（jso

朝朝_c53e·2023-08-21 09:57

three.js 中设置透明背景

类似这样的，canvas感觉是透明的，里面的3D在上面，通常做地球旋转之类的效果，webgl设置：setClearColor（1.0,1.0,1.0,1.0）rgba格式最后一个参数就是alphathree.js

那年我七岁·2023-08-20 22:50

WebGL和OpenGL之间的差异

ygtu2018·2023-08-20 06:21

WebGL的剪裁空间

ygtu2018·2023-08-20 06:50

2D应用开发是选择WebGL 还是选择Canvas？

ygtu2018·2023-08-20 06:45

WebGPU应用开发快速入门

在WebGPU之前，有一种WebGL技术，它提供了WebGPU功能的子集。而WebGPU启用了新一类丰富的网络内容，开发人员可以用它构建了令人惊叹的应用。

·2023-08-19 22:28

推荐频道

Webgl