Move assets to public folder so the code is more idomatic

webgpu · Oct 28, 2023 · d783f79 · d783f79
1 parent 7349a25
commit d783f79
Show file tree

Hide file tree

Showing 20 changed files with 14 additions and 50 deletions.
diff --git a/assets/img/Di-3d.png → public/assets/img/Di-3d.png b/assets/img/Di-3d.png → public/assets/img/Di-3d.png
diff --git a/assets/img/cubemap/negx.jpg → public/assets/img/cubemap/negx.jpg b/assets/img/cubemap/negx.jpg → public/assets/img/cubemap/negx.jpg
diff --git a/assets/img/cubemap/negy.jpg → public/assets/img/cubemap/negy.jpg b/assets/img/cubemap/negy.jpg → public/assets/img/cubemap/negy.jpg
diff --git a/assets/img/cubemap/negz.jpg → public/assets/img/cubemap/negz.jpg b/assets/img/cubemap/negz.jpg → public/assets/img/cubemap/negz.jpg
diff --git a/assets/img/cubemap/posx.jpg → public/assets/img/cubemap/posx.jpg b/assets/img/cubemap/posx.jpg → public/assets/img/cubemap/posx.jpg
diff --git a/assets/img/cubemap/posy.jpg → public/assets/img/cubemap/posy.jpg b/assets/img/cubemap/posy.jpg → public/assets/img/cubemap/posy.jpg
diff --git a/assets/img/cubemap/posz.jpg → public/assets/img/cubemap/posz.jpg b/assets/img/cubemap/posz.jpg → public/assets/img/cubemap/posz.jpg
diff --git a/assets/img/cubemap/readme.txt → public/assets/img/cubemap/readme.txt b/assets/img/cubemap/readme.txt → public/assets/img/cubemap/readme.txt
diff --git a/assets/img/moon.jpg → public/assets/img/moon.jpg b/assets/img/moon.jpg → public/assets/img/moon.jpg
diff --git a/assets/img/saturn.jpg → public/assets/img/saturn.jpg b/assets/img/saturn.jpg → public/assets/img/saturn.jpg
diff --git a/assets/img/webgpu.png → public/assets/img/webgpu.png b/assets/img/webgpu.png → public/assets/img/webgpu.png
diff --git a/assets/video/pano.webm → public/assets/video/pano.webm b/assets/video/pano.webm → public/assets/video/pano.webm
diff --git a/src/sample/cameras/main.ts b/src/sample/cameras/main.ts
@@ -128,9 +128,7 @@ const init: SampleInit = async ({ canvas, pageState, gui }) => {
   // Fetch the image and upload it into a GPUTexture.
   let cubeTexture: GPUTexture;
   {
-    const response = await fetch(
-      new URL('../../../assets/img/Di-3d.png', import.meta.url).toString()
-    );
+    const response = await fetch('/assets/img/Di-3d.png');
     const imageBitmap = await createImageBitmap(await response.blob());
 
     cubeTexture = device.createTexture({

diff --git a/src/sample/cubemap/main.ts b/src/sample/cubemap/main.ts
@@ -107,30 +107,12 @@ const init: SampleInit = async ({ canvas, pageState }) => {
   {
     // The order of the array layers is [+X, -X, +Y, -Y, +Z, -Z]
     const imgSrcs = [
-      new URL(
-        `../../../assets/img/cubemap/posx.jpg`,
-        import.meta.url
-      ).toString(),
-      new URL(
-        `../../../assets/img/cubemap/negx.jpg`,
-        import.meta.url
-      ).toString(),
-      new URL(
-        `../../../assets/img/cubemap/posy.jpg`,
-        import.meta.url
-      ).toString(),
-      new URL(
-        `../../../assets/img/cubemap/negy.jpg`,
-        import.meta.url
-      ).toString(),
-      new URL(
-        `../../../assets/img/cubemap/posz.jpg`,
-        import.meta.url
-      ).toString(),
-      new URL(
-        `../../../assets/img/cubemap/negz.jpg`,
-        import.meta.url
-      ).toString(),
+      '/assets/img/cubemap/posx.jpg',
+      '/assets/img/cubemap/negx.jpg',
+      '/assets/img/cubemap/posy.jpg',
+      '/assets/img/cubemap/negy.jpg',
+      '/assets/img/cubemap/posz.jpg',
+      '/assets/img/cubemap/negz.jpg',
     ];
     const promises = imgSrcs.map(async (src) => {
       const response = await fetch(src);

diff --git a/src/sample/imageBlur/main.ts b/src/sample/imageBlur/main.ts
@@ -64,9 +64,7 @@ const init: SampleInit = async ({ canvas, pageState, gui }) => {
     minFilter: 'linear',
   });
 
-  const response = await fetch(
-    new URL('../../../assets/img/Di-3d.png', import.meta.url).toString()
-  );
+  const response = await fetch('/assets/img/Di-3d.png');
   const imageBitmap = await createImageBitmap(await response.blob());
 
   const [srcWidth, srcHeight] = [imageBitmap.width, imageBitmap.height];

diff --git a/src/sample/particles/main.ts b/src/sample/particles/main.ts
@@ -185,9 +185,7 @@ const init: SampleInit = async ({ canvas, pageState, gui }) => {
   let textureHeight = 1;
   let numMipLevels = 1;
   {
-    const response = await fetch(
-      new URL('../../../assets/img/webgpu.png', import.meta.url).toString()
-    );
+    const response = await fetch('/assets/img/webgpu.png');
     const imageBitmap = await createImageBitmap(await response.blob());
 
     // Calculate number of mip levels required to generate the probability map

diff --git a/src/sample/renderBundles/main.ts b/src/sample/renderBundles/main.ts
@@ -118,9 +118,7 @@ const init: SampleInit = async ({ canvas, pageState, gui, stats }) => {
   // Fetch the images and upload them into a GPUTexture.
   let planetTexture: GPUTexture;
   {
-    const response = await fetch(
-      new URL('../../../assets/img/saturn.jpg', import.meta.url).toString()
-    );
+    const response = await fetch('/assets/img/saturn.jpg');
     const imageBitmap = await createImageBitmap(await response.blob());
 
     planetTexture = device.createTexture({
@@ -140,9 +138,7 @@ const init: SampleInit = async ({ canvas, pageState, gui, stats }) => {
 
   let moonTexture: GPUTexture;
   {
-    const response = await fetch(
-      new URL('../../../assets/img/moon.jpg', import.meta.url).toString()
-    );
+    const response = await fetch('/assets/img/moon.jpg');
     const imageBitmap = await createImageBitmap(await response.blob());
 
     moonTexture = device.createTexture({

diff --git a/src/sample/texturedCube/main.ts b/src/sample/texturedCube/main.ts
@@ -110,9 +110,7 @@ const init: SampleInit = async ({ canvas, pageState }) => {
   // Fetch the image and upload it into a GPUTexture.
   let cubeTexture: GPUTexture;
   {
-    const response = await fetch(
-      new URL('../../../assets/img/Di-3d.png', import.meta.url).toString()
-    );
+    const response = await fetch('/assets/img/Di-3d.png');
     const imageBitmap = await createImageBitmap(await response.blob());
 
     cubeTexture = device.createTexture({

diff --git a/src/sample/videoUploading/main.ts b/src/sample/videoUploading/main.ts
@@ -9,10 +9,7 @@ const init: SampleInit = async ({ canvas, pageState, gui }) => {
   video.loop = true;
   video.autoplay = true;
   video.muted = true;
-  video.src = new URL(
-    '../../../assets/video/pano.webm',
-    import.meta.url
-  ).toString();
+  video.src = '/assets/video/pano.webm';
   await video.play();
 
   const adapter = await navigator.gpu.requestAdapter();

diff --git a/src/sample/videoUploadingWebCodecs/main.ts b/src/sample/videoUploadingWebCodecs/main.ts
@@ -9,10 +9,7 @@ const init: SampleInit = async ({ canvas, pageState, gui }) => {
   video.loop = true;
   video.autoplay = true;
   video.muted = true;
-  video.src = new URL(
-    '../../../assets/video/pano.webm',
-    import.meta.url
-  ).toString();
+  video.src = '/assets/video/pano.webm';
   await video.play();
 
   const adapter = await navigator.gpu.requestAdapter();