From 180af1563b24c753f177b7f1ff02668b74c96111 Mon Sep 17 00:00:00 2001 From: printempw Date: Sun, 11 Feb 2018 19:21:33 +0800 Subject: [PATCH] adjust camera fov to avoid perspective distortion --- src/viewer.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/viewer.js b/src/viewer.js index d022a21..83ceac2 100644 --- a/src/viewer.js +++ b/src/viewer.js @@ -81,9 +81,10 @@ class SkinViewer { // scene this.scene = new THREE.Scene(); - this.camera = new THREE.PerspectiveCamera(75); + // Use smaller fov to avoid distortion + this.camera = new THREE.PerspectiveCamera(40); this.camera.position.y = -12; - this.camera.position.z = 30; + this.camera.position.z = 60; this.renderer = new THREE.WebGLRenderer({ angleRot: true, alpha: true, antialias: false }); this.renderer.setSize(300, 300); // default size