Clear first RC pass

hmans · Sep 16, 2022 · 679d934 · 679d934
1 parent 8d7108f
commit 679d934
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/nine-cycles-bake.md b/.changeset/nine-cycles-bake.md
@@ -0,0 +1,5 @@
+---
+"render-composer": patch
+---
+
+The first render pass did not have its clear flag set. This has been fixed.
diff --git a/apps/render-composer-examples/src/App.tsx b/apps/render-composer-examples/src/App.tsx
@@ -2,6 +2,7 @@ import { Animate } from "@hmans/r3f-animate"
 import { Environment, Loader, OrbitControls } from "@react-three/drei"
 import { Suspense, useState } from "react"
 import * as RC from "render-composer"
+import { bitmask } from "render-composer"
 import { Mesh, Object3D } from "three"
 
 const rotate = (o: Object3D, dt: number) => {
@@ -67,7 +68,7 @@ function App() {
               }}
             >
               <Animate fun={rotate}>
-                <mesh layers-mask={1 << 16}>
+                <mesh layers-mask={bitmask(RC.Layers.TransparentFX)}>
                   <icosahedronGeometry />
                   <meshStandardMaterial
                     color="#f1faee"

diff --git a/packages/render-composer/src/RenderPipeline.tsx b/packages/render-composer/src/RenderPipeline.tsx
@@ -34,6 +34,7 @@ export const RenderPipeline = ({ children }: RenderPipelineProps) => {
       <RC.LayerRenderPass
         camera={camera}
         scene={scene}
+        clear
         layerMask={camera.layers.mask & bitmask.not(Layers.TransparentFX)}
       />