add glsl test

Author: hmthanh

package-lock.json

@@ -11,7 +11,8 @@
   },
   "devDependencies": {
     "prettier": "^3.5.3",
-    "vite": "^6.3.5"
+    "vite": "^6.3.5",
+    "vite-plugin-glsl": "^1.4.2"
   },
   "dependencies": {
     "@mediapipe/tasks-vision": "^0.10.22-rc.20250304"

package.json

@@ -0,0 +1,11 @@
+precision mediump float;
+
+uniform float uTime;
+uniform sampler2D uTexture;
+
+varying vec2 vUv;
+
+void main() {
+	vec4 texColor = texture2D(uTexture, vUv);
+	gl_FragColor = vec4(texColor.rgb, 1.0);
+}

test/fragment.glsl

@@ -19,6 +19,9 @@ import { Mesh } from "@/objects/Mesh"
 import { Color } from "@/math/Color"
 import { RawShaderMaterial } from "@/materials/RawShaderMaterial"
 
+import vertexShader from "./vertex.glsl"
+import fragmentShader from "./fragment.glsl"
+
 class CubeRotateSample {
 	constructor() {
 		this.scene = new Scene()
@@ -78,8 +81,8 @@ class CubeRotateSample {
 			// })
 			const geometry = new BoxGeometry(1, 1, 1)
 			const material = new RawShaderMaterial({
-				vertexShader: this.vertexShader(),
-				fragmentShader: this.fragmentShader(),
+				vertexShader: vertexShader,
+				fragmentShader: fragmentShader,
 				uniforms: this.uniforms,
 				side: DoubleSide,
 			})

test/test.js

@@ -0,0 +1,14 @@
+precision mediump float;
+
+uniform mat4 modelViewMatrix;
+uniform mat4 projectionMatrix;
+
+attribute vec3 position;
+attribute vec2 uv;
+
+varying vec2 vUv;
+
+void main() {
+	vUv = uv;
+	gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}

test/vertex.glsl

@@ -1,3 +1,4 @@
+import glsl from 'vite-plugin-glsl';
 import { resolve, dirname } from "path"
 import { fileURLToPath } from "url"
 import path from "path"
@@ -40,4 +41,5 @@ export default defineConfig({
 		exclude: [],
 	},
 	assetsInclude: ["**/*.wasm", "**/*.ktx2", "**/*.glb", "**/*.gltf", "**/*.png"],
+	plugins: [glsl()],
 })