JSFiddle - React, Tailwind, and code Playground

by Lavadude82

HTML

<a href="ThisIsn'tTheCorrectPage.com"></a>

CSS

body{
	margin:0px;
}

JavaScript

import * as THREE from 'https://unpkg.com/three@0.143.0/build/three.module.js'

let scene = new THREE.Scene()
let camera = new THREE.PerspectiveCamera(70,innerWidth/innerHeight,0.1, 200)
let renderer = new THREE.WebGL1Renderer()
document.body.appendChild(renderer.domElement)
renderer.setSize(innerWidth, innerHeight)

let Block = new THREE.Mesh(new THREE.BoxGeometry(1,1,1), new THREE.MeshBasicMaterial({color:0x00ff00}))
scene.add(Block)
camera.position.z = 5
function animate(){
requestAnimationFrame(animate)
renderer.render(scene,camera)
Block.rotation.x
+= 0.01
}
animate()