-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathText3D.js
27 lines (25 loc) · 908 Bytes
/
Text3D.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
var shapes, geom, mat, textMesh;
shapes = THREE.FontUtils.generateShapes( "Hello world", {
font: "helvetiker",
weight: "bold",
size: 10
} );
geom = new THREE.ShapeGeometry( shapes );
mat = new THREE.MeshBasicMaterial({color: 0xaa00ff});
textMesh = new THREE.Mesh( geom, mat );
scene.add( textMesh );
camera.position.z = 5;
var x = 0;
function render() {
requestAnimationFrame(render);
x+=0.03;
x = x%(2*Math.PI);
camera.position.z += 0.4*Math.sin(x);
renderer.render(scene, camera);
}
render();