Back to Demos

This demo shows how you can move (with left mouse button), rotate (with right mouse button) and scale (with scroll) an object.

Clara.io demo resources:

Visit Base Scene


var api = claraplayer('player');
var sceneId = 'f738e820-cc46-4248-80fc-3ad3834fa4d8';
api.selection.setHighlighting(true);

api.on('threeinitialized', function() {
  api.commands.activateCommand('nodeManipulate');
  var opts = {
      displayGizmo: true,
      mode: 'plane',
      plane:{normal:{x:0, y:1, z:0}, constant:0}
  }
  api.commands.setCommandOptions('nodeManipulate',opts);
});

api.sceneIO.fetchAndUse(sceneId).then(function(){
  api.selection.selectNode(api.scene.find({type:'PolyMesh'}));
  document.getElementById('baseScene').setAttribute('href','https://clara.io/view/'+sceneId);
});