今儿个,咱来聊聊EaselJS这玩意儿。一开始我也不懂这是后来发现,这东西在做网页动画和游戏方面还挺好使!
摸索阶段
我像个无头苍蝇似的,到处找资料。找到CreateJS官网,一堆英文,看得我头大。好不容易下载最新版的EaselJS,解压后在lib文件夹里找到easeljs-0.8.*,这算是第一步。
引入阶段
有文件,下一步就是把它弄到我的网页里。咋弄?用<script>标签呗!就像这样:
<script src="easeljs-0.8.*"></script>
注意,这路径得根据你放文件的位置来改。
初步尝试
引入之后,总得试试看能不能用?我找个简单的例子,照着敲一遍:
<script>
function init() {
// 这里写代码

</script>
然后,在init()函数里,我试着用EaselJS创建一个简单的图形,就是一个小圆圈。还真在网页上显示出来!当时心里那个激动,感觉自己像个大神一样!
深入研究
能显示东西,我就更有劲头。我又去翻翻那些资料,发现EaselJS这东西功能还挺多。它能画各种图形,圆形、矩形、多边形,还能做动画,甚至还能处理用户的点击、拖动这些操作。这下我可来劲,开始琢磨着做点更复杂的东西。
实践出真知
光看资料不行,还得动手实践。我开始尝试用EaselJS做一个小游戏,就是一个简单的打砖块。我用EaselJS画出小球、板子、砖块,然后用它的动画功能让小球动起来,再用它的事件处理功能让玩家能用鼠标控制板子移动。经过一番折腾,还真让我给做出来!虽然画面简陋点,但玩起来还挺有意思的。
总结
这一通折腾下来,我对EaselJS也算是有个初步的解。这东西,上手不算难,功能也挺强大,用来做些网页动画、小游戏啥的,挺合适的。要想做出更牛逼的东西,还得继续学习,继续实践。我这不正琢磨着再做个啥好玩的!