user3363468
Reputation: 15
Sphere changes its shape when it moves to corner in webgl(three.js)
Sphere is changing its shape to egg when it is moved corners of browser. Is there any possible solution so that its shape is not distorted. It is live example of three.js.
Upvotes: 1
Views: 412
Answers (1)
Kromster
Reputation: 7436
This is how perspective distortions work with too wide angle. You might heard of it from the photography - called "Fish-Eye" effect.
To fix that you need a narrower field-of-view setting (usually supplied to camera on initialization). Or switch to Orthographic camera altogether.
Similar answered questions:
(OpenGL ES) Objects away from view centre are stretched
Android openGL ES 2.0 scene scrolling
Upvotes: 1
Related Questions
- Threejs: Sphere geometry not being shaded properly GLSL
- Wrong shape of SphereGeometry in three.js
- Sphere object deformation after changing position of sphere
- Three.js/WebGL: Large spheres appear broken at intersection
- cubegeometry diagonal issue in three js
- Three.js r73 Merged Sphere Geometry Disappearing When Camera Moves
- Three.js 3d sphere looks 2d
- Issue with drawing half of a sphere in three.js
- Three.js - Shape disappears on flip side
- THREE: How to get smooth corners of custom shape