LineDashedMaterial Support is needed #967
SausageDogger
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I Tried to draw a dashed line with LineDashedMaterial in Tres, but it didn't work. It just a solid line mesh
so I read the ThreeJS document and some tutorials, I found that if I want to draw a dashed geometry, I need to do this:
import * as THREE from 'three' const geometry = new THREE.BoxGeometry( 2, 2, 2 ) geometry.toNonIndexed() var material = new THREE.LineDashedMaterial( { color: 0x0000ff } ) material.dashSize = 0.1 material.gapSize = 0.2 const line = new THREE.Line( geometry, material ) line.computeLineDistances()I use <primitive :object="line" /> and it works
So the problem is
.toNonIndexed()and.computeLineDistances(), the geometry should transfrom into a "Non Indexed" version, and the line object need to "compute Line Distances"But it seems that Tres didn't support yet
The ideal Tres syntax in my mind(of course it didn't work):
I hope "toNonIndexed" attribute will change Geometry into "NonIndexed" version.
computeLineDistances attribute can work, but TorusGeometry is not "NonIndexed". it shows “THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.”
Or Tres could detected LineDashedMaterial, and execute
.toNonIndexed()and.computeLineDistances()automaticallyAnd I tried this
.computeLineDistances()is executed but it shows “THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.”, which may means torus ref didn't replaced by.toNonIndexed(), and IDK why.Hope LineDashedMaterial will be Supported. Thanks for Tres developers.
Beta Was this translation helpful? Give feedback.
All reactions