matrix-engine-wgpu/examples/camera-texture.js

Networking implemented - based on kurento openvidu server. fix arcball camera,instanced draws added also effect pipeline blend with instancing option.Normalmap added, Fixed shadows casting vs camera/video texture, webGPU powered pwa application. Crazy fas

import MatrixEngineWGPU from "../src/world.js";
import {downloadMeshes} from '../src/engine/loader-obj.js';
import {LOG_FUNNY, LOG_INFO, LOG_MATRIX} from "../src/engine/utils.js";
import {addRaycastsAABBListener} from "../src/engine/raycast.js";

export var loadCameraTexture = function() {

  let cameraTexture = new MatrixEngineWGPU({
    useSingleRenderPass: true,
    canvasSize: 'fullscreen',
    mainCameraParams: {
      type: 'WASD',
      responseCoef: 1000
    },
    clearColor: {r: 0, b: 0.122, g: 0.122, a: 1}
  }, () => {

    cameraTexture.addLight();

    addEventListener('AmmoReady', () => {
      downloadMeshes({
        welcomeText: "./res/meshes/blender/piramyd.obj",
        armor: "./res/meshes/obj/armor.obj",
        sphere: "./res/meshes/blender/sphere.obj",
        cube: "./res/meshes/blender/cube.obj",
      }, onLoadObj,
        {scale: [1, 1, 1]})
    })

    function onLoadObj(m) {
      cameraTexture.myLoadedMeshes = m;
      for(var key in m) {
        console.log(`%c Loaded objs: ${key} `, LOG_MATRIX);
      }

      cameraTexture.addMeshObj({
        position: {x: 0, y: 2, z: -10},
        rotation: {x: 0, y: 0, z: 0},
        rotationSpeed: {x: 0, y: 0, z: 0},
        texturesPaths: ['./res/meshes/blender/cube.png'],
        name: 'MyVideoTex',
        mesh: m.cube,
        physics: {
          enabled: true,
          geometry: "Cube"
        },
        // raycast: { enabled: true , radius: 2 }
      })

      var TEST = cameraTexture.getSceneObjectByName('MyVideoTex');
      setTimeout(() => {
        console.log(`%c Test video-texture...`, LOG_MATRIX);
        TEST.loadVideoTexture({
          type: 'camera'
        });
      }, 4000);
    }
  })

  window.app = cameraTexture;

}