javascript轻量级库createjs使用Easel实现拖拽效果_javascript技巧
来源：懂视网
责编：小采
时间：2020-11-27 20:50:59
javascript轻量级库createjs使用Easel实现拖拽效果_javascript技巧
javascript轻量级库createjs使用Easel实现拖拽效果_javascript技巧:我就把我学习Createjs的一些心得体会向大家分享下： 一.什么是CreateJS? createjs是一个轻量级的javascript库，是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，利用createjs可以构建出许多有趣的动画游戏。例如围住神经猫，看你有多色等Html
导读javascript轻量级库createjs使用Easel实现拖拽效果_javascript技巧:我就把我学习Createjs的一些心得体会向大家分享下： 一.什么是CreateJS? createjs是一个轻量级的javascript库，是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，利用createjs可以构建出许多有趣的动画游戏。例如围住神经猫，看你有多色等Html
我就把我学习Createjs的一些心得体会向大家分享下：
一.什么是CreateJS?
createjs是一个轻量级的javascript库，是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，利用createjs可以构建出许多有趣的动画游戏。例如围住神经猫，看你有多色等Html5游戏。
二.CreateJS有哪几款工具？
createjs里面共有四大引擎:
EaselJS:主要用于动画、向量及位图的绘制。提供支持移动设备触控的一系列方法(click、mousedown、pressup、pressmove分别为鼠标点击、按下、松开以及移动的事件,不过在之前要加上createjs.Touch.enable(<舞台对象>))。
TweenJS:是一个制作补间动画的引擎，可生成一种连续变化的效果。(用过flash的童鞋应该知道什么是补间动画哈)
SoundJS:是一个音频播放的引擎，可根据浏览器兼容性及性能选择音频格式播放，可随时加载和卸载。
PreloadJS:是一个资源预加载的引擎，还可以指定加载顺序及按优先级分组加载资源。
三.如何利用Easel制作一个简单的拖拽？
那么假如现在需要用EaselJs实现可任意拖拽一张图片，并通过单击该图片使图片处于选中或未选中状态，选中状态即为可拖拽状态，未选中状态即为不可拖拽状态。且最多有一张图片可以处于拖拽状态。那么如何利用EaselJs实现这个需求且支持移动端设备呢？废话不多说，上源码。
HTML代码：
javascript轻量级库createjs使用Easel实现拖拽效果_javascript技巧
javascript轻量级库createjs使用Easel实现拖拽效果_javascript技巧:我就把我学习Createjs的一些心得体会向大家分享下： 一.什么是CreateJS? createjs是一个轻量级的javascript库，是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，利用createjs可以构建出许多有趣的动画游戏。例如围住神经猫，看你有多色等Html
