z index

jerzakm · Mar 6, 2024 · bd13c41 · bd13c41
1 parent 564494d
commit bd13c41
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/apps/playground/src/routes/instanced-sprite-bunny-mark/bunny.ts b/apps/playground/src/routes/instanced-sprite-bunny-mark/bunny.ts
@@ -80,6 +80,7 @@ export const initBunnies = async (renderer: WebGLRenderer, scene: Scene, count:
 
 	const positionX: number[] = new Array(count).fill(0);
 	const positionY: number[] = new Array(count).fill(0);
+	const zIndex: number[] = new Array(count).fill(0);
 
 	const speedX: number[] = new Array(count).fill(0);
 	const speedY: number[] = new Array(count).fill(0);
@@ -97,6 +98,7 @@ export const initBunnies = async (renderer: WebGLRenderer, scene: Scene, count:
 		for (let i = 0; i < count; i++) {
 			positionX[i] = 0;
 			positionY[i] = 0;
+			zIndex[i] = -Math.random() * 10;
 
 			speedX[i] = Math.random() * 10;
 			speedY[i] = Math.random() * 10 - 5;
@@ -138,7 +140,7 @@ export const initBunnies = async (renderer: WebGLRenderer, scene: Scene, count:
 			}
 
 			for (let i = 0; i < count; i++) {
-				updatePosition(i, [positionX[i], positionY[i], 0]);
+				updatePosition(i, [positionX[i], positionY[i], zIndex[i]]);
 			}
 		};
 		sprite.update();

diff --git a/apps/playground/src/routes/instanced-sprite-bunny-mark/demon.ts b/apps/playground/src/routes/instanced-sprite-bunny-mark/demon.ts
@@ -66,6 +66,7 @@ export const initDemons = async (renderer: WebGLRenderer, scene: Scene, count: n
 
 	const positionX: number[] = new Array(count).fill(0);
 	const positionY: number[] = new Array(count).fill(0);
+	const zIndex: number[] = new Array(count).fill(0);
 
 	const speedX: number[] = new Array(count).fill(0);
 	const speedY: number[] = new Array(count).fill(0);
@@ -79,6 +80,7 @@ export const initDemons = async (renderer: WebGLRenderer, scene: Scene, count: n
 		for (let i = 0; i < count; i++) {
 			positionX[i] = 0;
 			positionY[i] = 0;
+			zIndex[i] = -Math.random() * 10;
 
 			speedX[i] = Math.random() * 10;
 			speedY[i] = Math.random() * 10 - 5;
@@ -125,7 +127,7 @@ export const initDemons = async (renderer: WebGLRenderer, scene: Scene, count: n
 			}
 
 			for (let i = 0; i < count; i++) {
-				updatePosition(i, [positionX[i], positionY[i], 0]);
+				updatePosition(i, [positionX[i], positionY[i], zIndex[i]]);
 			}
 		};