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代碼:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascript輕量級庫createjs使用Easel實現拖拽效果_javascript技巧
javascript輕量級庫createjs使用Easel實現拖拽效果_javascript技巧:我就把我學習Createjs的一些心得體會向大家分享下: 一.什么是CreateJS? createjs是一個輕量級的javascript庫,是一套可以構建豐富交互體驗的 HTML5 游戲的開源工具包,利用createjs可以構建出許多有趣的動畫游戲。例如圍住神經貓,看你有多色等Html