easeljs web开发围住神经小猫咪【一】


前两天学的围住神经小猫咪————图片版,在这里总结一下,与之前的神经猫有了很多新的东西。


开始。

一.加载背景,圆圈,小猫咪


这里要用到easeljs,首先建立index.html之后引入easeljs文件
<script src="easeljs-0.8.0.min.js"></script>

观察游戏,我们会发现,与之前圆圈版为主神经猫不同的是,
1.这里的猫咪是踩在圆圈上的,也就是说,猫咪和圆圈不可以封装在一个类中,而是猫单独一个类,圆圈单独一个类。
2.背景图片是贯穿整个游戏始终的,所以可以在canvas外部添加背景图片,即在index中添加,与canvas并列。
 
 

那么,首先,就在index.html中加载背景图片吧。

<body>
<img src="res/bg.jpg" id="bg">
<canvas id="myCanvas" width="480" height="800"
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值