如何在页面加载时运行此JavaScript脚本？

我试图创建一个最小的静态HTML页面，并在其中运行。为此我创造了

当我打开页面时，我什么也看不到。如果一切正常的话，我会在浏览器中看到一幅像雷舰一样的风景画

我假设问题在于加载页面时，脚本的以下部分没有执行：

module.exports = function(opts, setup) {
  setup = setup || defaultSetup
  var defaults = {
    generate: voxel.generator['Valley'],
    chunkDistance: 2,
    materials: ['#fff', '#000'],
    materialFlatColor: true,
    worldOrigin: [0, 0, 0],
    controls: { discreteFire: true }
  }
  opts = extend({}, defaults, opts || {})

  // setup the game and add some trees
  var game = createGame(opts)
  var container = opts.container || document.body
  window.game = game // for debugging
  game.appendTo(container)
  if (game.notCapable()) return game

  var createPlayer = player(game)

  // create the player from a minecraft skin file and tell the
  // game to use it as the main player
  var avatar = createPlayer(opts.playerSkin || 'player.png')
  avatar.possess()
  avatar.yaw.position.set(2, 14, 4)

  setup(game, avatar)

  return game
}

当页面加载时，确保执行上述代码的正确方法是什么

注意：不要告诉我安装Node.JS或任何其他JavaScript服务器。我想在没有服务器的情况下运行这个特定的示例。

您可以使用并将您的

函数

或您想要的内容传递到

函数体中

window.onload = function(){

}

假设所有其他js都已就位，并且您有可用的jquery，只需：

var game;
$(document).ready(function(){
game=module.exports(opts,setup);
})