webgl坐标转换

WebGL 正确处理对象前后的关系——隐藏面消除（深度测试）/ 深度冲突

目录前言验证WebGL处理对象前后关系的规则——后绘制的图形覆盖先绘制的图形隐藏面消除（深度测试）开启隐藏面消除功能，需要遵循以下两步：1.开启隐藏面消除功能。
山楂树の·2023-09-17 00:15

WebGL 从0到1绘制一个立方体

目录前言组成立方体的面、三角形、顶点坐标和顶点颜色通过顶点索引绘制物体gl.drawElements(mode,count,type,offset)函数规范示例程序彩色立方体（HelloCube.js）代码详解向缓冲区中写入顶点的坐标、颜色与索引gl.ELEMENT_ARRAY_BUFFER绑定顶点索引数据目标gl.drawElements（）详解示例效果为立方体的每个表面指定颜色组成立方体的面、
山楂树の·2023-09-17 00:15

WebGL模型视图投影矩阵

WebGL透视投影_山楂树の的博客-CSDN博客中的PerspectiveView代码一个问题是，我们用了一大段枯燥的代码来定义所有顶点和颜色的数据。
山楂树の·2023-09-17 00:15

WebGL正射投影

目录可视范围（正射类型）可视空间正射投影的盒状可视空间的工作原理盒状可视空间定义盒状可视空间Matrix4.setOrtho（）按键控制near、far编辑示例效果示例代码代码详解修改near和far值通过右方向键增大near的值通过下方向键减小far的值修改近裁截面宽高导致物体“变形”宽高缩小一半，保持宽高比宽高缩小一半，高度不变，改变宽高比可视范围（正射类型）虽然你可以将三维物体放在三维空间中
山楂树の·2023-09-17 00:14

unity根据经纬度计算坐标和三维坐标转换经纬度，根据经纬度生成地球

最近在做一个地球的东西，记录一下如何生成圆形publicfloatEarthRadius=50;publicGameObjecta,pra;//a为中心点bra为生成物体的父级privateintZoomLevel=3,interval=10;//地球精度经纬度间隔privatevoidIns(){for(inti=0;i-90;i--)//经纬度下半球{if(i%-interval==0){fo
高远-临客·2023-09-16 19:01

unity webgl开发踩坑——从开发、发布到优化

目录前言环境unitywebgl的一些注意点videoplayer修改——》VideoPlayerWebGL插件text修改——解决不能显示汉字问题制作、读取ab包unityaudioclip减小建议减小包体全过程记录
xiaoLongww·2023-09-15 23:48

使用Chrome开发工具调试Canvas

不管你是使用2D还是WebGL，任何用过的人都知道很难调试，使用Canvas通常需要长长的难以跟踪的调用列表functiondraw(){context.clearRect(0,0,258,258);context.fillStyle
叁弦·2023-09-15 20:04

实时渲染新技术能给业主带来哪些价值？点量云

目前在数字孪生三维可视化项目领域，本地部署和Webgl方案是使用比较多的。本地部署方案，根据项目的需要配备几台高性能电脑，在电脑上安装相应的三维可视化模型即可，通常使用的频率不是很高。
点量云实时渲染-小芹·2023-09-15 18:47

轻松上手Three.js：JavaScript 3D库指南

与WebGL不同，开发人员在使用Three.js进行开发时，无须掌握高深的图形学知识，只需使用少量JavaScript代码即可创建出一个3D场景。
衍生星球·2023-09-15 07:05

DasViewer可以设置打开指定文件吗？

工具里面选择坐标转换，输入源数据，设置好源坐标和目标坐标以及路径。根据两张坐标系的性质选择转换方式。
大势智慧·2023-09-15 00:33

ThreeJS – 如何提升three.js的渲染效果

1THREE.WebGLRenderer的参数设置THREE.WebGLRenderer对象的参数设置非常影响渲染效果要想获得比较好的渲染效果，对THREE.WebGLRenderer可进行以下参数设置
奇怪的点·2023-09-14 14:59

mysql如何实现根据经纬度判断某一个坐标是否在一个多边形区域范围内

可以使用ST_GeomFromText函数将多边形的坐标转换为地理空间对象。我们给他插入两条数据，默认id第一条为1，第二条id为2。
网恋奔现被割篮子·2023-09-14 13:35

gps坐标转换为高德坐标

问题:后端给的gps,前端用高德地图渲染,绘制出来的轨迹有偏移,没有在道路上1.坐标系转换方法一地址:https://blog.csdn.net/weixin_34049948/article/details/90619608varWGS84_to_GCJ02=function(){}WGS84_to_GCJ02.prototype.a=6378245.0;WGS84_to_GCJ02.proto
一只开心鸭！·2023-09-13 19:59

【Cesium创造属于你的地球】实现地球展示、灵活进行坐标转换、视角切换

大家好，我是AIC山鱼！这是我的主页作为CSDN博主和前端优质创作者✍，我致力于为大家带来新颖、脱俗且有趣的内容。我还创建了山鱼社区，这是一个独特的社区，为大家提供了一个交流和分享的空间。在山鱼社区中，我推出了一个名为"松鼠计划"的活动，这是一个不断更新的活动，旨在将有趣、有启发性的书籍送给社区成员已经参加活动的人。我相信通过阅读和知识的分享，我们可以拓宽视野、激发思维，并获得更多的启示总之，我是
Aic山鱼·2023-09-13 14:29

gcoord.js坐标转换

gcoordgcoord主要解决了两个问题能将坐标在不同坐标系下相互转换能够处理GeoJSONGeoJSON是地理行业一种通用的数据格式，它本质上就是JSON，不过对字段有一些约定。gcoord使用起来非常简单例如从手机的GPS得到一个经纬度坐标，需要将其展示在百度地图上，则可以通过gcoord将当前坐标从WGS-84坐标系转换为BD-09坐标系varresult=gcoord.transform
D_Jiffy·2023-09-13 07:33

MATLAB画频率响应曲线（幅频特性和相频特性）并将横坐标转换为赫兹hz单位

matlab画频率响应曲线的函数为：[h,w]=freqz(b,a,n)b,a：传递函数系数h：频率响应w：角频率，0~π更多参数解释参考官方链接https://ww2.mathworks.cn/help/signal/ref/freqz.html?requesteddomain=true用freqz画频率响应曲线的一个例子：绘制如下系统的频响曲线：H(z)=(1-0.5z^-1)B=[1-0.5
Mr.Jcak·2023-09-13 05:40

Cesium常用坐标转换

常用坐标转换APIAPI说明Cesium.Cartographic.fromCartesian(cartesian,ellipsoid,result)笛卡尔转弧度Cesium.Cartographic.fromDegrees
張小魚·2023-09-12 16:49

Mars3D认识与理解

Mars3d三维可视化平台是火星科技(opensnewwindow)http://marsgis.cn/研发的一款基于WebGL技术实现的三维客户端开发平台，基于Cesium（CesiumJS–Cesiumhttps
棉棉11111111111·2023-09-12 12:23

跨平台游戏引擎 Axmol-2.0.0 正式发布

下载https://github.com/axmolengine/axmol/releases/tag/v2.0.0更新日志添加实验性的WebAssembly构建支持(WebGL2.0)，由@nowasm
一线灵·2023-09-12 08:18

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

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

Java项目中遇到uv坐标如何转换成经纬度坐标

以下是一个简单的示例，演示如何将UV坐标转换为经纬度坐标，假设已知参考点的经纬度坐标和UV坐标的比例关系：//已知的参考点的经纬度坐标doublereferenceLatitude=4
wpw5499·2023-09-12 01:50

plt函数显示图片 & 在图片上画边界框 & 边界框坐标转换

一.读取图片并显示图片%matplotlibinlineimporttorchfromd2limporttorchasd2l'''读取图片'''image_path='../data/images/cat_dog_new.jpg'#创建画板figure=d2l.set_figsize()image=d2l.plt.imread(image_path)d2l.plt.imshow(image);二.
computer_vision_chen·2023-09-11 17:46

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

autoware.ai感知随笔--地面滤波

autwoware.ai中点云预处理–points_preprocessorpoints_preprocessorcloud_transformer:点云坐标转换,将输入的点云转化为velodyne坐标系下的点云
lsyhaoshuai·2023-09-11 12:14

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

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

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

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
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他