首页 > 其他分享 >WebGPU All In One

WebGPU All In One

时间:2023-04-16 11:11:06浏览次数:58  
标签:lessons WebGPU https org webgpufundamentals webgpu

WebGPU All In One

https://webgpufundamentals.org/

https://github.com/gfxfundamentals/webgpufundamentals

image

WebGPU 基础知识

本文将尝试向你介绍 WebGPU 的基础知识。

在阅读本文之前,你应该已经了解 JavaScript。
映射数组、 解构赋值、 传播值、 async/await、 es6 模块等 概念 将被广泛使用。
如果你已经了解 WebGL,请阅读此。

https://webgpufundamentals.org/webgpu/lessons/webgpu-from-webgl.html

WebGPU 是一种 API,可让你执行 2 项基本操作

  1. 绘制三角形/点/线到纹理
  2. GPU 上运行计算

https://webgpufundamentals.org/webgpu/lessons/webgpu-fundamentals.html#a-drawing-triangles-to-textures
https://webgpufundamentals.org/webgpu/lessons/webgpu-fundamentals.html#a-run-computations-on-the-gpu

这就对了!
之后关于 WebGPU 的一切都由你决定。这就像学习一种计算机语言,如 JavaScript、Rust 或 C++。
首先,你学习基础知识,然后由你创造性地使用这些基础知识来解决你的问题。

WebGPU 是一个非常低级的 API。
虽然你可以制作一些小示例,但对于许多应用程序而言,它可能需要大量代码和一些严格的数据组织。
例如,支持 WebGPU 的three.js由约 600k 精简的 JavaScript 组成,而这只是它的基础库。
这不包括加载程序、控件、后处理和许多其他功能。

https://threejs.org/

关键是,如果你只想在屏幕上显示一些内容,最好选择一个提供大量代码的库,而这些代码是你自己编写的。
另一方面,也许你有自定义用例,或者你想要修改现有库,或者你可能只是好奇它是如何工作的。
在这些情况下,请继续阅读!

https://webgpufundamentals.org/webgpu/lessons/webgpu-fundamentals.html

(

标签:lessons,WebGPU,https,org,webgpufundamentals,webgpu
From: https://www.cnblogs.com/xgqfrms/p/17322331.html

相关文章

  • Chrome 发布首个 WebGPU 实现
    Chrome团队宣布,经过多年的开发,他们终于发布了WebGPU实现,目前已在Chrome113Beta中默认启用。WebGPU可用于在Web上进行高性能3D图形和数据并行计算。WebGPU初始版本可以在ChromeOS、macOS和Windows上使用,对其他平台的支持将于今年晚些时候推出。WebGPU是由......
  • 真实感渲染:WebGPU介绍和使用光栅化管线绘制一个三角形
    大家好~本课程为“真实感渲染”的线上课程,从0开始,介绍相关的图形学算法和数学基础,给出详细的数学推导、伪代码和实现代码,最终带领大家开发出基于物理的渲染器线上课程资料......
  • 为什么精通webgl、webgpu的人很少?
    为什么精通webgl、webgpu的人很少? 如题,更不用提webassembly了,是因为需求不够还是难度太大?显示全部 ​关注者153被浏览260,594关注问......
  • WebGPU光追引擎基础课:课程介绍
    大家好~我开设了“WebGPU光追引擎基础课”的线上课程,从0开始,在课上带领大家现场写代码,使用WebGPU开发基础的光线追踪引擎课程重点在于基于GPU并行计算,实现BVH构建和遍历......
  • WebGPU光追引擎基础课系列目录
    大家好~我开设了“WebGPU光追引擎基础课”的线上课程,从0开始,在课上带领大家现场写代码,使用WebGPU开发基础的光线追踪引擎课程重点在于基于GPU并行计算,实现BVH构建和遍历......
  • 在 WebGPU 中使用时间戳查询
    目录概述按步教学0.让浏览器具备时间戳查询功能1.创建Queryset和缓冲对象2.写入时间戳3.解析时间戳到缓冲对象中4.读取查询结果5.(可选)添加标签致谢原文https:......
  • 如何创建前端 WebGPU 项目?
    目录1.丐版HelloWebGPU①为什么是index.html②你这个代码为什么浏览器没有显示东西?③为什么你不用HTTP协议打开index.html2.我需要类型提示2.1.使用VSCode的......
  • WebGPU的计算着色器实现冒泡排序
    大家好~本文使用WebGPU的计算着色器,实现了奇偶排序。奇偶排序是冒泡排序的并行版本,在1996年由JKornerup提出。它解除了每轮冒泡间的串行依赖以及每轮冒泡内部的串行依赖,......