![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
PVZ系列
Archer1209
这个作者很懒,什么都没留下…
展开
-
PVZ系列七 | 音乐音效
查看文档CreateJs整合了SoundJs,看看官方文档说怎么用。SoundJs文档理解一下 createjs.Sound.alternateExtensions = ["mp3"]; createjs.Sound.on("fileload", loadHandler, stage); createjs.Sound.registerSound("path/to/mySound.og...原创 2019-11-30 13:01:15 · 764 阅读 · 2 评论 -
PVZ系列六 | 僵尸动画转换
这篇将会用影片剪辑内部跳转的方式转变僵尸的状态。效果预览修改僵尸影片剪辑我们需要在一个影片剪辑内把会用到的僵尸动画都包含进去。像这样↓整个影片剪辑包含了三段动画,除去死亡动画,其余动画片段的最后一帧均包含了this.gotoAndPlay()语句,用来形成动画循环。示意图如下:所以,我们对于僵尸显示效果的转换只需要在他需要转换时跳转到相应状态的头一帧就好了。另一种思路把不同状...原创 2019-11-24 09:57:09 · 1012 阅读 · 1 评论 -
PVZ系列五 | 铲子
如果前面的逻辑都搞懂了,写铲子就十分的容易。他跟种豌豆一模一样。预览逻辑代码////铲子//function addShovel(){ var card_shovel = new lib.shovelCard(); overlayContainer.addChild(card_shovel); card_shovel.buttonModel = true; card_s...原创 2019-11-22 20:09:37 · 611 阅读 · 0 评论 -
PVZ抓虫二 | 图层显示先后顺序
在游戏中,当两个物体重叠时,我们需要控制谁显示在最顶层。addChildAt ( child , index )查看文档,得知使用方式,亲自动手试一试。链接:https://createjs.com/docs/easeljs/classes/Container.html#method_addChildAt在自己的代码中尝试在把容器添加到舞台时,我们直接给容器设定所造图层。首先我们要搞...原创 2019-11-22 10:58:22 · 394 阅读 · 0 评论 -
PVZ抓虫一 | 鼠标与植物偏移的bug
世上也许有玄学,但不会在代码上出现。——鲁迅关于鼠标与植物偏移的bugbug描述:在网页不同缩放倍率下,出现鼠标与植物偏移。缩放100%↓缩放70%↓缩放130%↓问题原因:这是因为在网页缩放时,只放大了我们所看到的内容。在网页的html文件代码中,我们会发现一个resizeCanvas()函数,它是用来缩放canvas的大小的。而在An中构建文件时,我们的格子宽高以及格子区...原创 2019-11-21 20:26:54 · 294 阅读 · 0 评论 -
PVZ系列四 | 子弹
首先我们要搞清楚攻击的逻辑。植物检测到前方有僵尸,然后生成一个子弹。子弹每一帧前进,如果检测碰撞到僵尸就消失。消失的同时,僵尸扣血。效果预览首先,要让子弹生成function onEnterFrm(){ // // 植物管理 // for (i = 0; i < plantContainer.numChildren; i++) { var currentPlant...原创 2019-11-21 19:06:37 · 648 阅读 · 0 评论 -
PVZ系列三 | 僵尸
僵尸的生成逻辑与太阳的生成逻辑十分的相似。效果预览每隔一段时间随机一行生成一个僵尸僵尸遇到植物后开始吃菜,吃完后继续往前走。实现过程详解第一步:生成僵尸其中,addZombie()函数是我们放在main函数中执行的。//// 初始化僵尸//function addZombies(){ var zombieTimer = setInterval(newZombie, ...原创 2019-11-21 18:33:40 · 573 阅读 · 0 评论 -
PVZ系列二 | 植物
这回我们来看看植物是怎么结合阳光种下的。注意,这里只是种下,攻击的子弹将会在另一篇中呈现。效果预览界面上有一个豌豆卡片让我们选择点击卡片后扣钱,并产生一个拖动的豌豆鼠标在格子中时,会产生一个植物的预览点击后植物被种下实现过程详解初始化这里初始化和前面生成太阳一样。界面上有一个豌豆卡片我们在addPlants()函数中添加卡片。并把它添加到main()函数中。///...原创 2019-11-17 10:59:24 · 844 阅读 · 0 评论 -
PVZ系列一 | 太阳
这篇我们讲讲PVZ中是如何实现太阳的行为的。原创 2019-11-16 11:48:17 · 842 阅读 · 0 评论