查看“比波”的源代码

<div style="text-align: left; margin-top: 10px;">
<span style="font-size: 32px; font-weight: bold;">
比波<span style="margin-left: 100px;">[[File:11比波.png|100px]]</span>
</span>
</div>
==精灵资料==
* 精灵名称：比波  
* 图鉴编号：11  
* 属性：飞行  
* 分类：  
* 类型：野生精灵  
* 身高：56.0cm  
* 体重：9.8kg  
* 获取方式：  
* 精灵介绍：皮皮的进化形态，它的速度非常快，总是成群的出现，形成一片粉色的风景线。

==种族值==
{| class="wikitable"
|-
! 攻击 !! 防御 !! 特攻 !! 特防 !! 速度 !! 体力 !! 总和
|-
| 75 || 50 || 40 || 40 || 80 || 55 || 340
|}<html>
<style>
.stat-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 20px;
  font-family: sans-serif;
}
fieldset {
  padding: 10px 15px;
  border: 1px solid #aaa;
  border-radius: 8px;
  background: #ffffffcc;
}
legend {
  font-weight: bold;
}
label {
  display: inline-block;
  margin: 5px 0;
}
input[type="number"], select {
  width: 60px;
}
.stat-table {
  width: 100%;
  border-collapse: collapse;
}
.stat-table td, .stat-table th {
  border: 1px solid #aaa;
  text-align: center;
  padding: 4px;
}
.stat-wrapper {
  transform: scale(0.7);
  margin: -100px -140px;
}
</style>

<div class="stat-wrapper">
  <!-- 基础配置 -->
  <fieldset>
    <legend>基础配置</legend>
    <label>等级：<input id="level" type="number" value="100" min="1" max="100"></label><br>
    <label>个体值：<input id="iv" type="number" value="31" min="0" max="31"></label><br>
    <label>性格：
      <select id="nature">
        <option value="neutral">平衡</option>
        <option value="adamant">固执</option>
        <option value="modest">保守</option>
        <option value="jolly">爽朗</option>
        <option value="bold">大胆</option>
        <option value="calm">冷静</option>
      </select>
    </label><br><br>
    <button onclick="resetStats()">重置</button>
    <button onclick="calcStats()">计算</button>
  </fieldset>

  <!-- 学习力 -->
  <fieldset>
    <legend>学习力</legend>
    <label>体力：<input name="ev" type="number" value="0"></label><br>
    <label>攻击：<input name="ev" type="number" value="0"></label><br>
    <label>防御：<input name="ev" type="number" value="0"></label><br>
    <label>特攻：<input name="ev" type="number" value="0"></label><br>
    <label>特防：<input name="ev" type="number" value="0"></label><br>
    <label>速度：<input name="ev" type="number" value="0"></label><br>
    <b>剩余学习力：<span id="ev-remaining">510</span></b>
  </fieldset>

  <!-- 种族值 -->
  <fieldset>
    <legend>种族值</legend>
<table class="stat-table">
  <tr><th>项目</th><th>值</th></tr>
  <tr><td>体力</td><td><input name="base" class="base" type="number" value="0" min="0"></td></tr>
  <tr><td>攻击</td><td><input name="base" class="base" type="number" value="0" min="0"></td></tr>
  <tr><td>防御</td><td><input name="base" class="base" type="number" value="0" min="0"></td></tr>
  <tr><td>特攻</td><td><input name="base" class="base" type="number" value="0" min="0"></td></tr>
  <tr><td>特防</td><td><input name="base" class="base" type="number" value="0" min="0"></td></tr>
  <tr><td>速度</td><td><input name="base" class="base" type="number" value="0" min="0"></td></tr>
</table>

  </fieldset>

  <!-- 计算结果 -->
  <fieldset>
    <legend>计算结果</legend>
    <table class="stat-table">
      <tr><th>项目</th><th>结果</th></tr>
      <tr><td>体力</td><td class="result">0</td></tr>
      <tr><td>攻击</td><td class="result">0</td></tr>
      <tr><td>防御</td><td class="result">0</td></tr>
      <tr><td>特攻</td><td class="result">0</td></tr>
      <tr><td>特防</td><td class="result">0</td></tr>
      <tr><td>速度</td><td class="result">0</td></tr>
    </table>
  </fieldset>
</div>

<script>
function getNatureModifiers(nature) {
  const map = {
    adamant: [1.1, 1.0, 1.0, 0.9, 1.0],
    modest:  [0.9, 1.0, 1.0, 1.1, 1.0],
    jolly:   [1.0, 1.0, 1.0, 0.9, 1.1],
    bold:    [0.9, 1.1, 1.0, 1.0, 1.0],
    calm:    [0.9, 1.0, 1.0, 1.0, 1.1],
    neutral: [1.0, 1.0, 1.0, 1.0, 1.0]
  };
  return map[nature] || map.neutral;
}

function calcStats() {
  const level = parseInt(document.getElementById("level").value);
  const iv = parseInt(document.getElementById("iv").value);
  const evs = document.getElementsByName("ev");
  const bases = document.querySelectorAll(".base");
  const results = document.querySelectorAll(".result");
  const nature = document.getElementById("nature").value;
  const modifiers = getNatureModifiers(nature);
  
  let totalEV = 0;
  for (let i = 0; i < 6; i++) {
    const base = parseInt(bases[i].value || "0");
    const ev = parseInt(evs[i].value || "0");
    totalEV += ev;
    let stat;
    if (i === 0) {
      stat = Math.floor(((base * 2 + iv + Math.floor(ev / 4)) * level) / 100 + level + 10);
    } else {
      stat = Math.floor(((((base * 2 + iv + Math.floor(ev / 4)) * level) / 100) + 5) * modifiers[i - 1]);
    }
    results[i].textContent = stat;
  }
  document.getElementById("ev-remaining").textContent = Math.max(510 - totalEV, 0);
}

function resetStats() {
  document.getElementById("level").value = 100;
  document.getElementById("iv").value = 31;
  document.getElementById("nature").value = "neutral";
  document.querySelectorAll("input[name='ev']").forEach(i => i.value = 0);
  document.querySelectorAll(".result").forEach(i => i.textContent = "0");
  document.getElementById("ev-remaining").textContent = "510";
}
</script>
</html>

==技能列表==
{| class="wikitable"
! 技能 !! 类型 !! 威力 !! PP !! 命中 !! 学习等级 !! 参考暴击 !! 描述
|-
| 撞击 || 物理攻击（普通） || 35 || 35 || 95% || 1 || 1/16 || --
|-
| 鸣叫 || 属性攻击 || 0 || 40 || 100% || 3 ||  || 技能使用成功时，100%改变对手攻击等级-1。
|-
| 电光火石 || 物理攻击（普通） || 40 || 30 || 100% || 5 || 1/16 || 先制+1。
|-
| 飞翼拍击 || 物理攻击（飞行） || 60 || 35 || 100% || 9 || 1/16 || --
|-
| 诱惑 || 属性攻击 || 0 || 20 || 100% || 13 ||  || 技能使用成功时，100%改变对手命中等级-1。
|-
| 手下留情 || 物理攻击（普通） || 40 || 40 || 100% || 16 || 1/16 || 伤害大于对方体力时，对方会余下1体力。
|-
| 同生共死 || 物理攻击（普通） || 0 || 5 || 100% || 18 || 1/16 || 对方体力高于自己时才能命中，将对方体力减到和自己相同。
|-
| 吹飞 || 属性攻击 || 0 || 20 || 100% || 23 ||  || 技能使用成功时，100%改变对手速度等级-1。
|-
| 燕返 || 物理攻击（飞行） || 60 || 20 || 必中 || 28 || 1/16 || --
|-
| 突进 || 物理攻击（普通） || 90 || 20 || 85% || 33 || 1/16 || 对方所受伤害的1/4会反弹给自己。
|}

==进化链==
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; max-width: 100%; text-align: center;">
  <div>[[File:10皮皮.png|link=皮皮|100px]]<br>14级进化</div>
  <div>[[File:11比波.png|link=比波|100px]]<br>34级进化</div>
  <div>[[File:12波克尔.png|link=波克尔|100px]]<br>完全体</div>
</div>