bezel => bevel in TextGeometry and its example

This commit is contained in:
alteredq
2011-07-21 17:53:51 +02:00
parent c35cca9ecf
commit f962eb2ea6
4 changed files with 178 additions and 178 deletions
+28 -28
View File
@@ -15,9 +15,9 @@
* weight: <string>, // font weight (normal, bold)
* style: <string>, // font style (normal, italics)
*
* bezelEnabled: <bool>, // turn on bezel
* bezelThickness: <float>, // how deep into text bezel goes
* bezelSize: <float>, // how far from text outline is bezel
* bevelEnabled: <bool>, // turn on bevel
* bevelThickness: <float>, // how deep into text bevel goes
* bevelSize: <float>, // how far from text outline is bevel
* }
*
* It uses techniques used in:
@@ -60,9 +60,9 @@ THREE.TextGeometry.prototype.set = function ( text, parameters ) {
var weight = parameters.weight !== undefined ? parameters.weight : "normal";
var style = parameters.style !== undefined ? parameters.style : "normal";
var bezelThickness = parameters.bezelThickness !== undefined ? parameters.bezelThickness : 10;
var bezelSize = parameters.bezelSize !== undefined ? parameters.bezelSize : 8;
var bezelEnabled = parameters.bezelEnabled !== undefined ? parameters.bezelEnabled : false;
var bevelThickness = parameters.bevelThickness !== undefined ? parameters.bevelThickness : 10;
var bevelSize = parameters.bevelSize !== undefined ? parameters.bevelSize : 8;
var bevelEnabled = parameters.bevelEnabled !== undefined ? parameters.bevelEnabled : false;
THREE.FontUtils.size = size;
THREE.FontUtils.divisions = curveSegments;
@@ -71,7 +71,7 @@ THREE.TextGeometry.prototype.set = function ( text, parameters ) {
THREE.FontUtils.weight = weight;
THREE.FontUtils.style = style;
THREE.FontUtils.bezelSize = bezelSize;
THREE.FontUtils.bevelSize = bevelSize;
// Get a Font data json object
@@ -80,7 +80,7 @@ THREE.TextGeometry.prototype.set = function ( text, parameters ) {
var vertices = data.points;
var faces = data.faces;
var contour = data.contour;
var bezelPoints = data.bezel;
var bevelPoints = data.bevel;
var scope = this;
@@ -90,7 +90,7 @@ THREE.TextGeometry.prototype.set = function ( text, parameters ) {
var i,
vert, vlen = vertices.length,
face, flen = faces.length,
bezelPt, blen = bezelPoints.length;
bevelPt, blen = bevelPoints.length;
// Back facing vertices
@@ -110,19 +110,19 @@ THREE.TextGeometry.prototype.set = function ( text, parameters ) {
}
if ( bezelEnabled ) {
if ( bevelEnabled ) {
for ( i = 0; i < blen; i++ ) {
bezelPt = bezelPoints[ i ];
v( bezelPt.x, bezelPt.y, bezelThickness );
bevelPt = bevelPoints[ i ];
v( bevelPt.x, bevelPt.y, bevelThickness );
}
for ( i = 0; i < blen; i++ ) {
bezelPt = bezelPoints[ i ];
v( bezelPt.x, bezelPt.y, height - bezelThickness );
bevelPt = bevelPoints[ i ];
v( bevelPt.x, bevelPt.y, height - bevelThickness );
}
@@ -149,9 +149,9 @@ THREE.TextGeometry.prototype.set = function ( text, parameters ) {
var lastV;
var j, k, l, m;
if ( bezelEnabled ) {
if ( bevelEnabled ) {
i = bezelPoints.length;
i = bevelPoints.length;
while ( --i > 0 ) {
@@ -668,18 +668,18 @@ THREE.FontUtils = {
var path = new THREE.Path();
for ( i = 0; i < length; i++ ) {
var ret = this.extractGlyphPoints( chars[ i ], face, scale, offset, path );
offset += ret.offset;
characterPts.push( ret.points );
allPts = allPts.concat( ret.points );
//fontPaths.push( ret.path );
}
//path.debug(document.getElementById("boo"));
console.log(path);
// get the width
@@ -694,7 +694,7 @@ THREE.FontUtils = {
var extract = this.extractPoints( allPts, characterPts );
extract.contour = allPts;
var bezelPoints = [];
var bevelPoints = [];
var centroids = [], forCentroids = [], expandOutwards = [], sum = new THREE.Vector2(), lastV;
@@ -739,7 +739,7 @@ THREE.FontUtils = {
centroid = centroids[ p ];
dirV = pt.clone().subSelf( centroid );
adj = this.bezelSize / dirV.length();
adj = this.bevelSize / dirV.length();
if ( expandOutwards[ p ] ) {
@@ -752,7 +752,7 @@ THREE.FontUtils = {
}
adj = dirV.multiplyScalar( adj ).addSelf( centroid );
bezelPoints.unshift( adj );
bevelPoints.unshift( adj );
if ( !lastV ) {
@@ -776,12 +776,12 @@ THREE.FontUtils = {
for ( p = 0; p < allPts.length; p++ ) {
pt = allPts[ p ];
bezelPoints.push( new THREE.Vector2( pt.x + this.bezelSize, pt.y + this.bezelSize ) );
bevelPoints.push( new THREE.Vector2( pt.x + this.bevelSize, pt.y + this.bevelSize ) );
}
*/
extract.bezel = bezelPoints;
extract.bevel = bevelPoints;
return extract;
@@ -857,7 +857,7 @@ THREE.FontUtils = {
extractGlyphPoints : function( c, face, scale, offset, path ) {
var pts = [];
var i, i2,
@@ -1074,10 +1074,10 @@ THREE.FontUtils = {
result.push( contour[ b ] );
result.push( contour[ c ] );
*/
result.push( [ contour[ a ],
result.push( [ contour[ a ],
contour[ b ],
contour[ c ] ] );
vertIndices.push( [ verts[ u ], verts[ v ], verts[ w ] ] );