JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://haptic-data.com/toxiclibsjs/build/toxiclibs.js"></script>
JavaScript
var mesh, geometry, material;
var scene, renderer, camera;
console.log(toxi);
function setup(){
renderer = new THREE.WebGLRenderer({
antialias: true
});
renderer.setSize(window.innerWidth,window.innerHeight);
document.body.appendChild(renderer.domElement);
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight,1,10000);
camera.position.z = 500;
scene = new THREE.Scene();
geometry = new THREE.CubeGeometry(100,100,100);
material = new THREE.MeshBasicMaterial({
color: 0x00000,
wireframe: true
});
mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
}
function draw(){
requestAnimationFrame(draw);
mesh.rotation.x += 0.002;
renderer.render(scene,camera);
}
setup();
draw();