Layabox引擎开发H5打地鼠游戏（五）

最新推荐文章于 2024-07-04 18:11:08 发布

橘子泡泡

最新推荐文章于 2024-07-04 18:11:08 发布

阅读量1.4k

点赞数

文章标签： layabox 打地鼠 JavaScript

本文链接：https://blog.csdn.net/qq_40184652/article/details/81630003

版权

本文介绍了如何利用Layabox引擎制作H5打地鼠游戏中锤子打击地鼠的动画效果。通过设置锤子的中心点，调整旋转角度和位置，创建锤击动画，并实现得分飘字效果。详细步骤包括导入资源，粘贴代码，调整锤子状态，以及创建新的页面和JavaScript文件。

摘要由CSDN通过智能技术生成

第五节木槌敲打地鼠的打击效果动画制作

游戏得分飘字效果
小锤子锤击地鼠的效果

游戏得分飘字效果

导入资源刷新将+100移动到相应位置

分别选中其他的box Ctrl+Shift+V 粘贴+100 导出

本节代码放在最后

小锤子锤击地鼠的效果

新建页面
这里写图片描述
改变锤子的中心点 var=hammer

改变旋转角度移动位置到合适位置
第二帧设置锤子抬起状态

第五帧还原第一帧锤子的状态
点击播放自己进行操作修改
改名

保存导出代码
在src下新建Hammer.js
Hammer.js

var Hammer=(function(_super){
    function Hammer(){
        Hammer.super(this);
    }
    Laya.class(Hammer,"Hammer",_super);
    var _proto=Hammer.prototype;
    //开始使用
    _proto.start=function(){
        Laya.Mouse.hide();
        Laya.stage.on(Laya.Event.MOUSE_DOWN,this,this.onMouseDown);
        Laya.stage.on(Laya.Event.MOUSE_MOVE,this,this.onMouseMove);
    }
    //结束使用
    _proto.end=function(){
        Laya.mouse.show();
        Laya.stage.off(Laya.Event.MOUSE_DOWN,this,this.onMouseDown);
        Laya.stage.off(Laya.Event.MOUSE_MOVE,this,this.onMouseMove);
    }
    _proto.onMouseDown=function(){
        this.hit.play(0,false);
    }
    _proto.onMouseMove