Within my three.js project, I have set up my scene and camera as follows:
var container = document.getElementById('container');
renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setAnimationLoop(render);
renderer.outputEncoding = THREE.sRGBEncoding;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 1.25;
container.appendChild(renderer.domElement);
window.addEventListener('resize', onWindowResize, false);
stats = new Stats();
container.appendChild(stats.dom);
//
camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 0.1, 100);
camera.position.set(3.5, 2, - 2.5);
controls = new OrbitControls(camera, container);
controls.target.set(0, 0.5, 0);
controls.update();
scene = new THREE.Scene();
scene.background = new THREE.Color(0xeeeeee);
scene.environment = new RoomEnvironment(renderer);
scene.fog = new THREE.Fog(0xeeeeee, 10, 50);
...
Initially, my scene looks like this:
https://i.sstatic.net/2TvuR.png
I want to start with my object doubled in size, like shown here:
https://i.sstatic.net/pnjWm.png
I attempted the following:
camera.zoom.set(2);
but nothing happened. So I then tried defining a vector3 (2,2,2) and scaling my object:
myobj.scale.set(myVector3);Still, no change occurred.
Could someone provide guidance on how to start my scene with a larger object size?
Thank you in advance for any assistance.