createjs初学-简单的图片拖拽
2015-07-22 11:14
686 查看
在createjs中实现拖拽特别简单,基本上就是侦听一个pressmove事件就可以了
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="script/easeljs-0.8.1.min.js"></script> <title>dragtest</title> </head> <body> <canvas id="dragCanvas" width="600" height="400"></canvas> <script> var stage=new createjs.Stage("dragCanvas"); createjs.Ticker.setFPS(30); createjs.Ticker.addEventListener("tick",stage); var image=new createjs.Bitmap("images/test.jpg"); stage.addChild(image); var oldX; var oldY; image.addEventListener("mousedown",function(e){ oldX= e.stageX; oldY= e.stageY; }); image.addEventListener("pressmove", function (e) { e.target.x+= e.stageX-oldX; e.target.y+= e.stageY-oldY; oldX= e.stageX; oldY= e.stageY; }); </script> </body> </html>
相关文章推荐
- 工作总结-摸水游戏制作
- 入门createjs———easelJS教程(1)绘制一个圆形
- CreateJS基础 学习笔记(上)
- createjs初学-创建一个button
- Html5开发小游戏看你有多色
- 分享一个帮助你快速构建HTML5游戏的javascript类库 - CreateJS
- CreateJS开始使用文档翻译
- CreateJS-SoundJS翻译
- CreateJS-TweenJS文档翻译
- CreateJS-EaselJS文档翻译
- JavaScript中的面向对象
- Hello Createjs
- canvas图片数字计时
- createJs 手机点击触发两次解决方法
- VUE+WebPack游戏设计:欲望都市,构建类RPG游戏的开发
- 【CreateJS】WebStorm+Adobe Animate CC 搭配开发HTML5,入门教程
- createjs-打豆豆小游戏制作(4)
- createjs-打豆豆小游戏制作(3)
- createjs-打豆豆小游戏制作(2)
- createjs-打豆豆小游戏制作(1)