2013-06-08 3 views
1

저는 Two.JS Polygon Object를 가지고 있습니다. 이제 점의 x/y 위치를 원합니다 (점의 위치는 곡선으로 %로 표시됩니다)Two.JS Point on Curve

Two.JS 폴리곤은 속성이 끝납니다. 0에서 1 사이의 숫자를 지정할 수 있습니다. 내가 원하는 점은 무엇인가. 커브에서 점의 x/y를 얻을 수있는 방법이 있습니까?

다른 JS Canvas/SVG Lib에서 가능할 수도 있습니다.

답변

0

확실히. 정점이 폴리곤을 구성하는 Two.Vector이고 pos가 %로 표시된 위치라고 가정합니다. 그런 다음

var i = round((pos * vertices.length)/100); 
var v = vertices[i]; 
console.log(v.x, v.y); 

에 의해 정점과 위치를 얻는 것은 지금 이것은 당신이 정점을 제공하고, POS는 상대 인덱스 위치입니다.

곡선 위치에 정확히 곡선 길이의 위치가 처음부터 멀리 떨어져 있기를 원한다면 더 어렵습니다.

+0

이 답변은 two.js의 '시작'및 '종료'속성과 동일한 패러다임을 따릅니다. 실제로 포인트를 보간하는 데 관심이 있다면 tween.js를 확인하는 것이 좋습니다. http://sole.github.io/tween.js/examples/06_array_interpolation.html – jonobr1