让 Melon JS 使用我的代码答案

【问题标题】：Getting Melon JS to work with my code让 Melon JS 使用我的代码
【发布时间】：2016-08-01 20:30:09
【问题描述】：

这是一个菜鸟问题，但到目前为止我还没有用 JavaScript 做太多工作。我有一个游戏，我正在为课堂编程，到目前为止一切看起来都还不错，但我无法让我的 main.js 文件识别 melonJS 的 melonJS，这是我用作游戏引擎的一部分。代码如下：

main.js 源码：

main.js:
// JavaScript Document
var jsApp = {
onload: function(){
    "use strict";
    if (!me.video.init('jsapp', 320, 240, true)){
        alert ("html 5 canvas is not supported by this browser.");
        return;
    }
    me.loader.onload = this.loaded.bind(this);
    me.loader.preload(resources);
    me.state.change(me.state.LOADING);
},
loaded: function(){
    me.state.set(me.state.PLAY, new Playscreen());
    me.entityPool.add("player", PlayerEntity);
    me.state.change(me.state.PLAY);
}
};
window.onReady(function(){
"use strict";
jsAPP.onload();
});

这是我的索引代码文件：

<!DOCTYPE html>
<html>
<head>
<title>Adventure Game</title>
</head>
<body>
<div id="wrapper" style="width:640px;    text-align:center;  margin-
left:auto;   margin-right:auto;">
  <div id="jsapp">
     <script type="text/javascript" src="melonJS.js"></script>
     <script type="text/javascript" src="resources.js"></script>
     <script type="text/javascript" src="screen.js"></script>
     <script type="text/javascript" src="entity.js"></script>
     <script type="text/javascript" src="main.js"></script>
  </div>
  </div>
</body>
</html>

【问题讨论】：

看起来您提供的代码在访问me 参考时应该没有任何问题。查看melonJS boilerplate project 可能会有所帮助，它会为您处理所有这些设置。至少，您可以确定您将从已知有效的基础开始。另外，出于好奇，您在尝试运行代码时收到的异常或错误消息是什么？
jsAPP 未定义，Prefixed Fullscreen API 已弃用。请使用无前缀 API 进行全屏显示。如需更多帮助developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API。我用我的参考问题解决了问题
JavaScript 区分大小写，并且您将全局变量定义为jsApp，而不是jsAPP

标签： javascript melonjs

【解决方案1】：

JavaScript 变量区分大小写；在 main.js 的开头，您声明了一个名为 jsApp 的变量。在同一个文件的末尾，您引用jsAPP，这是不一样的。把最后一个改成jsApp，会前进一点。

请参阅MDC Glossary 了解更多信息：

JavaScript 标识符必须以字母、下划线 (_) 或美元符号 ($) 开头；后续字符也可以是数字 (0-9)。由于 JavaScript 区分大小写，因此字母包括字符“A”到“Z”（大写）和字符“a”到“z”（小写）。

【讨论】：

谢谢您的帮助，非常感谢您的帮助