JSFiddle - React, Tailwind, and code Playground

by aldomatic

HTML

<script src="http://mrdoob.github.com/three.js/build/Three.js"></script>
<!DOCTYPE html>

<html>

<head>
</head>

<body></body>

JavaScript

var renderer = new THREE.WebGLRenderer();
            renderer.setSize( 600, 200 );
            document.body.appendChild( renderer.domElement );

            var scene = new THREE.Scene();

            var camera = new THREE.Camera(
                35,     // Field of view
                800 / 400,  // Aspect ratio
                .1,     // Near
                10000       // Far
            );
            camera.position.set( -5, 10, 15 );

            var cube = new THREE.Mesh(
                new THREE.CubeGeometry( 5, 5, 5 ),
                new THREE.MeshLambertMaterial( { color: 0xFF0000 } )
            );
            scene.addChild( cube );

            var light = new THREE.PointLight( 0xFFFF00 );
            light.position.set( 10, 0, 10 );
            scene.addLight( light );

            renderer.render(scene, camera);