大家好~我开设了“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. 快速认识什么是：Kubernetes

    每次谈到容器的时候,除了Docker之外,都会说起 Kubernetes,那么什么是 Kubernetes呢?今天就来一起学快速入门一下 Kubernetes 吧!希望本文对您有所帮助. Kubern ...

  2. [USACO2007NOVS] Best Cow Line S

    题目描述 Farmer John 打算带领 \(N\)(\(1 \leq N \leq 2\,000\))头奶牛参加一年一度的"全美农场主大奖赛".在这场比赛中,每个参赛者必须让他 ...

  3. Python 中 key 参数的含义及用法

    哈喽大家好,我是咸鱼 我们在使用 sorted() 或 map() 函数的时候,都会看到里面有一个 key 参数 其实这个 key 参数也存在于其他内置函数中(例如 min().max() 等),那么 ...

  4. 什么是 MySQL JDBC 连接池中最高效的连接检测语句？

    在回答这个问题之前,首先我们看看 MySQL 中有哪些常用的 JDBC 连接池: c3p0 DBCP Druid Tomcat JDBC Pool HikariCP 这些连接池中,c3p0 是一个老牌 ...

  5. Android联系人增删改查

    1:申请权限 <uses-permission android:name="android.permission.READ_CONTACTS"/> <uses-p ...

  6. 【Python】【OpenCV】【NumPy】图像和原始字节的转换

    学习完基础的图像算法,开始接触OpenCV学习: 灰度图中,一个像素点上的灰度级需要一个字节(byte,2^8,8 bit)进行存储,此时的灰度图是二维的.而当我们需要转换为彩色图时,即三维,便会产生 ...

  7. HTML之元素相对页面(视口)左上角的绝对坐标

    目录 一. 绝对位置 二. 相对位置 一. 绝对位置 网页元素的绝对位置,指该元素的左上角相对于整张网页左上角的坐标.无论网页滚动条如何滚动,它都是不会变化的. // 获取元素的绝对位置坐标(相对于页 ...

  8. ElasticSearch之Exists API

    检查指定名称的索引是否存在. 命令样例如下: curl -I "https://localhost:9200/testindex_002?pretty" --cacert $ES_ ...

  9. 隐匿自己的c2服务器（一）

    隐匿自己的c2服务器(一) 目录 隐匿自己的c2服务器(一) 服务器设置 安装java环境 启动设置 开启禁ping 微信机器人推送上线信息 ️‍端口特征修改 证书特征修改 流量特征修改 利用cdn加 ...

  10. Angular 集成 Material UI 后组件显示不正常 踩坑日记

    在使用了 npm 下载 Material 后, 项目不能正常使用 Material 组件, 随后又使用官方命令使用 Material 组件, 仍然不能正常使用 Material 组件. npm 命令 ...