Question

我正在研究创建浏览器游戏开发。我有很强的C编程背景（c / c ++ / c＃）和web开发（html / css / wordpress / some JS）。这个编程领域看似混乱，没有人有一个运行良好且良好的坚定框架。

我一直在探索可用的库，例如gameQueryJs和我发现的其他教程，例如Canvas Tutorial，我一直在遇到同样的问题。

他们都只是直接跳入代码。没有预先设置，HTML页面应该是什么样子，什么都不是。他们都进入了BANG，直接进入javascript。

在进入javascript之前，我需要设置网页。我想知道如何设计这样的页面以及如何正确导入脚本。

例如，如果我想添加jquery和gamequery libary，我会像这样添加吗？

<html>
  <head>
     <link rel="stylesheet" type="text/css" href="style.css">
     <script src="js/jquery-3.1.0.min.js"></script>
     <script src="js/jquery.gamequery-0.7.1.js"></script>
     <title> GAME TITLE </title>
  </head>
  <body>
    <div id="game-txt">
        <h1> GAME TITLE </h1>
    </div>  
    <div id="wrap">
        <div id="canvascontainter">
            <canvas id="canvas" width="300" height="300"></canvas> -- ignore this, this was when I was playing with the canvas tutorial
        </div>
  </body>
</html>
<!-- SCRIPT STUFF DOWN HERE? -->

为了进一步解释我的问题，这里是gameQueryJS的第一行代码，介绍给你使用。

var PLAYGROUND_HEIGHT = 250;
    var PLAYGROUND_WIDTH = 700;

    $("#playground").playground({height: PLAYGROUND_HEIGHT, width: PLAYGROUND_WIDTH});

去哪儿了？他们在页面上操纵的游乐场ID是多少？他们就像我发现的所有其他教程一样向你抛出那条线而不解释任何东西。

Answer 1

Javascript可以放在脚本标签中，也可以放在单独的文件中，就像你正在加载的gameQueryJs库一样。

你把脚本标签放在哪里几乎完全取决于你，虽然大多数人会把它们放在那个部分。

但是将它们放在页面的结束标记下面是不正确的。不幸的是，大多数浏览器即使在那时也会接受并执行它，因为他们非常努力地使每个页面得到服务。有关脚本标记放置位置的详细信息，请选中W3Schools

他们所指的游乐场是你在你的页面上拥有的一个元素，在第一课的例子里，它是一个带有id操场的div。

另外，如果你检查他们给出的第一个例子你可以选择用JSFiddle编辑，他们显示的代码应该帮助你回答问题的一部分，并增加你抱怨的信息。

浏览器游戏开发的层次结构

1 个答案: