OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
════════════════════════════════════════════════
 
 
master @ 89 LINES
 
[ HISTORY ]  [ UP ]
 

---
import SimulationLayout from "../../layouts/SimulationLayout.astro";
import LoadingState from "../../components/LoadingState/LoadingState.astro";
import SimulationControls from "../../components/SimulationControls.astro";
import Callout from "../../components/Callout/Callout.astro";
---

<SimulationLayout title="Simulations" description="Benchmarks and comparisons">
  <nav class="leaderboard-nav">
    <div class="nav-tabs">
      <button class="nav-tab" data-mode="benchmark">Benchmarks</button>
      <button class="nav-tab active" data-mode="comparison">Comparisons</button>
    </div>
  </nav>

  <SimulationControls mode="comparison" />
  <div id="loading" class="hidden">
    <LoadingState mode="overlay" message="Loading comparison data..." />
  </div>
  <div id="error" class="hidden">
    <LoadingState type="error" mode="overlay" />
  </div>
  <div id="trinket-callout" class="hidden">
    <Callout type="note">
      <p>
        <em>Trinket rankings are still a work-in-progress.</em>
      </p>
      <p><strong>Current Implementation</strong>:</p>
      <p>
        We take the selected phase's bis profile gearset, remove the trinkets,
        and simulate to get the <strong>baseline</strong> result. We then generate
        a gearset for each trinket and compare the results against the baseline.
      </p>
      <p>
        This implementation comes with some caveats that can scew the results:
      </p>
      <ul>
        <li>
          We <strong>don't</strong> re-reforge the gearset for every trinket
        </li>
        <li>
          Ideally every trinket would come with it's own optimized gearset
        </li>
        <li>
          This is simulating the trinkets <strong>individually</strong>, not in
          pairs
        </li>
        <li>
          Like all other simulations, keep in mind WoWSims is still in
          <strong>alpha</strong> so not all spec/trinket implementations are compl
ete
        </li>
      </ul>
      <p>
        With all that in mind, you should only consider this list as a
        <em>rough approximation</em> of the value of each individual trinket.
      </p>
      <p>
        In the future we will reforge the gearset for each trinket to get a more
        accurate value.
      </p>
    </Callout>
  </div>
  <div id="metadata-container"></div>
  <div id="chart-container" class="card"></div>

  <!-- Use processed TS module so Astro bundles for prod -->
  <script src="../../client/simulation-comparison.ts"></script>

  <script is:inline>
    (function () {
      // Mode tabs
      var tabs = document.querySelectorAll(".nav-tabs .nav-tab");
      function goto(mode) {
        var url = new URL(window.location.href);
        var qs = url.search;
        if (mode === "benchmark")
          window.location.assign("/simulation/benchmark" + qs);
      }
      tabs.forEach(function (btn) {
        btn.addEventListener("click", function (e) {
          var el = e.currentTarget || e.target;
          var m = el && el.dataset ? el.dataset.mode : null;
          if (m) goto(m);
        });
      });
    })();
  </script>
</SimulationLayout>

---
import SimulationLayout from "../../layouts/
SimulationLayout.astro";
import LoadingState from "../../components/L
oadingState/LoadingState.astro";
import SimulationControls from "../../compon
ents/SimulationControls.astro";
import Callout from "../../components/Callou
t/Callout.astro";
---

<SimulationLayout title="Simulations" descri
ption="Benchmarks and comparisons">
  <nav class="leaderboard-nav">
    <div class="nav-tabs">
      <button class="nav-tab" data-mode="ben
chmark">Benchmarks</button>
      <button class="nav-tab active" data-mo
de="comparison">Comparisons</button>
    </div>
  </nav>

  <SimulationControls mode="comparison" />
  <div id="loading" class="hidden">
    <LoadingState mode="overlay" message="Lo
ading comparison data..." />
  </div>
  <div id="error" class="hidden">
    <LoadingState type="error" mode="overlay
" />
  </div>
  <div id="trinket-callout" class="hidden">
    <Callout type="note">
      <p>
        <em>Trinket rankings are still a wor
k-in-progress.</em>
      </p>
      <p><strong>Current Implementation</str
ong>:</p>
      <p>
        We take the selected phase's bis pro
file gearset, remove the trinkets,
        and simulate to get the <strong>base
line</strong> result. We then generate
        a gearset for each trinket and compa
re the results against the baseline.
      </p>
      <p>
        This implementation comes with some 
caveats that can scew the results:
      </p>
      <ul>
        <li>
          We <strong>don't</strong> re-refor
ge the gearset for every trinket
        </li>
        <li>
          Ideally every trinket would come w
ith it's own optimized gearset
        </li>
        <li>
          This is simulating the trinkets <s
trong>individually</strong>, not in
          pairs
        </li>
        <li>
          Like all other simulations, keep i
n mind WoWSims is still in
          <strong>alpha</strong> so not all 
spec/trinket implementations are complete
        </li>
      </ul>
      <p>
        With all that in mind, you should on
ly consider this list as a
        <em>rough approximation</em> of the 
value of each individual trinket.
      </p>
      <p>
        In the future we will reforge the ge
arset for each trinket to get a more
        accurate value.
      </p>
    </Callout>
  </div>
  <div id="metadata-container"></div>
  <div id="chart-container" class="card"></d
iv>

  <!-- Use processed TS module so Astro bund
les for prod -->
  <script src="../../client/simulation-compa
rison.ts"></script>

  <script is:inline>
    (function () {
      // Mode tabs
      var tabs = document.querySelectorAll("
.nav-tabs .nav-tab");
      function goto(mode) {
        var url = new URL(window.location.hr
ef);
        var qs = url.search;
        if (mode === "benchmark")
          window.location.assign("/simulatio
n/benchmark" + qs);
      }
      tabs.forEach(function (btn) {
        btn.addEventListener("click", functi
on (e) {
          var el = e.currentTarget || e.targ
et;
          var m = el && el.dataset ? el.data
set.mode : null;
          if (m) goto(m);
        });
      });
    })();
  </script>
</SimulationLayout>
 
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET