LP编辑器-使用手册
LP编辑器 (opens new window)
LP社区 (opens new window)
LP官网 (opens new window)
LP编辑器 (opens new window)
LP社区 (opens new window)
LP官网 (opens new window)
  • 初章

    • LP编辑器
    • 创建新项目
    • 基本设置
    • 发布作品
  • 编辑器界面

    • 界面总览
    • 工具模块
    • 游戏界面
    • 调试区域
  • 基本概念

    • 模块
    • 属性
    • 公式
    • 组合属性
    • 自动增加属性
    • 属性转化【需求、花费、获得】
    • 场景与控件
    • 字符串与图标
    • 深入理解控件
    • 自定义控件
    • 事件系统
    • 表格
    • 聊天与排行
    • 重置功能
    • 其他概念
    • 脚本系统
    • 模板功能
    • 商店插件
    • 邮件插件
    • 成就插件
    • 地图插件
  • 对象系统

    • 类与对象
    • 对象与控件
    • 对象筛选器
  • AI系统

    • 什么是AI
    • 编辑器AI功能
    • 控件发送提示词
    • AI冒险插件
  • 催更力教程

    • 什么是催更力
  • 初级制作教程

    • 点击增加属性效果
    • 动态控制属性上限
    • 自动增加属性效果
    • 初级弹窗制作
    • 小和尚敲木鱼
    • 高级制作教程

      • 让玩家选择属性效果
      • 离线事件获取与兑换
      • 挂机类RPG游戏制作
    • 编辑器教程
    • 初级制作教程
    lpengine
    2023-07-23
    目录

    小和尚敲木鱼

    本教程的目的是利用一些简单的功能实现一个敲木鱼的玩法,同时理解一些自动化的简易思路。(会包含一些简单的CSS内容和图片的使用方法)


    思路整理:

    1. 需要玩家点击一下敲木鱼的情况下,加1点功德
    2. 需要有个表现,就是每敲一下,会有个木鱼是被敲下的动画。(这里我们直接把木鱼图片做成按钮)
    3. 可以自动敲木鱼,解放双手

    # 敲木鱼的按钮制作

    1. 咱们先找两张敲木鱼的图,分别把他们转成SVG(转换网站:https://onlineconvertfree.com/zh/convert/jpg/),把转换的SVG点击右键用任意文本工具打开,即可获得SVG代码(这一步有疑问可随时在群里问)


    1.jpg2.jpg

    1. (若没有场景则需自行任意创建一个)新建两个属性,命名为【敲木鱼动画帧】【功德】;新建一个动态字符串,命名为【小和尚敲木鱼】。

    3.png4.png

    1. 双击字符串【小和尚敲木鱼】对字符串进行修改,因为有两种状态所以要新增一个状态,点击[新增状态],将抬起手的SVG代码复制到Lv.0空位里,将敲下的SVG代码复制到Lv.1的空位里;再点击Lv.1那一行的【编辑需求】对Lv.1显示需求进行编辑:
    • 敲木鱼动画帧 >= 1

    5.png

    1. 新建一个控件,命名为【敲木鱼】并双击修改控件属性(ID复制方法:界面左上角【快捷复制ID】点击后,出来的界面,点击要复制的内容前面的ID即可复制ID,也可以切换页签复制各类ID):
    • 覆盖按钮文本填写文本内容 → 动态文本【小和尚敲木鱼】的ID
    • 覆盖按钮提示填写文本内容 → 功德:属性【功德】的ID
    • 点击成功是否反馈 → 否
    • 点击失败是否反馈 → 否
    • 是否禁止显示详情 → 是

    7.png8.png6.png

    1. 然后我们继续修改控件【敲木鱼】的UI属性,点击【UI编辑器】:
    • 选中【最外层框样式(行样式)】 → 点击【添加一级样式】 → 可视化编辑区改为开启 → 勾选【内框大小】 改为 0 像素

    9.png10.png

    • 选中【文本域样式】 → 点击【添加一级样式】 → 勾选【显示模式】选择【完全隐藏】

    11.png

    • 选中【按钮样式】→ 点击【添加一级样式】→ 勾选【背景颜色】 把背景颜色改为【透明】

    12.png

    • 选中【按钮提示样式】→ 点击【添加一级样式】 → 勾选【字体颜色】选择为黑色 → 勾选【字体大小】修改为16像素 → 勾选【字体粗细】选择【更粗】 → 勾选【文字水平阴影】把颜色改为透明

    13.png14.png

    1. 以上我们把按钮样式给处理好了,然后我们来处理按钮的效果,在【点击后玩家获得属性】中添加如下条件:
    • 获得 1 点 功德
    • 获得 1 点 敲木鱼动画帧

    15.png

    1. 以上我们完成后发现,点击后会增加1点功德,小和尚也敲了木鱼,但是小和尚的手不会再次抬起来怎么办呢,接下来我们就需要把动画帧还原即可,我们双击属性【敲木鱼动画帧】修改其属性,【自动增加属性】改为是,新增效果:
    • 每 0.2 秒 增加 -1 点 敲木鱼动画帧

    16.png

    1. 现在已经实现点击获得功德也能播放特效了,但是总感觉少点什么……没错!就是音效,接下来我们给敲击加个音效,我们现在网上找个敲木鱼的音效外链,然后双击控件【敲木鱼】把音效找到的音效外链添加到【点击成功音效 】内。我们就完成了音效的加载
    一般推荐《爱给网》
    以下是我找的木鱼音效:
    https://s1.aigei.com/src/aud/mp3/a1/a121c4ef1aff4f029251c22f3575f8a9.mp3?download/%E6%95%B2%E6%9C%A8%E9%B1%BC_%E7%88%B1%E7%BB%99%E7%BD%91_aigei_com.mp3&e=1689537300&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:7tECsDYaadnAU7BXrn41fvABwJE=
    

    17.png


    # 自动敲木鱼

    1. 上面我们制作了手动敲木鱼的效果,下面我们来制作自动获取功德的效果,新建两个属性,命名为【自动敲木鱼计时器】【自动敲木鱼开关】

    18.png

    1. 双击属性【自动功德计时器】修改其内容,【最大值】改为1,【自动增加属性】改为是,新增效果:
    • 每 1 秒 增加 1 点 自动功德计时器

    19.png

    1. 新建一个动态字符串,命名为【自动敲木鱼按钮描述】,并双击修改其内容:
    • Lv.0 内容设置为:开启自动,颜色改为透明
    • Lv.1 内容设置为:关闭自动,颜色改为透明
    • Lv.1 编辑需求: 自动敲木鱼开关 >= 1

    21.png

    1. 新建一个控件,命名为【自动敲木鱼】,然后点击【控件排序】修改下控件排序把【自动敲木鱼】排到【敲木鱼】下面。

    20.png

    1. 双击控件【自动敲木鱼】修改其属性:
    • 覆盖按钮提示填写文本内容 → 动态文本【自动敲木鱼按钮描述】的ID
    • 按钮中显示提示 → 否
    • 点击成功是否反馈 → 否
    • 点击失败是否反馈 → 否
    • 是否禁止显示详情 → 是

    22.png6.png

    1. 修改【自动敲木鱼】控件的UI参数,点击【UI编辑器】
    • 选中【最外层框样式(行样式)】 → 点击【添加一级样式】 →【可视化编辑区】改为开启(若已经开启则无视) → 勾选【内框大小】改为 0 像素

    23.png

    • 选中【文本域样式】 → 点击【添加一级样式】 → 勾选【显示模式】选择【完全隐藏】

    24.png

    1. 设置【自动敲木鱼】控件的【点击后玩家获得属性】:
    • 获得 1 点 自动敲木鱼开关 【条件:自动敲木鱼开关 < 1 】
    • 获得 -1 点 自动敲木鱼开关 【条件:自动敲木鱼开关 >= 1 】

    25.png

    1. 新建一个事件,命名为【自动敲木鱼】,双击修改其属性:
    • 将【普通(离线也会触发)】改为将【普通(仅在线)】(目的是开启音效播放,但是这样离线就不能自动敲了)
    • 【触发音效】内填入和控件【敲木鱼】相同的音效
    • 【触发控件】内选择控件【敲木鱼】(目的是事件触发时会触发一次控件效果)

    26.png

    1. 设置当前事件的【事件触发需求属性 】:
    • 自动敲木鱼计时器 >= 1
    • 自动敲木鱼开关 >= 1
    1. 设置当前事件的【触发后获得属性】:
    • 获得 0 +( -1 x 自动敲木鱼计时器) 点 自动敲木鱼计时器

    27.png


    # 以上我们就做出了一个完整的敲木鱼和自动敲木鱼的功能

    上次更新: 2023/12/06, 19:43:46
    初级弹窗制作
    让玩家选择属性效果

    ← 初级弹窗制作 让玩家选择属性效果→

    Theme by Vdoing | Copyright © 2022-2025 LPEngine
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式