feat: add initial HTML, CSS, and assets for shader project

andres112 · Dec 26, 2024 · 0c4fb8d · 0c4fb8d
1 parent 9585f0a
commit 0c4fb8d
Show file tree

Hide file tree

Showing 9 changed files with 4,690 additions and 1 deletion.
diff --git a/21-shaders/dist/.gitkeep b/21-shaders/dist/.gitkeep
diff --git a/21-shaders/dist/assets/index-Fi76PK1B.css b/21-shaders/dist/assets/index-Fi76PK1B.css
@@ -0,0 +1 @@
+*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}
diff --git a/21-shaders/dist/assets/index-kardb8VX.js b/21-shaders/dist/assets/index-kardb8VX.js
diff --git a/21-shaders/dist/assets/index-kardb8VX.js.map b/21-shaders/dist/assets/index-kardb8VX.js.map
diff --git a/21-shaders/dist/index.html b/21-shaders/dist/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shaders</title>
+  <script type="module" crossorigin src="./assets/index-kardb8VX.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-Fi76PK1B.css">
+</head>
+<body>
+    <canvas class="webgl"></canvas>
+</body>
+</html>
diff --git a/21-shaders/dist/textures/flag-french.jpg b/21-shaders/dist/textures/flag-french.jpg
diff --git a/21-shaders/dist/textures/flag_swiss.png b/21-shaders/dist/textures/flag_swiss.png
diff --git a/21-shaders/src/script.js b/21-shaders/src/script.js
@@ -23,7 +23,7 @@ const scene = new THREE.Scene();
  * Textures
  */
 const textureLoader = new THREE.TextureLoader();
-const flagTexture = textureLoader.load('/textures/flag_swiss.png');
+const flagTexture = textureLoader.load('textures/flag_swiss.png');
 
 /**
  * Test mesh

diff --git a/21-shaders/vite.config.js b/21-shaders/vite.config.js
@@ -4,6 +4,7 @@ import glsl from 'vite-plugin-glsl'
 export default {
     root: 'src/', // Sources files (typically where index.html is)
     publicDir: '../static/', // Path from "root" to static assets (files that are served as they are)
+    base: './',
     server:
     {
         host: true, // Open to local network and display URL
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}