JavaScript 3D游戲引擎是指使用JavaScript編寫的3D游戲引擎。最初的引擎是WebGL，但后來的引擎使用了Canvas2D和WebGL的混合，使其更易于使用，同時具有更廣泛的瀏覽器支持。下面將探討幾個常見的JavaScript 3D游戲引擎。

1. Babylon.js

// 運動參數
var movement = {
up: false,
down: false,
left: false,
right: false
};
// 相機位置
var camPosition = {
x: 0,
y: 5,
z: -10
};
// 創建場景
var scene = new BABYLON.Scene(engine);
// 創建一個新的相機
var camera = new BABYLON.FreeCamera("camera1",
new BABYLON.Vector3(0, 5, -10),
scene);
// 按鈕事件
window.addEventListener("keydown", function(event) {
switch (event.keyCode) {
case 87: // 移動到前面
movement.up = true;
break;
case 83: // 移動到后面
movement.down = true;
break;
case 65: // 向左移動
movement.left = true;
break;
case 68: // 向右移動
movement.right = true;
break;
};
});

使用Babylon.js可以輕松地創建3D場景、添加光照和攝像機等元素，還可以加載外部模型文件，支持粒子系統、天空盒等特效。

2. Three.js

// 畫布大小
var canvasWidth = window.innerWidth;
var canvasHeight = window.innerHeight;
// 創建場景
var scene = new THREE.Scene();
// 創建一個新的相機
var camera = new THREE.PerspectiveCamera(75,
canvasWidth / canvasHeight, 0.1, 1000);
// 設置相機位置
camera.position.z = 5;
// 創建渲染器
var renderer = new THREE.WebGLRenderer({
antialias: true
});
// 設置渲染器的大小
renderer.setSize(canvasWidth, canvasHeight);
// 在DOM中添加渲染器
document.body.appendChild(renderer.domElement);

Three.js是一個強大的JavaScript 3D游戲引擎，支持模型導入、物理引擎、動畫等特效。操作相對復雜，但渲染效果好，支持充分的二次開發。

3. A-Frame

<a-scene>
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9">
<a-animation attribute="rotation" my="1 2 3" dur="5000"></a-animation>
</a-box>
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E">
<a-animation attribute="position" to="0 1.75 -5" dur="2000"
easing="ease-in-out" direction="alternate" repeat="indefinite"></a-animation>
</a-sphere>
<a-cylinder position="1 0.75 -3" radius="0.5" height="1.5"
color="#FFC65D"></a-cylinder>
<a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
</a-scene>

A-Frame是一個使用HTML編寫的JavaScript 3D游戲引擎，不需要任何JavaScript編碼即可創建3D場景。可通過標簽直接插入模型、動畫、音頻等元素，相對簡單易用，具有強大的可擴展性。

通過使用JavaScript 3D游戲引擎，您可以創建出令人驚嘆的3D游戲和互動場景。它們適用于WebGL和移動平臺，并且具有出色的性能和交互性。借助各種神器，如Babylon.js、Three.js和A-Frame，您是可以創建出即時和吸引人的3D應用程序的。