Webgl 第17页

WebGL 同时使用多幅纹理

该函数的核心部分代码如下所示：需要注意的是前言WebGL可以同时处理多幅纹理，纹理单元就是为了这个目的而设计的。本例程序在矩形上重叠粘贴两幅纹理图像。下图显示了本例运行效果，两张纹理图像在矩形上的混

山楂树の·2023-09-11 05:40

GLSL ES着色器精度限定字

目录前言WebGL支持的三种精度数据类型的默认精度float类型没有默认精度预处理指令在GLSLES中常用的三种预处理指令。

山楂树の·2023-09-11 05:40

html2canvas 截屏遇到的问题

遇到两个问题:截下来的图里面没有地图保存到本地的时候，浏览器显示网络错误下载失败解决：第一个问题：原因是地图里面的用了webgl导致的。

墨语轩·2023-09-11 03:55

Webgl入门笔记-画矩形

本人是三维可视化方向的研究生，最近因为时间比较多，想深入学习下webgl，这边推荐下b站的webgl入门教程。

Web图形学工作站·2023-09-10 20:51

webgl第11课-绘制矩形

需要源码可以Q群：828202939或者点击这里希望可以和大家一起学习、一起进步！！纯手打！！书籍是PDF电子档，也在Q群里，所有的课程源代码在我上传的资源里面，本来想设置开源，好像不行！如有错别字或有理解不到位的地方，可以留言或者加微信15250969798，在下会及时修改！！！！！上节课主要的怎么利用gl.drawArryas这个函数来绘制一些基本的图形，那么对于复杂的图形我们怎么处理呢？比如

webgl_谷子·2023-09-10 20:50

如何用html语言制作圆角矩形,webGL中圆角矩形的绘制

前言在写HTML这类自带样式设置的渲染语言时，可能写出一个圆角矩形仅仅就是一个样式设置就搞定了；但是有没有想过，直接在webGL中用原生的着色器算法写出一个类似CSS圆角样式的效果怎么做？

weixin_39958100·2023-09-10 20:50

【零基础学WebGL】绘制矩形

接下来，进入正题，一步步分解在WebGL世界如何绘制一个矩形。第一步：获取WebGL渲染上下文这里不过多介绍，主要是使用canvas.getContextAPI，获取webgl上下文。

web老猴子·2023-09-10 20:20

【零基础学WebGL】绘制图片

前言通过本文的学习，你可以掌握使用WebGL绘制任何一张图片。下图是本文的示例图片：理论知识在绘图之前，一起学习一些理论知识吧。

前端开发小司机·2023-09-10 20:20

JavaScript WebGL 绘制一个面

引子JavaScriptWebGL基础疑惑点之后进行了一些优化，然后尝试绘制常见二维的面。WebGL中几何体最终都是由三角形构成，由三角形切入比较合适。

_XXHolic_·2023-09-10 20:49

WebGL绘制一个矩形

WebGL绘制一个矩形本文是WebGL电子书的1.2节内容学习建议学习本节课，建议先结合注释看看案例源码，对于不熟悉的WebGLAPI可以在MDN搜索文档，不过刚开始学习，没必要去掌握每一个WebGLAPI

郭隆邦技术博客·2023-09-10 20:49

webgl绘制矩形

WebGLattributevec3aVertexPosition;voidmain(){//直接将外部传入的顶点坐标作为最终坐标gl_Position=vec4(aVertexPosition,1.0

qq_43451782·2023-09-10 20:19

原生webgl学习（五） WebGL绘制矩形（二）：更简洁的代码

本专栏所有文章示例代码均可在我的gitee码云上获取，读者可自行下载：https://gitee.com/babyogl/learnWebGL；本文demo代码在chapter-03下的rectangle

coder_路远·2023-09-10 20:48

webgl之绘制一个矩形

功能：使用webgl绘制一个矩形,这里通过绘制两个三角形来实现一个矩形的绘制步骤：1获取webgl上下文2获取着色器字符串3创建，加载，编译着色器4给着色器的变量赋值5绘制图形第一步：获取webgl上下文

g0415shenw·2023-09-10 20:18

WebGl-10.绘制一个矩形

使用三角形的绘制方法gl.TRIANGLE_STRIP来通过4个点绘制两个三角形，实现绘制一个矩形。下面是四个点的位置v0(-0.5,0.5)v1(-0.5,0.5)v2(0.5,0.5)v3(0.5,-0.5)使用三角带gl.TRIANGLE_STRIP这种绘图模式组成的第一个三角形是(v0,v1,v2)第二个是(v2,v1,v3)varvertices=newFloat32Array([-0.

牛code·2023-09-10 20:18

原生webgl学习（四） WebGL绘制矩形（一）

本专栏所有文章示例代码均可在我的gitee码云上获取，读者可自行下载：https://gitee.com/babyogl/learnWebGL；本节代码在文件夹chapter-02里面的color-triangle

coder_路远·2023-09-10 20:18

WebGL 绘制矩形

上一节绘制了圆点，调用的绘制方法如下：gl.drawArrays(gl.POINTS,0,1);第一个参数明显是个枚举类型，肯定还有其他值，如下所示：POINTS可视的点LINES单独线段LINE_STRIP线条LINE_LOOP闭合线条TRIANGLES单独三角形TRIANGLE_STRIP三角带TRIANGLE_FAN三角扇这小节尝试一下绘制单独线段、线条、闭合线条、三角带（可构成矩形）代码如

夜跑者·2023-09-10 20:46

cesium开发入门（vue2）

一、cesium介绍Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。

拾荒旧痕·2023-09-10 17:45

[Unity] Catan Universe: Unity 的移动设备优化

那就是关于我所遵循的步骤和方法的故事，以诊断和改善CatanUniverse在移动（iOS，Android）中的性能，并对WebGL有重要的好处。因此，我可以从描述围绕游戏本身

Unity尧明·2023-09-10 15:01

WebGL学习之路

在这里记录一下个人的WebGL学习过程作为GIS开发工程师四年，技术栈和项目经验都有了一定积累，感觉到了一个瓶颈。经过一些讨论和思考，认为可以向两个方向发力，后端方向的空间大数据处理，前端方向的三维。

GIS小虫·2023-09-09 19:35

three.js的学习

Threejs1前言Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

Shadow Shine·2023-09-09 16:40

关于Unity WebGL GB2312编码问题

但是，在WebGL平台上面会有新的报错NotSupportedException:Th

地狱为王·2023-09-09 06:50

WebGL浅入浅出，不深入了解一下吗？

豆皮粉儿们，又见面了，今天这一期，由字节跳动数据平台的“Kakashi”小哥哥，给我们带来webgl的入门学习。那到底什么是WebGL呢？WebGL有什么用？如何快速入门呢？

玄魂·2023-09-09 06:43

【转】使用 WebGL 进行 3D 开发，第 2 部分: 使用 WebGL 库以更少的编码做更多的事情...

转自HTML5开发社区使用WebGL进行3D开发，第1部分:WebGL简介使用WebGL进行3D开发，第2部分:使用WebGL库以更少的编码做更多的事情使用WebGL进行3D开发，第3部分:添加用户交互

weixin_30824599·2023-09-09 06:42

【转】使用 WebGL 进行 3D 开发，第 1 部分: WebGL 简介

转自HTML5游戏开发者社区使用WebGL进行3D开发，第1部分:WebGL简介使用WebGL进行3D开发，第2部分:使用WebGL库以更少的编码做更多的事情使用WebGL进行3D开发，第3部分:添加用户交互

weixin_30564901·2023-09-09 06:12

【《WebGL编程指南》读书笔记-颜色与纹理】

本文为读书笔记第五章总目录链接：https://blog.csdn.net/floating_heart/article/details/124001572本章很长，讨论了前言所述的三个问题，三个由浅入深，帮助我们更细致地了解WebGL

floating_heart·2023-09-09 06:39

video、webgl canvas推拉流及多媒体流协议

video、webglcanvas推拉流及多媒体流协议不经常接触智慧城市项目，直播项目，安全项目的人，可能了解的不够多！做这些项目的也会根据公司技术深度学到更深的的知识！先看一张图片！

我就不信起不来名字了！·2023-09-08 12:39

【Three.js】第二十一章 Physics 物理

介绍物理是WebGL可以添加到项目体验中最酷的功能之一。

顽皮宝·2023-09-08 11:15

Top 15 开源3D分子蛋白质建模与渲染软件

如今，WebGL是一种趋势技术，因为它允许开发人员使用现代浏览器作为客户端来创建复杂的3D交互式图形、游戏，而无需安装额外的插件、扩展或软件。WebGL允许浏览器直接与GPU（图形处理单元）一起工作。

新缸中之脑·2023-09-08 10:53

Threebox实现在mapbox上添加threejs内容

mapbox-gl-V50版本开始用户可以添加自己的WebGL代码呈现到自定义的图层。在GitHub上的功能改进中如图1显示。

gardenlike2·2023-09-07 22:49

Nginx反向代理配置POST请求的nginx.conf相关配置

说明：最近项目是是一个Webgl项目，包括前端（Webgl）+数据库，这里数据库我是用Node.js作为中间件封装GET和POST接口来操作数据库。还有一个点就是服务器只对外开放了一个端口。

不为誰而做的程序员_·2023-09-07 18:55

HT for Web (Hightopo) 使用心得（1）- 基本概念

HTforWeb，通常简称为HT，这是一个基于JavaScript开发的WebGL引擎。可用于2D/

·2023-09-07 18:24

使用 WebGL 为 HTML5 游戏创建逼真的地形

ygtu2018·2023-09-06 20:11

webGL杂谈

webgl做三维的优势是跨浏览器，跨平台，不像active插件版的三维软件只支持ie浏览器，而且还必须安装插件。随着webgl的发展，电脑硬件gpu的发展，webgl定能取代插件。

第一最寂寞·2023-09-05 18:35

WKWebView 白屏问题

在一些用webGL渲染的复杂页面，使用WKWebView

干倒八分之七的东家·2023-09-05 13:09

threejs得WebGLRenderer+CSS3DRenderer结合使用

文章目录概要1：CSS3DRenderer+WebGLRenderer出现鬼畜bug2：解决思路3：代码示例小结概要在使用threejs显示label发现，人家自带了CSS3DRenderer/CSS2DRenderer

喵喵虫·2023-09-05 06:05

电商3D资产优化管线的自动化

如果你曾经尝试将从CAD程序导出的3D模型上传到WebGL或AR服务，那么可能会遇到最大文件大小、永无休止的进度条和糟糕的帧速率等问题。为了创作良好的在线交互体验，优化3D数据的大小和性能至关重要。

新缸中之脑·2023-09-04 18:38

H5、Js 3D游戏引擎和框架

由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏，所有JavaScript3D游戏引擎是一个人们主题。

橘子HW·2023-09-04 11:21

WebGL-3D地图大俯仰角的雾化处理

以下内容转载自掘金文章《WebGL-3D地图大俯仰角的雾化处理》作者：多多洛爱学习链接：https://juejin.im/post/5db2a58a51882559ee62dfba来源：掘金著作权归作者所有

Mr船长大人·2023-09-04 00:56

初步了解Canvas API

canvas的width属性和height属性（不是在style中设置）获取上下文获取canvas的上下文，getContext(‘2d’)参数2d，代表需要使用CanvasAPI，getContext(‘webgl

小六*^____^*·2023-09-03 20:41

Vue 渲染机制-Rendering Mechanism 和渲染函数

例如，Vue允许第三方开发人员创建自定义渲染解决方案目标，不仅仅是浏览器，也包括IOS和Android等原生环境，也可以使用API创建自定义渲染器直接渲染到WebGL而不是DOM节点。

AizawaSayo·2023-09-03 07:53

（附源码）使用 javascript 制作网页端 3D 贪吃蛇游戏

该游戏使用Hightopo的SDK制作，总共100多行代码，没有WebGL基础的同学们也可很快掌握。场景初始化首先，我们对页面进行初始化，包括初始化3D场景，设置地面网格，以及开启事件监听等。

图扑可视化·2023-09-03 06:21

漂浮岛场景WebGL效果解析

访问在线地址，代码在此处。场景构图该场景使用了3个岩石模型，一些通用的阙类植物、树木模型，还有空中的鸟类模型。场景的渲染顺序：深度预通道，岩石，鸟类，天空，云粒子。相机路径和物体放置为了能造成一种无尽的随机场景的效果，有两种选择：真正的随机场景和循环生成的路径。第一种需要将对象动态放置在相机前面，但是这意味着这些位置必须动态传输到GPU。因此，更好的选择是生成一次静态循环的路径，并在相机移动时沿其

sky.....·2023-09-03 03:30

WebGPU学习（8）---使用RenderBundle

处理此绘图命令比WebGL内部执行的类似处理更快。但是，如果可以省略此命令注册过程，则可以能够更快地绘制。RenderBundle就是实现这一点的。

sky.....·2023-09-03 03:00

封装webgl初始化着色器函数

functioninitShader(gl,VERTEX_SHADER_SOURCE,FRAGMENT_SHADER_SOURCE){//创建着色器constvertexShader=gl.createShader(gl.VERTEX_SHADER);constfragmentShader=gl.createShader(gl.FRAGMENT_SHADER);//绑定数据源gl.shaderSo

夏暖冬凉·2023-09-03 01:32

Webgl利用缓冲区绘制三角形

什么是attribute变量它是一种存储限定符，表示定义一个attribute的全局变量，这种变量的数据将由外部向顶点着色器内传输，并保存顶点相关的数据，只有顶点着色器才能使用它Documentconstwebgl

夏暖冬凉·2023-09-03 01:31

WEBGL（4）：动态绘制点并根据详细自定义颜色

1实现代码Documentletvertexstring=`attributevec3a_position;uniformmat4proj;attributevec3a_color;varyingvec3inColor;voidmain(void){gl_Position=vec4(a_position,1.0);gl_PointSize=60.0;inColor=a_color;}`;letfr

不死鸟.亚历山大.狼崽子·2023-09-02 18:52

[前端必看，后端福利❤]如何创建美观的邮件模板并通过qq邮箱的SMTP服务向用户发送

的qss基础，只好借助网页设计自己想要的邮箱格式，最终效果如下:也推销一下自己的项目ShaderLab，可运行ShaderToy上的大部分着色器代码，有学图形学的伙伴们可以关注下，学前端的伙伴们有意向WebGL

-Xavier-·2023-09-02 12:30

基于SuperMap三维WebGL开发之s3m切片缓存图层属性查询

API参考http://support.supermap.com.cn:8090/webgl/Build/Documentation/index.html一、使用场景在给定的模型里面，选定其中某个模型返回其属性进行展示

m0_38004177·2023-09-02 09:14

如何使用javascript制作一个网页端3D贪吃蛇游戏（附源码）