Move Part 1 to its own directory

UL-FRI-LGM · Apr 18, 2023 · 5f37b72 · 5f37b72
1 parent dac9694
commit 5f37b72
Show file tree

Hide file tree

Showing 29 changed files with 30 additions and 44 deletions.
diff --git a/examples/01-basic/index.html → ...erence Implementation/Task 1.1/index.html b/examples/01-basic/index.html → ...erence Implementation/Task 1.1/index.html
@@ -2,12 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Basic setup</title>
-
-    <link rel="stylesheet" type="text/css" href="../../style.css">
-
     <script type="module" src="main.js"></script>
 </head>
 <body>

diff --git a/examples/01-basic/main.js → ...Reference Implementation/Task 1.1/main.js b/examples/01-basic/main.js → ...Reference Implementation/Task 1.1/main.js
diff --git a/examples/02-shaders/index.html → ...erence Implementation/Task 1.2/index.html b/examples/02-shaders/index.html → ...erence Implementation/Task 1.2/index.html
@@ -2,12 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Shaders</title>
-
-    <link rel="stylesheet" type="text/css" href="../../style.css">
-
     <script type="module" src="main.js"></script>
 </head>
 <body>

diff --git a/examples/02-shaders/main.js → ...Reference Implementation/Task 1.2/main.js b/examples/02-shaders/main.js → ...Reference Implementation/Task 1.2/main.js
diff --git a/examples/02-shaders/shader.wgsl → ...rence Implementation/Task 1.2/shader.wgsl b/examples/02-shaders/shader.wgsl → ...rence Implementation/Task 1.2/shader.wgsl
diff --git a/examples/03-interpolation/index.html → ...erence Implementation/Task 1.3/index.html b/examples/03-interpolation/index.html → ...erence Implementation/Task 1.3/index.html
@@ -2,12 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Interpolation</title>
-
-    <link rel="stylesheet" type="text/css" href="../../style.css">
-
     <script type="module" src="main.js"></script>
 </head>
 <body>

diff --git a/examples/03-interpolation/main.js → ...Reference Implementation/Task 1.3/main.js b/examples/03-interpolation/main.js → ...Reference Implementation/Task 1.3/main.js
diff --git a/examples/03-interpolation/shader.wgsl → ...rence Implementation/Task 1.3/shader.wgsl b/examples/03-interpolation/shader.wgsl → ...rence Implementation/Task 1.3/shader.wgsl
diff --git a/examples/04-separate/index.html → ...erence Implementation/Task 1.4/index.html b/examples/04-separate/index.html → ...erence Implementation/Task 1.4/index.html
@@ -2,12 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Separate attributes</title>
-
-    <link rel="stylesheet" type="text/css" href="../../style.css">
-
     <script type="module" src="main.js"></script>
 </head>
 <body>

diff --git a/examples/04-separate/main.js → ...Reference Implementation/Task 1.4/main.js b/examples/04-separate/main.js → ...Reference Implementation/Task 1.4/main.js
diff --git a/examples/04-separate/shader.wgsl → ...rence Implementation/Task 1.4/shader.wgsl b/examples/04-separate/shader.wgsl → ...rence Implementation/Task 1.4/shader.wgsl
diff --git a/examples/05-interleaved/index.html → ...erence Implementation/Task 1.5/index.html b/examples/05-interleaved/index.html → ...erence Implementation/Task 1.5/index.html
@@ -2,12 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Interleaved attributes</title>
-
-    <link rel="stylesheet" type="text/css" href="../../style.css">
-
     <script type="module" src="main.js"></script>
 </head>
 <body>

diff --git a/examples/05-interleaved/main.js → ...Reference Implementation/Task 1.5/main.js b/examples/05-interleaved/main.js → ...Reference Implementation/Task 1.5/main.js
diff --git a/examples/05-interleaved/shader.wgsl → ...rence Implementation/Task 1.5/shader.wgsl b/examples/05-interleaved/shader.wgsl → ...rence Implementation/Task 1.5/shader.wgsl
diff --git a/examples/06-indexed/index.html → ...erence Implementation/Task 1.6/index.html b/examples/06-indexed/index.html → ...erence Implementation/Task 1.6/index.html
@@ -2,12 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Indexed geometry</title>
-
-    <link rel="stylesheet" type="text/css" href="../../style.css">
-
     <script type="module" src="main.js"></script>
 </head>
 <body>

diff --git a/examples/06-indexed/main.js → ...Reference Implementation/Task 1.6/main.js b/examples/06-indexed/main.js → ...Reference Implementation/Task 1.6/main.js
diff --git a/examples/06-indexed/shader.wgsl → ...rence Implementation/Task 1.6/shader.wgsl b/examples/06-indexed/shader.wgsl → ...rence Implementation/Task 1.6/shader.wgsl
diff --git a/examples/08-textures/index.html → ...erence Implementation/Task 1.7/index.html b/examples/08-textures/index.html → ...erence Implementation/Task 1.7/index.html
@@ -2,14 +2,8 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Uniforms</title>
-
-    <link rel="stylesheet" type="text/css" href="../../style.css">
-
-    <script src="../../lib/dat.gui.min.js"></script>
-
+    <script src="../../../lib/dat.gui.min.js"></script>
     <script type="module" src="main.js"></script>
 </head>
 <body>

diff --git a/examples/07-uniforms/main.js → ...Reference Implementation/Task 1.7/main.js b/examples/07-uniforms/main.js → ...Reference Implementation/Task 1.7/main.js
diff --git a/examples/07-uniforms/shader.wgsl → ...rence Implementation/Task 1.7/shader.wgsl b/examples/07-uniforms/shader.wgsl → ...rence Implementation/Task 1.7/shader.wgsl
diff --git a/examples/08-textures/brick.png → ...ference Implementation/Task 1.8/brick.png b/examples/08-textures/brick.png → ...ference Implementation/Task 1.8/brick.png
diff --git a/examples/07-uniforms/index.html → ...erence Implementation/Task 1.8/index.html b/examples/07-uniforms/index.html → ...erence Implementation/Task 1.8/index.html
@@ -2,14 +2,8 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Uniforms</title>
-
-    <link rel="stylesheet" type="text/css" href="../../style.css">
-
-    <script src="../../lib/dat.gui.min.js"></script>
-
+    <script src="../../../lib/dat.gui.min.js"></script>
     <script type="module" src="main.js"></script>
 </head>
 <body>

diff --git a/examples/08-textures/main.js → ...Reference Implementation/Task 1.8/main.js b/examples/08-textures/main.js → ...Reference Implementation/Task 1.8/main.js
diff --git a/examples/08-textures/shader.wgsl → ...rence Implementation/Task 1.8/shader.wgsl b/examples/08-textures/shader.wgsl → ...rence Implementation/Task 1.8/shader.wgsl
diff --git a/Part 1/Reference Implementation/index.html b/Part 1/Reference Implementation/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="../../style.css">
+    <title>Part 1</title>
+</head>
+<body>
+    <div>
+        <h1>Part 1: Reference Implementation</h1>
+        <ul>
+            <li><a href="Task%201.1/">Task 1.1 - Set up the environment, initialize WebGPU, and clear the canvas</a></li>
+            <li><a href="Task%201.2/">Task 1.2 - Draw a triangle with hardcoded data</a></li>
+            <li><a href="Task%201.3/">Task 1.3 - Use interpolation to color the triangle</a></li>
+            <li><a href="Task%201.4/">Task 1.4 - Move vertex attributes from the shader to buffers</a></li>
+            <li><a href="Task%201.5/">Task 1.5 - Optimize memory access with interleaved attributes</a></li>
+            <li><a href="Task%201.6/">Task 1.6 - Optimize memory usage with an index buffer</a></li>
+            <li><a href="Task%201.7/">Task 1.7 - Translate the triangle with uniform variables</a></li>
+            <li><a href="Task%201.8/">Task 1.8 - Apply a texture to the triangle</a></li>
+        </ul>
+    </div>
+</body>
+</html>
diff --git a/Part 2/Reference Implementation/index.html b/Part 2/Reference Implementation/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <link rel="stylesheet" href="../../style.css">
     <title>Part 2</title>
 </head>
 <body>

diff --git a/Part 3/Reference Implementation/index.html b/Part 3/Reference Implementation/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <link rel="stylesheet" href="../../style.css">
     <title>Part 3</title>
 </head>
 <body>

diff --git a/Part 4/Reference Implementation/index.html b/Part 4/Reference Implementation/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <link rel="stylesheet" href="../../style.css">
     <title>Part 4</title>
 </head>
 <body>

diff --git a/reference-implementations.html b/reference-implementations.html
@@ -2,12 +2,14 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <link rel="stylesheet" href="style.css">
     <title>Reference Implementations</title>
 </head>
 <body>
     <div>
         <h1>Reference Implementations</h1>
         <ul>
+            <li><a href="Part%201/Reference%20Implementation/">Part 1</a></li>
             <li><a href="Part%202/Reference%20Implementation/">Part 2</a></li>
             <li><a href="Part%203/Reference%20Implementation/">Part 3</a></li>
             <li><a href="Part%204/Reference%20Implementation/">Part 4</a></li>