梦幻诛仙2化生模拟器怎么玩-梦幻诛仙2化生模拟器

最近团里好多朋友都再来打梦幻诛仙，本来读 ### 计算器 > 本项目的计算器功能实现逻辑主要是通过监听用户输入的等级和修为来计算用户当前的等级信息和剩余升级修为信息，具体实现思路如下 #### 1、实现监听 通过设置一个属性 ```computed``` 为 `true`，并在视图层和逻辑层书写同名的两个函数 `watch` 和 `compute`。并在 `watch` 函数里监听用户输入的个人信息，而 `compute` 函数则通过监听用户输入框的变化不断获取用户输入的信息。监听函数如下 ```typescript // 定义个人信息 interface Person { name: string; age: number; level: number; currentXP: number; XPtoLevel: number; } // 设置监听 watch: { // 监听用户输入的等级 'levelWatcher': { // 等级别级变化则直接修改用户输入信息 handler (val, oldVal) { this.personup.level = val * 1; this.user.level = val * 1; this.personall.level = val * 1; this.levelup = val; if (this.levelup > 170) { this.levelup = 170; } }, // 因监听函数执行了三次，后执行两次 deep: true } }, // 实时计算 computed: { compute () { // 判断当前是否有更新个人信息 if (!this.isEdit) { // 当前等级下所需修为值 let _currentXpToLevel = this.XpToLevel(this.levelup); this.personup.XPtoLevel = _currentXpToLevel; this.user.XPtoLevel = _currentXpToLevel; this.personall.XPtoLevel = _currentXpToLevel; this.curenttoleve = _currentXpToLevel; this.personup.currentXP = this.myYx; this.user.currentXP = this.myYx; this.personall.currentXP = +this.myYx; // 获取用户实际需要多少修为值 this.personup.daodi = this.curenttoleve - +this.myYx; this.user.needXP = this.curenttoleve - this.leijixiu; this.personall.needXP = this.curenttoleve - +this.myYx; this.zengjia = this.getZengjia(this.levelup, this.myYx); } }, } ``` #### 2、部分代码说明 ```typescript // 判断当前是否有更新个人信息 if (!this.isEdit) { ... } ``` 如代码注释所示，此处根据变量 `isEdit` 的状态来控制用户在等级个人信息修改后，不要再去实时计算。提示`isEdit` 变量的控制逻辑在 **实现用户个人信息实时获取** 代码段里有统一说明。 到这里初步实现了计算器的主要功能实时监听等级和修为的变化给出当前等级对应的修为值，等级升级需要的升级修为值以及给出当前等级依次升级和提升所需的修为值（小怪保命期间）。 ### 实现用户个人信息实时获取 通过监听用户在输入等级个人信息处输入个人信息后，将个人信息处理赋值给配置我们在测试阶段编辑的 `person` 字段的接口。通过监听 `_person` 下面的某个字段来进行实时更新赋值。 ```typescript // 监听用户输入的个人信息 watch: { _person () { // 判断当前用户是否修改信息状态 if (!this.isEdit) { // 初始等级 let level: number = parseInt('0' + this.$data._person.level); // 初始修为值 let myYX: number = parseInt('0' + this.$data._person.myYX);; // 等级最小不能低于1级 if (level < 1) { level = 1; } // 修为值最小不能低于或等于 if (myYX <= 0) { myYX = 1; } // 目前等级下需要多少修为值 let _currentXpToLevel: number = this.XpToLevel(level); // 总修为值 let leijixiu: number; // 实时监测当前等级下的修为值和总修为值 if (level && myYX && _currentXpToLevel && (myYX < _currentXpToLevel)) { // 用户当前等级下所需的修为值 this.user.currentXP = myYX; // 给用户所需总修为值 this.user.needXP = _currentXpToLevel - user.currentXP; // 用户通过游戏累积升级获得的修为值 this.user.currentXP = myYX; } // 用户在小怪练级时通过冰冻挂机获取总修，而累积提升时，每次不究不同时，需要多的修为值 if (this.isAuto != 1) { //手动提升总修为 if (_currentXpToLevel) { // 当前所需修为 = （当前等级下所需的修为值 - 用户手动入总修为值） this.user.needXP = _currentXpToLevel - myYX; // 给用户所需总修为 this.user.needXP = _currentXpToLevel - myYX; // 用户手动输入的平台总修为 if (_currentXpToLevel < myYX) { alert(this.$data._person.level + "所需修为值最多为" + _currentXpToLevel); this.cmb = _currentXpToLevel; } else { this.cmb = this.user.needXP; } } } let tdTPL: number = this.tdTPL; let zhidaoTPL: number = this.zhidaoTPL; let yinyuTPL: number = this.yinyuTPL; if (tdTPL) { tdTPL = 1 * tdTPL; } else { tdTPL = 1.5; } if (zhidaoTPL) { zhidaoTPL = 1 * zhidaoTPL; } else { zhidaoTPL = 1.2; } if (yinyuTPL) { yinyuTPL = 1 * yinyuTPL; } else { yinyuTPL = 1.1; } // 等级对应普通修为百分比 this.bg = this.keYINamong / 100; // 出战生活百分比 this.qishenghuo = (zhidaoTPL | yinyuTPL | tdTPL); // 等级乘机修炼 if (this.bg > 100) { this.gongji = 100; } else { this.gongji = this.bg; } if ((parseInt('' + this.user.level) > 170)) { this.user.level = 170; this.user.XPtoLevel = this.XpToLevel(this.user.level); // 人物总修为 this.user.XPtoLevel = 0; } } } }, ``` was last modified: 通过监听 `_person` 中的个人信息实时更新获取用户加入用户个人信息字典 `person`，用来完成实时计算。 到这里我们完成了计算器页面，当然这只是项目初步实现的一个Demo，后期会持续更新与优化，考虑现在各种计算器，实现什么新功能或新设计。 感谢所有支持者和所有使用用户。谢谢！