22、使用 WebGL 创建 3D 图形游戏

使用 WebGL 创建 3D 图形游戏

1. 引言

在游戏开发中，使用 WebGL 可以为游戏和应用程序创建 3D 图形。接下来将介绍如何使用 WebGL 为游戏添加新的显示模块。

2. 创建 WebGL 显示模块

新的 WebGL 显示模块代码存于 display.webgl.js 文件中，它使用的函数与画布显示模块相同，二者可互换使用。

jewel.display = (function() {
    var animations = [],
        previousCycle,
        firstRun = true,
        jewels, cursor,
        paused;

    function initialize(callback) {
        paused = false;
        if (firstRun) {
            setup();
            firstRun = false;
        }
        jewels = [];
        requestAnimationFrame(cycle);
        callback();
    }

    function cycle() { }
    function setup() { }

    function setCursor() { }
    function levelUp() { }
    function gameOver() { }
    func