fix: fix engine bug

packages/effect/grass/shader/GrassVertexAttributeShader.ts

@@ -13,15 +13,16 @@ export let GrassVertexAttributeShader: string = /*wgsl*/ `
     }
 
     struct VertexOutput {
-        @location(0) varying_UV0: vec2<f32>,
-        @location(1) varying_UV1: vec2<f32>,
-        @location(2) varying_ViewPos: vec4<f32>,
-        @location(3) varying_Clip: vec4<f32>,
-        @location(4) varying_WPos: vec4<f32>,
-        @location(5) varying_WNormal: vec3<f32>,
-        @location(6) varying_Color: vec4<f32>,
+        @location(0) index: f32,
+        @location(1) varying_UV0: vec2<f32>,
+        @location(2) varying_UV1: vec2<f32>,
+        @location(3) varying_ViewPos: vec4<f32>,
+        @location(4) varying_Clip: vec4<f32>,
+        @location(5) varying_WPos: vec4<f32>,
+        @location(6) varying_WNormal: vec3<f32>,
+        @location(7) varying_Color: vec4<f32>,
         #if USE_SHADOWMAPING
-            @location(7) varying_ShadowPos: vec4<f32>,
+            @location(8) varying_ShadowPos: vec4<f32>,
         #endif
         @builtin(position) member: vec4<f32>
     };

samples/ext/Sample_Grass.ts

@@ -31,16 +31,16 @@ export class Sample_Grass {
 
         Engine3D.startRenderView(this.view);
 
-        this.post = this.view.scene.addComponent(PostProcessingComponent);
-        let fxaa = this.post.addPost(FXAAPost);
-        let fog = this.post.addPost(GlobalFog);
-        fog.fogColor = new Color(136 / 255, 215 / 255, 236 / 255, 1);
-        fog.start = 0;
-        fog.overrideSkyFactor = 0.0764;
-        fog.ins = 1;
-        fog.falloff = 0.626;
-        fog.scatteringExponent = 3;
-        fog.dirHeightLine = 10;
+        // this.post = this.view.scene.addComponent(PostProcessingComponent);
+        // let fxaa = this.post.addPost(FXAAPost);
+        // let fog = this.post.addPost(GlobalFog);
+        // fog.fogColor = new Color(136 / 255, 215 / 255, 236 / 255, 1);
+        // fog.start = 0;
+        // fog.overrideSkyFactor = 0.0764;
+        // fog.ins = 1;
+        // fog.falloff = 0.626;
+        // fog.scatteringExponent = 3;
+        // fog.dirHeightLine = 10;
         // post.addPost(TAAPost);
 
         this.createScene(this.view.scene);
@@ -148,9 +148,6 @@ export class Sample_Grass {
         // GUIHelp.addFolder("shadow");
         // GUIHelp.add(Engine3D.setting.shadow, "shadowBound", 0.0, 3000, 0.0001);
         // GUIHelp.endFolder();
-
-        let globalFog = this.post.getPost(GlobalFog);
-        // GUIUtil.renderFog(globalFog);
     }
 
 }

samples/graphic/Sample_GraphicMeshWave.ts

@@ -1,5 +1,5 @@
 import { GUIHelp } from "@orillusion/debug/GUIHelp";
-import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, LitMaterial, MeshRenderer, BoxGeometry, SphereGeometry, VirtualTexture, GPUTextureFormat, UnLitMaterial, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode, PrefabParser } from "@orillusion/core";
+import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode, PrefabParser } from "@orillusion/core";
 import { GUIUtil } from "@samples/utils/GUIUtil";
 import { Stats } from "@orillusion/stats";
 

samples/graphic/Sample_GraphicMesh_0.ts

@@ -1,5 +1,5 @@
 import { GUIHelp } from "@orillusion/debug/GUIHelp";
-import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, LitMaterial, MeshRenderer, BoxGeometry, SphereGeometry, VirtualTexture, GPUTextureFormat, UnLitMaterial, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode } from "@orillusion/core";
+import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode } from "@orillusion/core";
 import { GUIUtil } from "@samples/utils/GUIUtil";
 import { Stats } from "@orillusion/stats";
 

samples/graphic/Sample_GraphicMesh_1.ts

@@ -1,5 +1,5 @@
 import { GUIHelp } from "@orillusion/debug/GUIHelp";
-import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, LitMaterial, MeshRenderer, BoxGeometry, SphereGeometry, VirtualTexture, GPUTextureFormat, UnLitMaterial, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode, Color } from "@orillusion/core";
+import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode, Color } from "@orillusion/core";
 import { GUIUtil } from "@samples/utils/GUIUtil";
 import { Stats } from "@orillusion/stats";
 

samples/graphic/Sample_GraphicMesh_2.ts

@@ -1,5 +1,5 @@
 import { GUIHelp } from "@orillusion/debug/GUIHelp";
-import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, LitMaterial, MeshRenderer, BoxGeometry, SphereGeometry, VirtualTexture, GPUTextureFormat, UnLitMaterial, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode } from "@orillusion/core";
+import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode } from "@orillusion/core";
 import { GUIUtil } from "@samples/utils/GUIUtil";
 import { Stats } from "@orillusion/stats";
 

samples/graphic/Sample_GraphicMesh_3.ts

@@ -1,5 +1,5 @@
 import { GUIHelp } from "@orillusion/debug/GUIHelp";
-import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, LitMaterial, MeshRenderer, BoxGeometry, SphereGeometry, VirtualTexture, GPUTextureFormat, UnLitMaterial, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode, PrefabParser } from "@orillusion/core";
+import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, MeshRenderer, UnLitTexArrayMaterial, BitmapTexture2DArray, Vector3, Graphic3DMesh, Matrix4, Time, PrefabParser } from "@orillusion/core";
 import { GUIUtil } from "@samples/utils/GUIUtil";
 import { Stats } from "@orillusion/stats";
 

samples/graphic/Sample_GraphicPath.ts

@@ -0,0 +1,163 @@
+import { GUIHelp } from "@orillusion/debug/GUIHelp";
+import { Object3D, Scene3D, Engine3D, AtmosphericComponent, CameraUtil, HoverCameraController, View3D, DirectLight, KelvinUtil, LitMaterial, MeshRenderer, BoxGeometry, SphereGeometry, VirtualTexture, GPUTextureFormat, UnLitMaterial, UnLitTexArrayMaterial, BitmapTexture2DArray, BitmapTexture2D, PlaneGeometry, Vector3, Graphic3DMesh, Matrix4, Time, BlendMode, Color, PostProcessingComponent, BloomPost, TrailGeometry, AnimationCurve, Keyframe, AnimationCurveT, KeyframeT, DepthOfFieldPost, Quaternion, PingPong, Object3DUtil, GPUPrimitiveTopology } from "@orillusion/core";
+import { GUIUtil } from "@samples/utils/GUIUtil";
+import { Stats } from "@orillusion/stats";
+
+export class Sample_GraphicPath {
+    lightObj3D: Object3D;
+    scene: Scene3D;
+    parts: Object3D[];
+    width: number;
+    height: number;
+    cafe: number = 47;
+    frame: number = 16;
+    view: View3D;
+
+    colors: Color[];
+    trail3ds: Object3D[][];
+
+    constructor() { }
+
+    async run() {
+
+        Matrix4.maxCount = 300000;
+        Matrix4.allocCount = 300000;
+
+        await Engine3D.init({ beforeRender: () => this.update() });
+
+        Engine3D.setting.render.debug = true;
+        Engine3D.setting.shadow.shadowBound = 5;
+
+        this.colors = [];
+
+        GUIHelp.init();
+
+        this.scene = new Scene3D();
+        this.scene.addComponent(Stats);
+        let sky = this.scene.addComponent(AtmosphericComponent);
+        sky.enable = false;
+        let camera = CameraUtil.createCamera3DObject(this.scene);
+        camera.perspective(60, Engine3D.aspect, 1, 5000.0);
+
+        camera.object3D.addComponent(HoverCameraController).setCamera(30, 0, 120);
+
+        this.view = new View3D();
+        this.view.scene = this.scene;
+        this.view.camera = camera;
+
+        Engine3D.startRenderView(this.view);
+
+        GUIUtil.renderDebug();
+
+        // let post = this.scene.addComponent(PostProcessingComponent);
+        // let bloom = post.addPost(BloomPost);
+        // bloom.bloomIntensity = 1.0
+        // GUIUtil.renderBloom(bloom);
+
+        await this.initScene();
+
+        sky.relativeTransform = this.lightObj3D.transform;
+    }
+
+    async initScene() {
+        /******** light *******/
+        {
+            this.lightObj3D = new Object3D();
+            this.lightObj3D.rotationX = 21;
+            this.lightObj3D.rotationY = 108;
+            this.lightObj3D.rotationZ = 10;
+            let directLight = this.lightObj3D.addComponent(DirectLight);
+            directLight.lightColor = KelvinUtil.color_temperature_to_rgb(5355);
+            directLight.castShadow = false;
+            directLight.intensity = 10;
+            GUIUtil.renderDirLight(directLight);
+            this.scene.addChild(this.lightObj3D);
+        }
+
+
+        let texts = [];
+        texts.push(await Engine3D.res.loadTexture("textures/frame64.png") as BitmapTexture2D);
+        texts.push(await Engine3D.res.loadTexture("textures/line_001064.png") as BitmapTexture2D);
+
+        // texts.push(await Engine3D.res.loadTexture("particle/fx_a_fragment_003.png") as BitmapTexture2D);
+        // texts.push(await Engine3D.res.loadTexture("textures/grid.jpg") as BitmapTexture2D);
+        // texts.push(await Engine3D.res.loadTexture("textures/128/line_0001.PNG") as BitmapTexture2D);
+        // texts.push(await Engine3D.res.loadTexture("textures/128/line_0010.png") as BitmapTexture2D);
+        // texts.push(await Engine3D.res.loadTexture("textures/128/line_0013.png") as BitmapTexture2D);
+        // texts.push(await Engine3D.res.loadTexture("textures/128/line_0017.png") as BitmapTexture2D);
+
+        let bitmapTexture2DArray = new BitmapTexture2DArray(texts[0].width, texts[0].height, texts.length);
+        bitmapTexture2DArray.setTextures(texts);
+
+        let mat = new UnLitTexArrayMaterial();
+        mat.baseMap = bitmapTexture2DArray;
+        mat.name = "LitMaterial";
+
+        GUIHelp.add(this, "cafe", 0.0, 100.0);
+        GUIHelp.add(this, "frame", 0.0, 100.0);
+        {
+            this.width = 40;
+            this.height = 1;
+            let mr = Graphic3DMesh.drawRibbon("trail", this.scene, bitmapTexture2DArray, 255, this.width * this.height);
+            this.parts = mr.object3Ds;
+
+
+
+
+            mr.material.blendMode = BlendMode.SOFT_ADD;
+            mr.material.transparent = true;
+            // mr.material.doubleSide = true;
+            mr.material.depthWriteEnabled = false;
+            // mr.material.useBillboard = true;
+
+            for (let i = 0; i < this.width * this.height; i++) {
+                mr.setTextureID(i, Math.floor(Math.random() * texts.length));
+                // mr.setTextureID(i, 0);
+            }
+
+            let c1 = new Color(0.65, 0.1, 0.2, 0.15);
+            let c2 = new Color(1.0, 1.1, 0.2, 0.65);
+            this.colors.push(c2);
+            this.colors.push(c2);
+            this.colors.push(c2);
+            this.colors.push(c2);
+            this.colors.push(c2);
+            this.colors.push(c2);
+        }
+
+        this.updateOnce(1000);
+    }
+
+    private tmpArray: any[] = [];
+    update() {
+        this.updateOnce(Time.frame);
+    }
+
+    updateOnce(engineFrame: number) {
+        if (this.trail3ds && this.trail3ds.length > 0) {
+            // Vector3.HELP_0.x = Math.random() * 10 - 5;
+            // Vector3.HELP_0.y = Math.random() * 2 - 1;
+            // Vector3.HELP_0.z = Math.random() * 10 - 5;
+            Vector3.HELP_0.set(0, 0, 0);
+            // let offsetAngle = Math.random() * 360;
+            for (let i = 0; i < this.trail3ds.length; i++) {
+                const trail3d = this.trail3ds[i];
+                let offsetAngle = i * 2.0;
+
+                for (let j = 0; j < trail3d.length; j++) {
+                    let p = j / (trail3d.length - 1);
+                    trail3d[j].x = Math.sin(p * (trail3d.length / 15) + offsetAngle + engineFrame * 0.001) * p * 35 + Vector3.HELP_0.x;
+                    trail3d[j].y = j * 0.2 + Vector3.HELP_0.y;
+                    trail3d[j].z = Math.cos(p * (trail3d.length / 10) + offsetAngle + engineFrame * 0.001) * p * 35 + Vector3.HELP_0.z;
+
+                    // let obj = Object3DUtil.GetSingleSphere(0.1, 1, 0, 0);
+                    // this.scene.addChild(obj);
+                    // obj.transform.x = trail3d[j].x;
+                    // obj.transform.y = trail3d[j].y;
+                    // obj.transform.z = trail3d[j].z;
+                }
+            }
+        }
+    }
+
+}