home/three.js
2
0
Fork 0
mirror of https://github.com/wahyd4/three.js.git synced 2026-08-09 04:56:01 +10:00
Code Issues Packages Projects Releases Wiki Activity

inital an perhaps buggy additions of spline to path

Browse Source
This commit is contained in:
zz85
2011-07-13 00:44:28 +08:00
parent 2f5303fb57
commit 049f85e7c7
2 changed files with 55 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/extras/geometries/Path.js
+54 -4
View File
@@ -21,7 +21,7 @@ THREE.PathActions = {
LINE_TO: 'lineTo',
QUADRATIC_CURVE_TO: 'quadraticCurveTo', // BEZIER quadratic CURVE
BEZIER_CURVE_TO: 'bezierCurveTo', // BEZIER cubic CURVE
CSPLINE_THRU: 'cSplineTo' // TODO cardinal splines
CSPLINE_THRU: 'splineThru' // TODO cardinal splines
};
@@ -194,6 +194,18 @@ THREE.Path.prototype.getPoints = function( divisions ) {
case THREE.PathActions.CSPLINE_THRU:
laste = this.actions[ i - 1 ].args;
var last = new THREE.Vector2( laste[ laste.length - 2 ], laste[ laste.length - 1]);
var spts = args[0];
var n = divisions * spts.length;
spts.unshift(last);
var j=0;
var spline = new Spline2();
for (;j<n;j++) {
points.push(spline.get2DPoint(spts, j/n));
}
break;
}
@@ -204,7 +216,43 @@ THREE.Path.prototype.getPoints = function( divisions ) {
};
var Spline2 = function () {
var c = [], v2 ,
point, intPoint, weight;
this.get2DPoint = function ( points, k ) {
v2 = new THREE.Vector2();
point = ( points.length - 1 ) * k;
intPoint = Math.floor( point );
weight = point - intPoint;
c[ 0 ] = intPoint == 0 ? intPoint : intPoint - 1;
c[ 1 ] = intPoint;
c[ 2 ] = intPoint > points.length - 2 ? intPoint : intPoint + 1;
c[ 3 ] = intPoint > points.length - 3 ? intPoint : intPoint + 2;
v2.x = interpolate( points[ c[ 0 ] ].x, points[ c[ 1 ] ].x, points[ c[ 2 ] ].x, points[ c[ 3 ] ].x, weight );
v2.y = interpolate( points[ c[ 0 ] ].y, points[ c[ 1 ] ].y, points[ c[ 2 ] ].y, points[ c[ 3 ] ].y, weight );
//console.log('point',point, v2);
return v2;
}
// Catmull-Rom
function interpolate( p0, p1, p2, p3, t ) {
var v0 = ( p2 - p0 ) * 0.5;
var v1 = ( p3 - p1 ) * 0.5;
var t2 = t * t;
var t3 = t * t2;
return ( 2 * p1 - 2 * p2 + v0 + v1 ) * t3 + ( - 3 * p1 + 3 * p2 - 2 * v0 - v1 ) * t2 + v0 * t + p1;
}
};
THREE.Path.prototype.getMinAndMax = function() {
@@ -249,13 +297,14 @@ THREE.Path.prototype.getMinAndMax = function() {
THREE.Path.prototype.debug = function( canvas ) {
// JUST A STUB
var bounds = this.getMinAndMax();
if ( !canvas ) {
canvas = document.createElement( "canvas" );
canvas.setAttribute( 'width', 200 );
canvas.setAttribute( 'height', 200 );
canvas.setAttribute( 'width', bounds.maxX+100 );
canvas.setAttribute( 'height', bounds.maxY+100 );
document.body.appendChild( canvas );
@@ -263,7 +312,7 @@ THREE.Path.prototype.debug = function( canvas ) {
var ctx = canvas.getContext( "2d" );
ctx.fillStyle = "white";
ctx.fillRect( 0, 0, 200, 200 );
ctx.fillRect( 0, 0, canvas.width, canvas.height );
ctx.strokeStyle = "black";
ctx.beginPath();
@@ -281,6 +330,7 @@ THREE.Path.prototype.debug = function( canvas ) {
// Short hand for now
if (action!=THREE.PathActions.CSPLINE_THRU)
ctx[ action ].apply( ctx, args );
/*
src/extras/geometries/TextGeometry.js
+1 -1
View File
@@ -1039,7 +1039,7 @@ THREE.FontUtils = {
//throw ( "Warning, unable to triangulate polygon!" );
//return null;
// Sometimes warning is fine, especially polygons are triangulated in reverse.
console.log( "Warning, unable to triangulate polygon!" );
if ( indices ) return vertIndices;