webgl基础介绍

WebGL 视图矩阵、模型视图矩阵

目录立方体由三角形构成视点和视线视点、观察目标点和上方向视点：观察目标点：上方向：在WebGL中，观察者的默认状态应该是这样的：视图矩阵程序（LookAtTriangles.js）实际上，“根据自定义的观察者状态
山楂树の·2023-09-12 05:54

【PXI系列科普文】- PXI基础介绍

从今天开始，虹科测试测量团队将为大家带来关于PXI总线相关的一系列科普性文章，如感兴趣欢迎联系进行交流：[email protected]。今天主要介绍2部分内容，给大家介绍下PXI的背景和历史，以及关于PXI机箱的整体介绍。目录一、PXI的背景与历史二、PXI机箱一、PXI的背景与历史PXI是一种模块化仪器系统，设计上利用了PCI和PCIe总线系统数据高传输速率的优点。该标准为开放式标准，因此任何厂商遵
虹科测试测量·2023-09-12 04:23

荧光定量PCR（一）— 基础介绍

1.荧光基础1.1荧光的产生当有入射光照射物质时，其分子会吸收入射光的能量从而受到激发使得其电子由低能级跃迁至高能级，此时处于激发态的分子其结构并不稳定，会通过跃迁而失去能量返回基态，这个过程会伴随着荧光或者磷光的产生。如图所示image.png1.2荧光光谱所有荧光物质都具有两个特征光谱，也即激发和发射光谱。激发光谱：固定荧光的发射波长（测定波长）不变，记录荧光强度与激发波长之间的谱图称为激发光
caoqiansheng·2023-09-12 03:49

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

HTforWeb，通常简称为HT，这是一个基于JavaScript开发的WebGL引擎。可用于2D/
图扑数字孪生·2023-09-11 14:46

GitHub上的WebGL库调研

1.three.js  star:32.9K  更新速率：频繁  这个无需多说，当下最流行的WebGL库，轻量级，容易使用，很多webgl库都是基于它来构建。
sky.....·2023-09-11 13:45

Cesium学习笔记

Cesium使用WebGL来进行硬件加速图形化；跨平台；跨浏览器；实现真正的动态数据进行可视化。Cesium基于Apache开源协议，支持商业和非商业免费使用。
sky.....·2023-09-11 13:44

webgl与webgpu比较

绘制流程webgl无论是操作着色器，还是操作VBO，亦或者是创建一些Buffer、Texture对象，基本上都得通过gl变量一条一条函数地走过程，顺序是非常讲究的。
sky.....·2023-09-11 13:10

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

HTforWeb，通常简称为HT，这是一个基于JavaScript开发的WebGL引擎。可用于2D/
图扑可视化·2023-09-11 12:02

Flask 官方文档解析

（基础介绍请参见Flask基本框架文章）fromflaskimportFlaskapp=Flask(__name__)@app.route('/')defhello
Sisyphus235·2023-09-11 10:20

uniapp微信小程序加载spine动画

目录1.XMLHttpRequest封装spine-webgl小程序适配修改加载动画1.XMLHttpRequest封装functionXMLHttpRequest(){this.config={};}
selectJiun·2023-09-11 09:25

WebGL 纹理——在矩形表面贴上图像

目录WebGL要进行纹理映射，需遵循以下四步：1.准备好映射到几何图形上的纹理图像。2.为几何图形配置纹理映射方式。3.加载纹理图像，对其进行一些配置，以在WebGL中使用它。
山楂树の·2023-09-11 06:10

WebGL 同时使用多幅纹理

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

GLSL ES着色器 精度限定字

目录前言WebGL支持的三种精度数据类型的默认精度float类型没有默认精度预处理指令在GLSLES中常用的三种预处理指令。
山楂树の·2023-09-11 05:40

html2canvas 截屏遇到的问题

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

【进阶篇】MySQL的MVCC实现机制详解

文章目录0.前言1.基础介绍1.1.什么是MVCC?1.1.什么是当前读和快照读？1.1.当前读，快照读和MVCC的关系1.1.MVCC能解决什么问题，好处是？
冰点.·2023-09-10 21:57

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

javascript正则表达式的进阶介绍

作者：yrainly公众号：前端开心果正则表达式进阶内容正则表达式基础介绍内容请戳这里哦先补充下之前介绍过的replace()方法的使用。
·2023-09-08 19:46

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

Python API接口对接详解与实践

一、API基础介绍API，即应用程序编程接口，是一种预先定义好的软件接口，允许不同的应用程序相互通信并共享数据。API通常由一组函数和规则组
爱吃猫的菜菜·2023-09-07 16:56

Activity系列博客5篇

02.Activity基础介绍03.Activity启动流程
杨充211·2023-09-07 11:16

Cyber RT学习笔记

CyberRT学习笔记1.CyberRT框架基础介绍2.CyberRT基础概念汇总3.CyberRT的安装与入门实践4.CyberRT的基础库5.CyberRT通信机制解析与实践6.Scheduler调度器与
从小练武功·2023-09-07 00:26

二进制安全虚拟机Protostar靶场（2）基础知识讲解，栈溢出覆盖变量 Stack One,Stack Two

前言Protostar靶场的安装和一些二进制安全的基础介绍在前文已经介绍过了，这里是文章链接https://blog.csdn.net/qq_45894840/article/details/129490504
Ba1_Ma0·2023-09-06 21:09

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

推荐：使用NSDT场景编辑器快速搭建3D应用场景建模和3D地形大多数3D对象是使用建模工具创建，这是有充分理由的。创建复杂对象（如飞机甚至建筑物）很难在代码中完成。建模工具几乎总是有意义的，但也有例外！其中之一可能是案例就像飞行拱廊岛连绵起伏的丘陵一样。我们最终使用了我们发现更简单，甚至可能更直观的技术：一个高度图。高度图是一种使用常规二维图像来描述像岛屿或其他地形一样的表面。这是一种非常常见的使
ygtu2018·2023-09-06 20:11

Android Aidl跨进程通讯(三)--进阶使用

AIDL进阶使用微卡智享in,out,inout的使用关于in,out,inout在AIDL的基础介绍中有提到过AIDL中还有定向的Tag，包括了in、out、inout。其中in表示数据只能由
Vaccae·2023-09-06 17:12
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他