question. in react, on initial loading, want to use both zooming and rotating. about egjs-view3d HOT 2 OPEN

Hello @ctxwing
You can set initial zoom and camera angles with our options (initialZoom, yaw, pitch, pivot)

After when View3D's ready event is triggered, which means your 3D model is loaded, you can apply animations with view3d.camera.reset().
You can use easing functions for the bouncing effect.
I didn't test the below script, but here's a rough way to how.

import View3D, { Pose } from "@egjs/view3d"

const view3D = new View3D(el, {
  initialZoom: 0.7,
  yaw: -20
})

function easeOutBack(x: number): number {
  const c1 = 1.70158;
  const c3 = c1 + 1;

  return 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2);
}

view3D.on("ready", async () => {
  // new pose to change
  await camera.reset(300, easeOutBack, new Pose(0, 0, 1));
});

from egjs-view3d.

@WoodNeck .
sorry for late responding.. thats awesome.. thanks . I will try to appy. thanks again

from egjs-view3d.