three.js is a JavaScript library for creating and displaying real-time 3D graphics in the web browser. It leverages WebGL to render hardware-accelerated graphics, offering a range of tools and APIs that make it easier for developers to create and manipulate 3D content.
📄 HTML
<div id='container'></div>
🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
⚙️ JavaScript
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.getElementById('container').appendChild(renderer.domElement);
var geometry = new THREE.BoxGeometry();
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
camera.position.z = 5;
function animate() {
requestAnimationFrame(animate);
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
}
animate();
PlayCanvas is a 3D game development engine utilizing HTML5 and WebGL technologies.
Easily spot the differences between two texts.
Quickly and easily generate favicons.
Generate placeholder text for your designs.
Check character and word count in real time.
Easily convert between subtitle formats.
Automatically extract text from images.