天天看點

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開發遊戲了

轉載于:https://www.cnblogs.com/crackpotisback/p/5022455.html

繼續閱讀