Dies ist das Repository meines kleinen Portfolios.
Im Hintergrund läuft eine Planetensimulation, geschrieben in JavaScript und Three.js.
Die zu sehenden Texturen stammen von:
https://www.solarsystemscope.com/textures/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.4 KiB
49 lines
1.4 KiB
( function () { |
|
|
|
/** |
|
* Text = 3D Text |
|
* |
|
* parameters = { |
|
* font: <THREE.Font>, // font |
|
* |
|
* size: <float>, // size of the text |
|
* height: <float>, // thickness to extrude text |
|
* curveSegments: <int>, // number of points on the curves |
|
* |
|
* bevelEnabled: <bool>, // turn on bevel |
|
* bevelThickness: <float>, // how deep into text bevel goes |
|
* bevelSize: <float>, // how far from text outline (including bevelOffset) is bevel |
|
* bevelOffset: <float> // how far from text outline does bevel start |
|
* } |
|
*/ |
|
|
|
class TextGeometry extends THREE.ExtrudeGeometry { |
|
|
|
constructor( text, parameters = {} ) { |
|
|
|
const font = parameters.font; |
|
|
|
if ( ! ( font && font.isFont ) ) { |
|
|
|
console.error( 'THREE.TextGeometry: font parameter is not an instance of THREE.Font.' ); |
|
return new THREE.BufferGeometry(); |
|
|
|
} |
|
|
|
const shapes = font.generateShapes( text, parameters.size ); // translate parameters to THREE.ExtrudeGeometry API |
|
|
|
parameters.depth = parameters.height !== undefined ? parameters.height : 50; // defaults |
|
|
|
if ( parameters.bevelThickness === undefined ) parameters.bevelThickness = 10; |
|
if ( parameters.bevelSize === undefined ) parameters.bevelSize = 8; |
|
if ( parameters.bevelEnabled === undefined ) parameters.bevelEnabled = false; |
|
super( shapes, parameters ); |
|
this.type = 'TextGeometry'; |
|
|
|
} |
|
|
|
} |
|
|
|
THREE.TextGeometry = TextGeometry; |
|
|
|
} )();
|
|
|