作业2 PA02 有用的信息合集

[Arika Hoshino]

LUT介绍
https://lettier.github.io/3d-game-shaders-for-beginners/lookup-table.html

如何转化CUBE格式LUT到PNG文件
https://streamshark.io/obs-guide/converting-cube-3dl-lut-to-image

我他妈真看不懂这次作业怎么做，第一次接触glsl，慢慢做慢慢总结研究历程

This post has received 1 vote up.

[Arika Hoshino]

Games104 作业2【无限月读】
https://www.bilibili.com/video/BV1aZ4y1h7nE

bilibli用户“辞花与酒”的作业成果展示与思路

修改[rendering.global.json]加入图片
载入&初始化图片
添加后处理subpass
在pass中绑定input attachment，这里用了blend，需要在attachment state中指定blend mode
拓展ubo，将time/deltaTime作为自定义参数加入
将ubo作为Storage buffer dymanic在pass中绑定，注意更新perframe dynamic offset位置
新加vert shader，将uv (texcoord)作为参数传入frag shader
在shader中指定ubo的binding id并解析（注意vec4内存对齐）
其他————
因为editor的原因，uv需要做视口映射
防止radial blur采屏幕外像素，需要对sample uv做clamp

This post has received 2 votes up.

[Arika Hoshino]

第二次作业默认使用的 “asset/texture/lut/color_grading_lut_01.png”是一张256*16尺寸的lut图，每个小块的尺寸是16*16，按B值递增的顺序展开。
如图所示，第一个小块的左上角第一个像素，是输入颜色RGB = (0,0,0)时输出的颜色。第一个小块的右上角第一个像素，是输入颜色RGB = (255,0,0)时输出的颜色。第一个小块的左下角第一个像素，是输入颜色RGB = (0,255,0)时输出的颜色。第一个小块的右下角第一个像素，是输入颜色RGB = (255,255,0)时输出的颜色。第二个小块代表B=16时的情况，以此类推。
1024*32尺寸的lut图与256*16尺寸的类似。
256*256尺寸的lut图是按行优先折叠，越往下B值递增，同一行的情况下越往右B值递增。

by huanggaole

[Arika Hoshino]

修改完shader代码，可以单独运行工程里面的PilotShaderCompile单独编译shader代码，不用构建整个工程。shader没问题后在生成整个工程即可

by kitonc

[Arika Hoshino]

Overview of GLSL, the OpenGL Shading Language

[Arika Hoshino]

Grading tutorial
https://defold.com/tutorials/grading/

[qianhang]

刚开始还是一脸懵逼，看完终于知道怎么下手了

[Adiolph]

感谢分享，看了教程之后了解了不少知识！

[peterlin]

感恩楼主，现在就处于看不懂要干啥的阶段

[Author]

Posts