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

最新推荐文章于 2018-08-02 12:48:24 发布

weixin_30654583

最新推荐文章于 2018-08-02 12:48:24 发布

阅读量76

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/crackpotisback/p/5022455.html

版权

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

weixin_30654583

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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 <m...
复制链接

扫一扫