easeljs怎么用?新手入门教程看这篇就够了!

吉云

今儿个,咱来聊聊EaselJS这玩意儿。一开始我也不懂这是后来发现,这东西在做网页动画和游戏方面还挺好使!

摸索阶段

我像个无头苍蝇似的,到处找资料。找到CreateJS官网,一堆英文,看得我头大。好不容易下载最新版的EaselJS,解压后在lib文件夹里找到easeljs-0.8.*,这算是第一步。

easeljs怎么用?新手入门教程看这篇就够了!

引入阶段

有文件,下一步就是把它弄到我的网页里。咋弄?用<script>标签呗!就像这样:

<script src="easeljs-0.8.*"></script>

注意,这路径得根据你放文件的位置来改。

初步尝试

引入之后,总得试试看能不能用?我找个简单的例子,照着敲一遍:

easeljs怎么用?新手入门教程看这篇就够了!


<script>

function init() {

// 这里写代码

easeljs怎么用?新手入门教程看这篇就够了!

</script>

然后,在init()函数里,我试着用EaselJS创建一个简单的图形,就是一个小圆圈。还真在网页上显示出来!当时心里那个激动,感觉自己像个大神一样!

深入研究

能显示东西,我就更有劲头。我又去翻翻那些资料,发现EaselJS这东西功能还挺多。它能画各种图形,圆形、矩形、多边形,还能做动画,甚至还能处理用户的点击、拖动这些操作。这下我可来劲,开始琢磨着做点更复杂的东西。

实践出真知

光看资料不行,还得动手实践。我开始尝试用EaselJS做一个小游戏,就是一个简单的打砖块。我用EaselJS画出小球、板子、砖块,然后用它的动画功能让小球动起来,再用它的事件处理功能让玩家能用鼠标控制板子移动。经过一番折腾,还真让我给做出来!虽然画面简陋点,但玩起来还挺有意思的。

总结

这一通折腾下来,我对EaselJS也算是有个初步的解。这东西,上手不算难,功能也挺强大,用来做些网页动画、小游戏啥的,挺合适的。要想做出更牛逼的东西,还得继续学习,继续实践。我这不正琢磨着再做个啥好玩的!

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。

目录[+]