CoCoS 2D-JS的開發環境搭建
在Hbuilder中建立web項目,将cocos2d-js-v3.9.js複制到在js檔案夾下,将project.json複制到工程的根目錄下
在index.html檔案中寫入如下
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <title>Super Mario</title>
6 <script type="text/javascript">
7 var g = g || {};
8 </script>
9 <script src="js/cocos2d-js-v3.9.js"></script>
10 </head>
11 <body>
12 <canvas id="gameCanvas" width="400" height="224"></canvas>
13 <script src="js/resource.js" type="text/javascript" charset="utf-8"></script>
14 <script src="js/GameScene.js" type="text/javascript" charset="utf-8"></script>
15 <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
16 </body>
17 </html>
建立main.js
1 window.onload = function(){
2 cc.game.onStart = function(){
3
4 cc.LoaderScene.preload([], function(){
5
6 var scene = new GameScene();
7 cc.director.runScene(scene);
8
9 });
10
11 };
12
13 cc.game.run('gameCanvas');
14 };
建立GameScene.js
1 var GameScene = cc.Scene.extend({
2
3 });
基本配置就搞好了,接下來就可以開始利用Cocos2d-js開發遊戲了
轉載于:https://www.cnblogs.com/crackpotisback/p/5022455.html