CoCoS 2D-JS的开发环境搭建

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开发游戏了

你可能感兴趣的:(CoCoS 2D-JS的开发环境搭建)