第 03 课 · 练习 08 · ⭐⭐⭐

宽画布圆形拉伸与修复

关闭修正时出现椭圆;开启后按屏幕像素看是真圆。

照着做

  1. 点击页面的宽高比开关;uResolution 来自画布实际像素尺寸。
  2. 缩窄窗口重新观察;确认开关效果跟随画布尺寸更新。
  3. 给修正后的圆增加像素稳定的柔边。

完整说明和验收步骤见本目录 README.md;主要改动从 shader.frag、shader.vert 或 main.js 开始。