matrix-engine/apps/custom_texture.js

basic_timeline improved, VT func setup vide html element id with name arg.- DISABLE RAYCAST DEBUG TEST [2.3.3] Fix for GUI win desktop [2.3.0] DestrucMesh solution & loading convex objs for physics BASIC, SpriteAnimation CPU/texture solution added, Improv

/* eslint-disable no-unused-vars */

/**
 * @Author Nikola Lukic
 * @Description Matrix Engine Api Example.
 */

import App from "../program/manifest";

export var runThis = world => {

  var textuteImageSamplers = {
    source: ["res/images/complex_texture_1/diffuse.webp"],
    mix_operation: "multiply",
  };

  world.Add("squareTex", 1, "MySquareTexure1", textuteImageSamplers);

  App.scene.MySquareTexure1.rotValue = 0;
  App.scene.MySquareTexure1.rotation.rotationSpeed.z = 0;

  App.scene.MySquareTexure1.custom.gl_texture = function (object, t) {
    world.GL.gl.bindTexture(world.GL.gl.TEXTURE_2D, object.textures[t]);
    world.GL.gl.texParameteri(
      world.GL.gl.TEXTURE_2D,
      world.GL.gl.TEXTURE_MAG_FILTER,
      world.GL.gl.LINEAR
    );
    world.GL.gl.texParameteri(
      world.GL.gl.TEXTURE_2D,
      world.GL.gl.TEXTURE_MIN_FILTER,
      world.GL.gl.LINEAR
    );

    world.GL.gl.texParameteri(
      world.GL.gl.TEXTURE_2D,
      world.GL.gl.TEXTURE_WRAP_S,
      world.GL.gl.CLAMP_TO_EDGE
    );
    world.GL.gl.texParameteri(
      world.GL.gl.TEXTURE_2D,
      world.GL.gl.TEXTURE_WRAP_T,
      world.GL.gl.CLAMP_TO_EDGE
    );

    world.GL.gl.texImage2D(
      world.GL.gl.TEXTURE_2D,
      0, // Level of details
      world.GL.gl.RGBA,
      world.GL.gl.RGBA,
      world.GL.gl.UNSIGNED_BYTE,
      object.textures[t].image
    );

    world.GL.gl.generateMipmap(world.GL.gl.TEXTURE_2D);
  };

  App.scene.MySquareTexure1.geometry.texCoordsPoints.right_top.y = 1.1;
  App.scene.MySquareTexure1.geometry.texCoordsPoints.right_top.x = 1.1;
  App.scene.MySquareTexure1.geometry.texCoordsPoints.left_bottom.x = -0.1;
  App.scene.MySquareTexure1.geometry.texCoordsPoints.left_bottom.y = -0.1;
  App.scene.MySquareTexure1.geometry.texCoordsPoints.left_top.x = -0.1;
  App.scene.MySquareTexure1.geometry.texCoordsPoints.left_top.y = 1.1;
  App.scene.MySquareTexure1.geometry.texCoordsPoints.right_bottom.x = 1.1;
  App.scene.MySquareTexure1.geometry.texCoordsPoints.right_bottom.y = -0.1;
};