大家好~我开设了“WebGPU光追引擎基础课”的线上课程，从0开始，在课上带领大家现场写代码，使用WebGPU开发基础的光线追踪引擎

课程重点在于基于GPU并行计算，实现BVH构建和遍历

本课程使用自主开发的Meta3D低代码开发平台来开发和共享老师和学生的代码，方便大家自由分享

线上课程资料：

本节课录像回放

扫码加QQ群，获得ppt等资料，与群主交流讨论：

本系列文章为线上课程的复盘，每上完一节课就会同步发布对应的文章

本文为第一节课：课程介绍的复盘文章

本课程系列文章可进入索引查看：

WebGPU光追引擎基础课系列文章索引

为什么要学习本课

详见：WebGPU带来的可能性

教学方式

  • 本课程属于工程实践，偏重于代码实现而不是理论
  • 部分课程的代码由老师实现，给同学讲解
  • 其余课程的代码由同学在老师的引导下，在上课时自己实现

技术栈

  • Typescript

    用于Demo开发
  • Rescript

    用于引擎开发

    Rescript的学习资料为：

    官方文档

课程特色

  • 从0开始
  • 零基础上手学习
  • 实战开发，现场写代码
  • 基于光线追踪
  • 侧重于GPU端实现
  • 代码在公开的Meta3D平台上共享

学员收益

  • 了解WebGPU
  • 学习GPU并行计算
  • 学习BVH实现
  • 了解光线追踪
  • 了解引擎开发
  • 获得公开共享的代码

课程大纲

一、全局纵览

  • 课程介绍
  • 介绍光线投射
  • 使用WebGPU绘制三角形
  • 使用Meta3D实现“绘制三角形”

二、Demo实现

  • 渲染数十万3D物体
  • 渲染百万级2D物体
  • 实现GPU冒泡排序
  • 实现GPU Parallel Reduction
  • 使用Ray Packet优化BVH遍历
  • 实现GPU Prefix Sum
  • 实现GPU基数排序
  • 基于PLOC算法实现GPU构造BVH
  • 实现GPU LOD
  • 实现直接光源采样的路径追踪
  • 优化Shadow Ray遍历BVH
  • 实现完美镜面反射
  • 优化Reflect Ray遍历BVH
  • 加上基于深度学习的降噪

三、引擎开发

  • 封装光追管线
  • 实现Material
  • 封装光追渲染
  • 组合为引擎

四、引擎应用

  • 渲染2D场景
  • 渲染3D场景

相关的学习资源

WebGPU光追引擎基础课：课程介绍的更多相关文章

  1. 如何用WebGPU流畅渲染千万级2D物体：基于光追管线

    大家好~我们已经实现了百万级2D物体的流畅渲染,不过是基于计算管线实现的.本文在它的基础上,改为基于光追管线实现,主要进行了CPU和GPU端内存的优化,成功地将渲染的2D物体数量由4百万提高到了2千万 ...

  2. Fixflow引擎解析(一)(介绍) - Fixflow开源流程引擎介绍

    Fixflow引擎解析(四)(模型) - 通过EMF扩展BPMN2.0元素 Fixflow引擎解析(三)(模型) - 创建EMF模型来读写XML文件 Fixflow引擎解析(二)(模型) - BPMN ...

  3. 优雅智慧女性课程班 - 公开课程 - 课程介绍 - 中国人民大学商学院EDP中心

    优雅智慧女性课程班 - 公开课程 - 课程介绍 - 中国人民大学商学院EDP中心 优雅智慧女性课程班 课程总览 思想睿智成熟,外表美丽自信,气质优雅端庄,是魅力女性所应具备的特性.在当今不确定环境下, ...

  4. DRDS分布式SQL引擎—执行计划介绍

    摘要: 本文着重介绍 DRDS 执行计划中各个操作符的含义,以便用户通过查询计划了解 SQL 执行流程,从而有针对性的调优 SQL. DRDS分布式SQL引擎 — 执行计划介绍 前言 数据库系统中,执 ...

  5. Vue+koa2开发一款全栈小程序(1.课程介绍+2.ES6入门）

    1.课程介绍 1.课程概述 1.做什么? Vue+koa2开发一款全栈小程序 2.哪些功能? 个人中心.图书列表.图书详情.图书评论.个人评论列表 3.技术栈 小程序.Vue.js.koa2.koa- ...

  6. 爬虫--Scrapy框架课程介绍

    Scrapy框架课程介绍: 框架的简介和基础使用 持久化存储 代理和cookie 日志等级和请求传参 CrawlSpider 基于redis的分布式爬虫 一scrapy框架的简介和基础使用 a)    ...

  7. web安全之SQL注入--第一章 课程介绍

    课程介绍1.什么是SQL注入?2.如何寻找SQL注入漏洞?3.如何进行sql注入攻击?4.如何预防sql注入5.课程总结

  8. python入门课程 第一章 课程介绍

    1-1 Python入门课程介绍特点:    优雅.明确.简单适合领域:    web网站和各种网络服务    系统工具和脚本    作为"胶水"语言把其他语言开发的模块包装起来方 ...

  9. 01.课程介绍 & 02.最小可行化产品MVP

    01.课程介绍 02.最小可行化产品MVP 产品开发过程 最小化和可用之间找到一个平衡点

  10. JS--- part6课程介绍 & part5复习

    part6 课程介绍 scroll系列:-----重点,每个属性是什么意思 封装scroll系列的相关的属性,固定导航栏案例---事件浏览器的滚动条事件--能够写出来 封装动画函数---缓动动画--- ...

随机推荐

  1. NCTF2022-Crypto WP

    superecc 题目 from Crypto.Util.number import * from secrets import INF, flag assert flag[:5] == b'nctf ...

  2. 快速认识什么是：Docker

    Docker,一种可以将软件打包到容器中并在任何环境中可靠运行的工具.但什么是容器以及为什么需要容器呢?今天就来一起学快速入门一下Docker吧!希望本文对您有所帮助. 假设您使用 Cobol 构建了 ...

  3. Python 潮流周刊第 30 期（摘要）

    本周刊由 Python猫 出品,精心筛选国内外的 250+ 信息源,为你挑选最值得分享的文章.教程.开源项目.软件工具.播客和视频.热门话题等内容.愿景:帮助所有读者精进 Python 技术,并增长职 ...

  4. linux内核initcall放置在各个section中函数执行流程

    前言 linux以及嵌入式一些代码,我们看到core_initcall.device_initcall等等需要链接器分配各个section,并且在启动该模块时候执行.下面我们详细追溯一下执行过程. 作 ...

  5. JavaFx之触发激发鼠标事件（二十三）

    JavaFx之触发激发鼠标事件(二十三) 有时候,我们不能直接触发/激发某个按钮的点击事件,因为发起方可能是子线程.使用屏幕点击又不优雅,javafx已经提供了事件的激发,即使在子线程中也能激发某个按 ...

  6. JavaScript apply、call、bind 函数详解

    apply和call apply和call非常类似,都是用于改变函数中this的指向,只是传入的参数不同,等于间接调用一个函数,也等于将这个函数绑定到一个指定的对象上: let name = 'win ...

  7. Blazor快速开发框架Known-V2.0.0

    Known2.0 Known是基于Blazor的企业级快速开发框架,低代码,跨平台,开箱即用,一处代码,多处运行. 官网:http://known.pumantech.com Gitee: https ...

  8. throws和try、catch有什么区别？throws如何使用？

    在Java中,异常处理是非常重要的一部分.当程序出现异常时,我们需要对其进行处理以确保程序的正确性和可靠性.Java提供了两种异常处理机制:throws和try.catch. 区别 throws和tr ...

  9. 让当前元素的width或者height达到父元素的尺寸

    double.infifinity 和double.maxFinite可以让当前元素的width或者height达到父元素的尺寸: 区别: 我想成为我的父母所允许的最大的(double.infinit ...

  10. 质效提升 ｜ 聊聊QA与业务测试

    上面一篇文章<质效提升 | QA不做业务需求测试,你怎么看>主要讨论的是QA 和业务需求测试相关的问题,文章发出后收到了很多小伙伴的反馈,这里把很多有意义的反馈放在下面,希望对你有用. 约 ...