Clear first RC pass

Author: hmans

.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.

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"

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)}
       />