3D rendering

.gitattributes

@@ -2,3 +2,4 @@ core/world/data/base.json filter=lfs diff=lfs merge=lfs -text
 assets/**/*.png filter=lfs diff=lfs merge=lfs -text
 assets/**/*.wav filter=lfs diff=lfs merge=lfs -text
 assets/**/*.jpg filter=lfs diff=lfs merge=lfs -text
+assets/**/*.glb filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -10,4 +10,6 @@
 !.husky
 dist
 node_modules
-TODO
+TODO
+*.bundled.*
+storybook-static

.storybook/main.js

@@ -1,10 +1,12 @@
 import custom from "../webpack.config.ts";
+import HtmlWebpackPlugin from "html-webpack-plugin";
 
 module.exports = {
   stories: [
     "../stories/**/*.stories.mdx",
     "../stories/**/*.stories.@(js|jsx|ts|tsx)",
     "../ui/**/*.stories.tsx",
+    "../ogl-engine/**/*.stories.tsx",
   ],
   addons: [
     "@storybook/addon-links",
@@ -20,6 +22,7 @@ module.exports = {
       ...config,
       module: {
         ...config.module,
+
         rules: [
           ...config.module.rules.filter(({ test }) =>
             test ? !test.toString().includes(".css") : true
@@ -31,7 +34,12 @@ module.exports = {
         ...config.resolve,
         plugins: custom.resolve.plugins,
       },
-      plugins: [...config.plugins, ...custom.plugins],
+      plugins: [
+        ...config.plugins,
+        ...custom.plugins.filter(
+          (plugin) => !(plugin instanceof HtmlWebpackPlugin)
+        ),
+      ],
     };
   },
 };

.storybook/preview.js

@@ -1,9 +1,8 @@
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
   controls: {
     matchers: {
       color: /(background|color)$/i,
       date: /Date$/,
     },
   },
-}
+};

_templates/material/new/material.ejs.t

@@ -0,0 +1,27 @@
+---
+to: ogl-engine/materials/<%= name %>/<%= name %>.ts
+---
+
+import { Program } from "ogl";
+import type { Engine3D } from "@ogl-engine/engine/engine3d";
+import fragment from "./shader.frag.glsl";
+import vertex from "./shader.vert.glsl";
+import { Material } from "../material";
+
+export class <%= h.capitalize(name) %>Material extends Material {
+  uniforms: Material["uniforms"] & {
+
+  };
+
+  constructor(engine: Engine3D) {
+    super(engine);
+
+    this.program = new Program(engine.gl, {
+      vertex,
+      fragment,
+      uniforms: this.uniforms,
+    });
+
+    this.uniforms.
+  }
+}

_templates/material/new/shader.frag.ejs.t

@@ -0,0 +1,24 @@
+---
+to: ogl-engine/materials/<%= name %>/shader.frag.glsl
+---
+
+#version 300 es
+precision highp float;
+
+in vec2 vUv;
+
+out vec4 fragData[2];
+
+uniform sampler2D tMap;
+uniform vec3 uColor;
+uniform float fEmissive;
+
+void main() {
+    vec4 tex = texture(tMap, vUv);
+    if(tex.a < 0.1f) {
+        discard;
+    }
+
+    fragData[0] = tex * vec4(uColor, 1.0f);
+    fragData[1] = fragData[0] * fEmissive;
+}

_templates/material/new/shader.vert.ejs.t

@@ -0,0 +1,19 @@
+---
+to: ogl-engine/materials/<%= name %>/shader.vert.glsl
+---
+
+#version 300 es
+precision highp float;
+
+in vec3 position;
+in vec2 uv;
+
+out vec2 vUv;
+
+uniform mat4 modelViewMatrix;
+uniform mat4 projectionMatrix;
+
+void main() {
+    vUv = uv;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0f);
+}