Three.js Line Using Orthographic Camera
I am using THREE.MeshLine from https://github.com/spite/THREE.MeshLine to try and draw lines in three.js. The lines appear to work when using a perspective camera to view the scene as the demos showed, but when I use an orthographic camera which is the camera I need to use for my project, the line is distorted.
For now, I am trying to make sure that the line works by creating a sin wave, but with the ortho camera, it looks like this:
Why does the mesh not display correctly with an orthographic camera? Are there any ways to fix this or achieve orthographic lines with a thickness in three.js?
This is a know issue, see https://github.com/spite/THREE.MeshLine/issues/118.
The wide line implementation of three.js does support orthographic cameras, though.
- ThreeJS: Subtract object B from object A
- THREE.GLTFLoader: Unknown extension "KHR_materials_pbrSpecularGlossiness
- How can i convert a big gltf file to jsx?
- Make the child of a loaded gltf file transparent dynamically using THREE.JS
- ThreeJS FPS Movement, Stop Velocity When Key Is Released
- Make a panorama interactive with hotspots
- How does setting a buffer geometry attribute work in three_js (Flutter)?
- Add model.obj to three.MESH
- How to change the thickness of lines using Three.js
- Three js line thickness
- Three.js: way to change the up axis?
- GLTF objects doesn`t load into my react three fiber Canvas element
- Converting World coordinates to Screen coordinates in Three.js using Projection
- Why do CDN links work for some versions but not others? NS_ERROR_CORRUPTED_CONTENT
- Three.js Texture Mapping with No Scaling
- Render second scene to texture not working
- How to use rendering result of scene as texture in ThreeJS
- 360 degree rotation using orbit controls in threejs?
- How do you update a uniform In Three.js?
- How to add text into along the object using three.js
- How I can optimize React-three-fiber model?
- raycasting coordinate problems
- React three fiber using different materials on faces of cylinder
- How i can make the object steady 180 degrees?
- Using Three.js, and Rapier physics: Why does this object have a jitter on moving?
- Three.js: change the pivot point of a sprite
- Specify three.js graph size
- How can I see the whole shader's text content, with all the prepended code by Three.js, when using ShaderMaterial or RawShaderMaterial (r148)?
- How to automatically center imported GLTF model and orient camera to show full model in Three.js
- three.js - how to make camera look at an object during a tween