你的位置:首页 > 软件开发 > 网页设计 > HTML5图片旋转

HTML5图片旋转

发布时间:2015-06-29 12:00:13
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来创建工程;

HTML5图片旋转

我们只需要拷贝这3个文件到我们的工程更目录文件夹中;

拷贝完之后我们根目录如下:

HTML5图片旋转

然后我们在我们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 (#换成@)。