feat: motion blur now renders with the correct orientation

packages/core/shaders/moblur.glsl

@@ -2,12 +2,14 @@
 precision highp float;
 
 uniform highp sampler3D srcTex;
+uniform int canvasHeight;
 uniform int samples;
 
 out vec4 outColor;
 
 void main(){
  ivec2 texelCoord = ivec2(gl_FragCoord);
+ texelCoord.y = canvasHeight - 1 - texelCoord.y;
  vec4 total = vec4(0.0);
  for (int i = 0; i < samples; i++){
  total += texelFetch(srcTex, ivec3(texelCoord, i), 0);

packages/core/src/app/MoblurRenderer.ts

@@ -42,6 +42,7 @@ export class MoblurRenderer {
 
  private readonly computeContext: WebGL2RenderingContext;
  private readonly sumTexture: Texture;
+ private readonly heightUniformLoc: WebGLUniformLocation;
  private readonly sampleCountUniformLoc: WebGLUniformLocation;
  private sampleCount: number = 1;
  private duration: number = 1;
@@ -80,6 +81,7 @@ export class MoblurRenderer {
  )!;
  const program = WebGL.compileProgram(gl, vertexShader, moblurFS)!;
  const divSrcUniformLoc = gl.getUniformLocation(program, 'srcTex')!;
+ this.heightUniformLoc = gl.getUniformLocation(program, 'canvasHeight')!;
  this.sampleCountUniformLoc = gl.getUniformLocation(program, 'samples')!;
  this.sumTexture = this.getSumTexture(gl, 2);
  this.setupVertexBuffer(gl, program);
@@ -146,6 +148,7 @@ export class MoblurRenderer {
  canvas.width = size.x;
  canvas.height = size.y;
 
+ gl.uniform1i(this.heightUniformLoc, canvas.height);
  gl.uniform1i(this.sampleCountUniformLoc, this.sampleCount);
 
  //clear and resize gl contexts

packages/core/src/app/ProjectMetadata.ts

@@ -31,7 +31,8 @@ function createProjectMetadata(project: Project) {
  motionBlurSamples: new NumberMetaField('motion blur samples', 1)
  .setPresets([
  {value: 1, text: '1'},
- {value: 8, text: '8'},
+ {value: 8, text: '3'},
+ {value: 32, text: '8'},
  {value: 32, text: '32'},
  ])
  .setRange(1),