JSFiddle - React, Tailwind, and code Playground

by Kabir Das

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/85/three.js"></script>

CSS

#info {
	position: absolute;
	top: 10px;
	width: 100%;
	text-align: center;
	z-index: 100;
	display:block;
}

JavaScript

var loader = new THREE.FontLoader();

loader.load( 'https://rawgit.com/mrdoob/three.js/dev/examples/fonts/helvetiker_regular.typeface.json', function ( font ) {

	var geometry = new THREE.TextGeometry( 'Hello three.js!', {
		font: font,
		size: 80,
		height: 5,
		curveSegments: 12,
		bevelEnabled: true,
		bevelThickness: 10,
		bevelSize: 8,
		bevelSegments: 5
	} );
} );