大家好~我开设了“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. jdk10的var局部变量类型推理

    注:本人参考了openjdk官网,由于openjdk是开源的,所以不存在侵权行为,本章只为学习,我觉得没有什么比官网更具有话语权 1.jdk10的var的类型推测:就是这种处理将仅限于具有初始值设定项 ...

  2. .NET Conf 2023 Chengdu - 成都站圆满结束！

    今年的.NET Conf 2023,中国区首次有两个会场举办Local Event,成都会场已于上周六12月9日圆满结束. 本次成都会场共计100+余名.NET开发者报名参与,共计10+名志愿者参与筹 ...

  3. 聊一聊 .NET高级调试 内核模式堆泄露

    一:背景 1. 讲故事 前几天有位朋友找到我,说他的机器内存在不断的上涨,但在任务管理器中查不出是哪个进程吃的内存,特别奇怪,截图如下: 在我的分析旅程中都是用户态模式的内存泄漏,像上图中的异常征兆已 ...

  4. SpringBoot测试用例的一些小技巧~

    场景一:不想因为测试而对数据库产生脏数据 @Test public void testInsert() { User user = new User(); user.setUsername(" ...

  5. 有一个正整数N可以分解成若干个正整数之和，问如何分解能使这些数的乘积最大？

    这可真是个有意思的问题,之前好像在刷题的时候也碰到过类似的问题 问题的解决是:我们由均值不等式可以知道,当每个数相等的时候,有乘积最大. 那么所以实际上就是将这个数均分,假如正整数N为 k,假设分成n ...

  6. Vue学习笔记-快速入门

    整体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  7. Rust实现线段树和懒标记

    参考各家代码,用Rust实现了线段树和懒标记. 由于使用了泛型,很多操作都要用闭包自定义实现. 看代码. // 线段树定义 pub struct SegmentTree<T: Clone> ...

  8. 微信现金红包开发 PHP

    第一次在cnblogs发文章 微信商家后台-现金红包开发 sdk <?php class wxPay { //配置参数信息 const SHANGHUHAO = "1430998xxx ...

  9. adobe全家桶破解网站

    原文链接:https://baiyunju.cc/8602 总有一些国内.外的大神在破解Adobe全家桶软件,包括Windows.Mac系统最新版的2021.2022版PS.AI.PR.PL.ME.I ...

  10. Mysql性能优化这5点你知道吗？简单却容易被初学者忽略！

    Mysql性能优化这5点你知道吗?简单却容易被初学者忽略! 文编|JavaBuild 哈喽,大家好呀!我是JavaBuild,以后可以喊我鸟哥,嘿嘿!俺滴座右铭是不在沉默中爆发,就在沉默中灭亡,一起加 ...