webGL
文章平均质量分 61
夜跑者
目前从事web前端,小程序开发。熟悉vue框架,uni-app跨端框架。
展开
-
WebGL 绘制矩形
上一节绘制了圆点,调用的绘制方法如下:gl.drawArrays(gl.POINTS, 0, 1);这小节尝试一下 绘制单独线段、线条、闭合线条、三角带(可构成矩形)原创 2023-09-09 15:25:25 · 560 阅读 · 0 评论 -
WebGL 绘制圆点
这篇文章不说WebGL相关概念了,初学者先到网上看看WebGL相关概念。这里着重写一下在vue3前端框架下,如何通过webGL绘制圆点。原创 2023-08-24 18:36:22 · 3162 阅读 · 0 评论 -
掌握这些概念,不用担心看不懂OpenGL ES着色语言了
根据组成向量的分量数量,每个分量可以通过使用向量坐标{x, y, z, w}、颜色分量{r, g, b, a}、纹理坐标{s, t, p, q}三种方式访问。提供给我们进行编程的包括顶点着色器和片元着色器,它们都遵循着色语言语法,核心概念包括:向量、矩阵、变量、常量、运算符、采样器、布局限定符、精度限定符、插值限定符、输入输出限定符等。不同的是,矩阵有多行多列,用m*n表示,而向量只有一列或者一行。在平面着色中,图元中的值没有进行插值,而是将其中一个顶点视为驱动顶点,该顶点的值被用于图元的所有片段。转载 2023-08-24 18:15:01 · 137 阅读 · 0 评论 -
cesium 屏幕坐标转世界坐标的方法对比
2.getPickRay和pickEllipsoid的区别在于它返回的高是地形高度(当视高较大时获取的高程不准确),如果Cesium没有添加地形数据,则他返回的高为一个无效的负值,可以认为没有添加地形数据时两者没有区别。1.pickEllipsoid获得的是二维坐标,即高永远为0,当视高较大时(经测试,这个值大约为80万m),不严格为0,是一个很小的数。2.如果不需要拾取模型上的位置,添加了地形,建议使用getPickRay,没有添加地形使用pickEllipsoid。转载 2023-03-04 11:54:39 · 271 阅读 · 0 评论 -
vue项目采用vue-cli-plugin-cesium 插件集成cesium
通常情况下,我们要在 Vue 中使用 Cesium,首先要安装 Cesium,然后要在 vue-cli 的 webpack 配置很多东西,对一些有经验的人来说只不过麻烦些,但是对 Cesium 的初学者来说会很痛苦,因为没有使用过,也不知到要怎么配置,只能搜索网上的教程,一步一步踩坑。市面上的前端框架中,Vue+Cesium 可谓是最佳搭档,一般做 Cesium B 端产品的公司都会使用 Vue,所以后续内容都将基于 Vue。问题2:采用此插件的示例No01-init.vue 组件地球加载不出来。原创 2023-02-01 15:17:12 · 850 阅读 · 0 评论 -
webgl框架介绍以及webgl项目的技术选型问题
需要说明的是,普通的webgl项目性能是一定不如前端级框架的。为了项目和团队的健康,不要什么项目都选自己精通的技术,要选对的技术栈,选健康的解决方案。让我印象最深刻的就是前些天遇到一家专做交通规划的公司,选了一个不合适的技术栈全家桶,项目进行到中期整个技术部在填坑,填了2个月,最后决定重构、换栈。自大前端时代到来以后,硬件的给力,浏览器的发力,使得前端越来越硬气,开始尝试挑战分外之事,三维就是其中之一。技术选型是重中之重,应该是所有企业的共识,这不仅关于到当前项目的交付,也涉及到未来项目的生命线和前景。转载 2023-01-31 09:46:19 · 2253 阅读 · 1 评论