Function init

examples/splat-transitions/effects/morph.js:5–228

({ THREE: _THREE, scene, camera, renderer, spark })

import { getAssetFileURL } from "../../js/get-asset-url.js";

export async function init({ THREE: _THREE, scene, camera, renderer, spark }) {
  const group = new THREE.Group();
  scene.add(group);
  let disposed = false;

  // Camera baseline for Morph effect
  camera.position.set(0, 2.2, 6.5);
  camera.lookAt(0, 1.0, 0);

  const PARAMETERS = {
    speedMultiplier: 1.0,
    rotation: true,
    pause: false,
    staySeconds: 1.5,
    transitionSeconds: 2.0,
    randomRadius: 1.3,
  };

  const time = dyno.dynoFloat(0.0);

  // Tres splats de comida
  const splatFiles = [
    "branzino-amarin.spz",
    "pad-thai.spz",
    "primerib-tamos.spz",
  ];

  function morphDyno() {
    return new dyno.Dyno({
      inTypes: {
        gsplat: dyno.Gsplat,
        gt: "float",
        objectIndex: "int",
        stay: "float",
        trans: "float",
        numObjects: "int",
        randomRadius: "float",
        offsetY: "float",
      },
      outTypes: { gsplat: dyno.Gsplat },
      globals: () => [
        dyno.unindent(`
        vec3 hash3(int n) {
          float x = float(n);
          return fract(sin(vec3(x, x + 1.0, x + 2.0)) * 43758.5453123);
        }
        float ease(float x) { return x*x*(3.0 - 2.0*x); }
        vec3 randPos(int splatIndex, float radius) {
          // Uniform disk sampling on XZ plane
          vec3 h = hash3(splatIndex);
          float theta = 6.28318530718 * h.x;
          float r = radius * sqrt(h.y);
          return vec3(r * cos(theta), 0.0, r * sin(theta));
        }
      `),
      ],
      statements: ({ inputs, outputs }) =>
        dyno.unindentLines(`