位置: 编程技术 - 正文
推荐整理分享javascript轻量级库createjs使用Easel实现拖拽效果(javascriptj),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:轻量级javaee,:javascript,javascriptz,javascriptj,javascriptz,js轻应用,轻量级js框架,轻量级js框架,内容如对您有帮助,希望把文章链接给更多的朋友!
我就把我学习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窗口分帧解析 什么是窗口分帧?窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件,每个帧(即页面)都有自己的url。帧窗
学习javascript文件加载优化 在js引擎部分,我们可以了解到,当渲染引擎解析到script标签时,会将控制权给JS引擎,如果script加载的是外部资源,则需要等待下载完后才能执行。所
基于JavaScript实现弹出框效果 弹出框在网站页面中是必不可少的一部分,今天借助积木网平台给大家分享使用js实现简单的弹出框效果,本文写不好,还请见谅!首先我们来分析弹出
标签: javascriptj
本文链接地址:https://www.jiuchutong.com/biancheng/380385.html 转载请保留说明!上一篇:谈一谈javascript中继承的多种方式(谈一谈你对人与自然关系的认识)
友情链接: 武汉网站建设