HTML5图片旋转首先我们使用Cococs2dx-Js-Lite版,来创建一个工程,我们所需要的开发环境如下:1,webstrom2,google chrome浏览器3,cocos2dx-Js-Lite 引擎 使用cocos2d-Js也可以!第一步:我们来进行Cocos2dx-J ...
HTML5图片旋转
首先我们使用Cococs2dx-Js-Lite版,来创建一个工程,我们所需要的开发环境如下:
1,webstrom
2,google chrome浏览器
3,cocos2dx-Js-Lite 引擎 使用cocos2d-Js也可以!
第一步:
我们来进行Cocos2dx-Js-Lite来创建工程;
我们只需要拷贝这3个文件到我们的工程更目录文件夹中;
拷贝完之后我们根目录如下:
然后我们在我们webstrom中创建两个路径文件夹res(存放图片资源),src文件夹(存放js代码)
然后我们更改我们index.html里面的代码:
index.html
<!DOCTYPE html><html><head> <title>Hello Cocos2d-JS</title> <script type="text/javascript" src='/images/loading.gif' data-original="cocos2d-js-v3.6-lite.js" charset="UTF-8"></script></head><body> <canvas id="gameCanvas" width="640" height="1136"></canvas> <script type="text/javascript"> window.onload = function(){ cc.game.onStart = function(){ //load resources cc.LoaderScene.preload([], function () { var MyScene = cc.Scene.extend({ onEnter:function () { this._super(); var mainlayer = new MainLayer(); this.addChild(mainlayer); } }); cc.director.runScene(new MyScene()); }, this); }; cc.game.run("gameCanvas"); }; </script></body></html>
原标题:HTML5图片旋转
关键词:HTML
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。