PlayCanvasはWebGLを基盤とする3Dゲームエンジンで、ウェブ上でリアルタイムの3Dゲームを開発するために使用されます。HTML5とWebGLを活用して、高性能な3Dグラフィックスとアニメーションを実現します。
📄 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は、WebGLに基づいたウェブベースの3Dアプリケーション開発のためのJavaScriptライブラリです。
2つのテキストの違いを一目で確認できます。
簡単かつ迅速にファビコンを生成します。
デザイン用のダミーテキストを生成します。
文字数と単語数をリアルタイムで確認できます。
字幕形式を簡単に変換できます。
画像内のテキストを自動で抽出します。