随笔分类 -  图形

WebGL 与 WebGPU 比对[1] 前奏
摘要：这篇讲讲历史，不太适合直奔主题的朋友们。 1 为什么是 WebGPU 而不是 WebGL 3.0 你若往 Web 图形技术的底层去深究，一定能追溯到上个世纪 90 年代提出的 OpenGL 技术，也一定能看到，WebGL 就是基于 OpenGL ES 做出来的这些信息。OpenGL 在那个显卡羸弱的 阅读全文
posted @ 2022-01-15 03:20 岭南灯火 阅读(4139) 评论(2) 推荐(4)
[译] 如何使用 WebGL 技术进行风力地图可视化
摘要：翻译：@四季留歌 部分翻译。原文：https://blog.mapbox.com/how-i-built-a-wind-map-with-webgl-b63022b5537f 如果使用 CPU 进行风向可视化: 慢 有很多风力可视化在线网站，最出名的莫过于 earth.nullschool.net。 阅读全文
posted @ 2021-08-11 22:10 岭南灯火 阅读(2372) 评论(1) 推荐(0)
WebGPU[5] uniform颜色
摘要：代码见：https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/05-uniform-color 原创，发布日 2021年4月6日，更新日 2021年5月6日，@秋意正寒。若代码失效请留言，或自行到官网根据最新 API 修改 阅读全文
posted @ 2021-04-06 08:53 岭南灯火 阅读(402) 评论(0) 推荐(0)
WebGPU[4] 纹理三角形
摘要：代码见：https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/04-texture-triangle 原创，发布日 2021年4月5日，更新日 2021年5月6日，@秋意正寒。若代码失效请留言，或自行到官网根据最新 API 阅读全文
posted @ 2021-04-05 02:56 岭南灯火 阅读(555) 评论(0) 推荐(0)
WebGPU[3] 多重采样抗锯齿
摘要：代码见：https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/03-msaa 更新日 2021年5月6日 指定重采样次数为 4 次，测试中除了 1 和 4 其他均不支持（可能是我没找对方法）。 const sampleTi 阅读全文
posted @ 2021-04-02 09:21 岭南灯火 阅读(599) 评论(0) 推荐(0)
WebGPU[2] 颜色与缓存
摘要：代码见：https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/02-buffer%26color 创建buffer 与 WebGL 的 gl.createBuffer() 几乎一样。 const vbodata = new 阅读全文
posted @ 2021-03-31 18:42 岭南灯火 阅读(344) 评论(0) 推荐(0)
WebGPU[0] 目录
摘要：此系列是试错笔记，并非教程。 WebGPU[1] 三角形 WebGPU[2] 颜色与缓存 WebGPU[3] 多重采样抗锯齿 WebGPU[4] 纹理三角形 WebGPU[5] uniform颜色 使用 WGSL wgsl，即 WebGPU Shader Language，专为 WebGPU 设计 阅读全文
posted @ 2021-03-31 16:54 岭南灯火 阅读(605) 评论(0) 推荐(1)
WebGPU[1] 三角形
摘要：代码见: https://github.com/onsummer/my-dev-notes/tree/master/webgpu-Notes/01-triangle 如果本篇的代码不能跑了，请联系我或自己看看文档试试修改。 发布日：2021年3月31日；更新日 2021年5月6日 入口：naviga 阅读全文
posted @ 2021-03-31 16:52 岭南灯火 阅读(1001) 评论(0) 推荐(0)