PlayCanvas is a WebGL game engine designed for creating interactive 3D games within web browsers. It leverages HTML5 and WebGL to deliver high-performance graphics and animations.
📄 HTML
<canvas id='application-canvas'></canvas>
🧩 External JS
<script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script>
⚙️ JavaScript
var canvas = document.getElementById('application-canvas');
var app = new pc.Application(canvas, {});
app.start();
app.setCanvasFillMode(pc.FILLMODE_FILL_WINDOW);
app.setCanvasResolution(pc.RESOLUTION_AUTO);
window.addEventListener('resize', function () {
app.resizeCanvas();
});
var camera = new pc.Entity('camera');
camera.addComponent('camera', {
clearColor: new pc.Color(0.1, 0.1, 0.1)
});
app.root.addChild(camera);
camera.setPosition(0, 0, 3);
var box = new pc.Entity('box');
box.addComponent('model', {
type: 'box'
});
app.root.addChild(box);
app.on('update', function (dt) {
box.rotate(10 * dt, 20 * dt, 30 * dt);
});
three.js is a JavaScript library for developing web-based 3D applications, based on WebGL.
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.