Camera Transformation Dampening/Easing

<script>
var scene = new v3d.Scene();
var camera = new v3d.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

var renderer = new v3d.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var geometry = new v3d.BoxGeometry(1, 1, 1);
var material = new v3d.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new v3d.Mesh(geometry, material);
scene.add(cube);

var controls = new v3d.OrbitControls(camera);
controls.enableDamping = true;
controls.dampingFactor = 0.2;
camera.position.z = 5;

var animate = function() {
requestAnimationFrame(animate);

//cube.rotation.x += 0.1;
//cube.rotation.y += 0.1;
controls.update();
renderer.render(scene, camera);
};

animate();
</script>

Hi Ivan,

Thank you for the response. I got this working on the basic cube example from the documentation, thank you.

See attached image. How can I tap into the v3d elements through an exec js script puzzle? Or is my attachment oversimplifying this?

Also tried (in an exec script puzzle):

app.camera.enableDamping = true;
app.camera.rotateInertia = 0.2;

Dear Ivan,

This is fantastic. I knew the solution would end up being not so difficult! At first I was concerned that to access such a command required the enterprise edition.

I guess something that I would find useful to know, is what variables has verge3d already created during initialisation, in other words which objects can I scrutinise and set properties/use methods of. In this case, under the hood, my application has kindly created the necessary variable for an EnableControls object, named controls.

I’m still a little confused though why the v3d documentation mentions dampingFactor though: https://www.soft8soft.com/docs/api/en/controls/OrbitControls.html#dampingFactor

Thank you Ivan