add item recipe

syado · Jun 30, 2019 · 0c3191e · 0c3191e
1 parent 4df21a9
commit 0c3191e
Show file tree

Hide file tree

Showing 47 changed files with 277 additions and 0 deletions.
diff --git a/Images/item/BF.png b/Images/item/BF.png
diff --git a/Images/item/Belt.png b/Images/item/Belt.png
diff --git a/Images/item/Bow.png b/Images/item/Bow.png
diff --git a/Images/item/Cape.png b/Images/item/Cape.png
diff --git a/Images/item/Rod.png b/Images/item/Rod.png
diff --git a/Images/item/Spatula.png b/Images/item/Spatula.png
diff --git a/Images/item/Tear.png b/Images/item/Tear.png
diff --git a/Images/item/Vest.png b/Images/item/Vest.png
diff --git a/Images/item/blade_of_the_ruined_king.png b/Images/item/blade_of_the_ruined_king.png
diff --git a/Images/item/bloodthirster.png b/Images/item/bloodthirster.png
diff --git a/Images/item/cursed_blade.png b/Images/item/cursed_blade.png
diff --git a/Images/item/darkin.png b/Images/item/darkin.png
diff --git a/Images/item/dragons_claw.png b/Images/item/dragons_claw.png
diff --git a/Images/item/force_of_nature.png b/Images/item/force_of_nature.png
diff --git a/Images/item/frozen_heart.png b/Images/item/frozen_heart.png
diff --git a/Images/item/frozen_mallet.png b/Images/item/frozen_mallet.png
diff --git a/Images/item/guardian_angel.png b/Images/item/guardian_angel.png
diff --git a/Images/item/guinsoos_rageblade.png b/Images/item/guinsoos_rageblade.png
diff --git a/Images/item/hextech_gunblade.png b/Images/item/hextech_gunblade.png
diff --git a/Images/item/hush.png b/Images/item/hush.png
diff --git a/Images/item/infinity_edge.png b/Images/item/infinity_edge.png
diff --git a/Images/item/ionic_spark.png b/Images/item/ionic_spark.png
diff --git a/Images/item/knights_vow.png b/Images/item/knights_vow.png
diff --git a/Images/item/locket_of_the_iron_solari.png b/Images/item/locket_of_the_iron_solari.png
diff --git a/Images/item/ludens_echo.png b/Images/item/ludens_echo.png
diff --git a/Images/item/morellonomicon.png b/Images/item/morellonomicon.png
diff --git a/Images/item/phantom_dancer.png b/Images/item/phantom_dancer.png
diff --git a/Images/item/rabadons_deathcap.png b/Images/item/rabadons_deathcap.png
diff --git a/Images/item/rapid_firecannon.png b/Images/item/rapid_firecannon.png
diff --git a/Images/item/red_buff.png b/Images/item/red_buff.png
diff --git a/Images/item/redemption.png b/Images/item/redemption.png
diff --git a/Images/item/runaans_hurricane.png b/Images/item/runaans_hurricane.png
diff --git a/Images/item/seraphs_embrace.png b/Images/item/seraphs_embrace.png
diff --git a/Images/item/spear_of_shojin.png b/Images/item/spear_of_shojin.png
diff --git a/Images/item/statikk_shiv.png b/Images/item/statikk_shiv.png
diff --git a/Images/item/sword_breaker.png b/Images/item/sword_breaker.png
diff --git a/Images/item/sword_of_the_divine.png b/Images/item/sword_of_the_divine.png
diff --git a/Images/item/thornmail.png b/Images/item/thornmail.png
diff --git a/Images/item/titanic_hydra.png b/Images/item/titanic_hydra.png
diff --git a/Images/item/warmogs_armor.png b/Images/item/warmogs_armor.png
diff --git a/Images/item/youmuus_ghostblade.png b/Images/item/youmuus_ghostblade.png
diff --git a/Images/item/yuumi.png b/Images/item/yuumi.png
diff --git a/Images/item/zekes_herald.png b/Images/item/zekes_herald.png
diff --git a/Images/item/zephyr.png b/Images/item/zephyr.png
diff --git a/index.html b/index.html
@@ -0,0 +1,244 @@
+<html>
+<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+<script>
+    if (typeof module === "object" && module.exports) {
+        window.$ = window.jQuery = module.exports;
+        module.exports = {};
+    }
+    const { ipcRenderer } = require("electron")
+    $(() => {
+        // $("#item_recipe").on({
+        //     mouseenter: () => { $("#recipe").css({'display':'block'}) },
+        //     mouseleave: () => { $("#recipe").css({'display':'none'}) },
+        // });
+        // $("#recipe").on({
+        //     mouseenter: () => { $("#recipe").css({'display':'block'}) },
+        //     mouseleave: () => { $("#recipe").css({'display':'none'}) },
+        // });
+        // $('.item').on({
+        //     mouseenter: () => { ipcRenderer.send('resize', 480, 480); },
+        //     mouseleave: () => { ipcRenderer.send('resize', 480, 120); }
+        // });
+        $("#item_recipe").on("click", function () {
+            var _click = $(this).data("click");
+            if (_click == "close") {
+                ipcRenderer.send('resize', 500, 378);
+                $(this).data("click", "open");
+                $("#recipe").css({ 'display': 'block' });
+            } else {
+                ipcRenderer.send('resize', 84, 42);
+                $(this).data("click", "close");
+                $("#recipe").css({ 'display': 'none' });
+            }
+        });
+    });
+    var recipe_list = {
+        "BF": [
+            ["BF","infinity_edge","クリティカルダメージ+100%"],
+            ["Rod","hextech_gunblade","与えたダメージの25%を回復する"],
+            ["Bow","sword_of_the_divine","毎秒5%の確率でクリティカル率が100%"],
+            ["Tear","spear_of_shojin","通常攻撃で+15%のマナを回復する"],
+            ["Vest","guardian_angel","倒されたチャンピオンはHP500で1度だけ復活する"],
+            ["Cape","bloodthirster","通常攻撃ダメージの50%を回復する"],
+            ["Belt","zekes_herald","周囲のチャンピオンの攻撃速度+10%"],
+            ["Spatula","youmuus_ghostblade","アサシンを付与する"],
+        ],
+        "Rod": [
+            ["BF","hextech_gunblade","与えたダメージの25%を回復する"],
+            ["Rod","rabadons_deathcap","スキルダメージ+50%"],
+            ["Bow","guinsoos_rageblade","通常攻撃するたびに攻撃速度が3%上昇する(スタック無制限)"],
+            ["Tear","ludens_echo","スキルダメージにより200ダメージを周囲のチャンピオンに与える"],
+            ["Vest","locket_of_the_iron_solari","戦闘開始時、周囲のチャンピオンに200のシールドを付与する"],
+            ["Cape","ionic_spark","スキルを発動した相手は200ダメージを受ける"],
+            ["Belt","morellonomicon","スキルダメージが毎秒相手の最大体力の5%の燃焼ダメージを与える"],
+            ["Spatula","yuumi","ソーサラーを付与する"],
+        ],
+        "Bow": [
+            ["BF","sword_of_the_divine","毎秒5%の確率でクリティカル率が100%"],
+            ["Rod","guinsoos_rageblade","通常攻撃するたびに攻撃速度が3%上昇する(スタック無制限)"],
+            ["Bow","rapid_firecannon","通常攻撃の射程が2倍になり、避けられなくなる"],
+            ["Tear","statikk_shiv","通常攻撃3回ごとに100の範囲ダメージを与える"],
+            ["Vest","phantom_dancer","クリティカルダメージを回避する"],
+            ["Cape","cursed_blade","通常攻撃により低確率で相手チャンピオンのレベルを下げる"],
+            ["Belt","titanic_hydra","通常攻撃が最大体力の10%にあたる範囲ダメージを与える"],
+            ["Spatula","blade_of_the_ruined_king","ブレードマスターを付与する"],
+        ],
+        "Tear": [
+            ["BF","spear_of_shojin","通常攻撃で+15%のマナを回復する"],
+            ["Rod","ludens_echo","スキルダメージにより200ダメージを周囲のチャンピオンに与える"],
+            ["Bow","statikk_shiv","通常攻撃3回ごとに100の範囲ダメージを与える"],
+            ["Tear","seraphs_embrace","スキルを発動するたび最大マナの20%を回復する"],
+            ["Vest","frozen_heart","周囲の敵の攻撃速度を20%低下させる"],
+            ["Cape","hush","通常攻撃により高確率で相手をサイレンスにする"],
+            ["Belt","redemption","倒されたとき、周囲のチャンピオンを1000回復する"],
+            ["Spatula","darkin","デーモンを付与する"],
+        ],
+        "Vest": [
+            ["BF","guardian_angel","倒されたチャンピオンはHP500で1度だけ復活する"],
+            ["Rod","locket_of_the_iron_solari","戦闘開始時、周囲のチャンピオンに200のシールドを付与する"],
+            ["Bow","phantom_dancer","クリティカルダメージを回避する"],
+            ["Tear","frozen_heart","周囲の敵の攻撃速度を20%低下させる"],
+            ["Vest","thornmail","通常攻撃ダメージを35%反射する"],
+            ["Cape","sword_breaker","通常攻撃により一定確率で装備を解除する"],
+            ["Belt","red_buff","通常攻撃で2.5%の燃焼ダメージを与える"],
+            ["Spatula","knights_vow","ナイトを付与する"],
+        ],
+        "Cape": [
+            ["BF","bloodthirster","通常攻撃ダメージの50%を回復する"],
+            ["Rod","ionic_spark","スキルを発動した相手は200ダメージを受ける"],
+            ["Bow","cursed_blade","通常攻撃により低確率で相手チャンピオンのレベルを下げる"],
+            ["Tear","hush","通常攻撃により高確率で相手をサイレンスにする"],
+            ["Vest","sword_breaker","通常攻撃により一定確率で装備を解除する"],
+            ["Cape","dragons_claw","スキルダメージを83%カットする"],
+            ["Belt","zephyr","戦闘開始時、敵1体を5秒間行動不能にする"],
+            ["Spatula","runaans_hurricane","通常攻撃の50%のダメージを追加で2体のチャンピオンに与える"],
+        ],
+        "Belt": [
+            ["BF","zekes_herald","周囲のチャンピオンの攻撃速度+10%"],
+            ["Rod","morellonomicon","スキルダメージが毎秒相手の最大体力の5%の燃焼ダメージを与える"],
+            ["Bow","titanic_hydra","通常攻撃が最大体力の10%にあたる範囲ダメージを与える"],
+            ["Tear","redemption","倒されたとき、周囲のチャンピオンを1000回復する"],
+            ["Vest","red_buff","通常攻撃で2.5%の燃焼ダメージを与える"],
+            ["Cape","zephyr","戦闘開始時、敵1体を5秒間行動不能にする"],
+            ["Belt","warmogs_armor","毎秒最大体力の3%を回復する"],
+            ["Spatula","frozen_mallet","グレイシャルを付与する"],
+        ],
+        "Spatula": [
+            ["BF","youmuus_ghostblade","アサシンを付与する"],
+            ["Rod","yuumi","ソーサラーを付与する"],
+            ["Bow","blade_of_the_ruined_king","ブレードマスターを付与する"],
+            ["Tear","darkin","デーモンを付与する"],
+            ["Vest","knights_vow","ナイトを付与する"],
+            ["Cape","runaans_hurricane","通常攻撃の50%のダメージを追加で2体のチャンピオンに与える"],
+            ["Belt","frozen_mallet","グレイシャルを付与する"],
+            ["Spatula","force_of_nature","チームサイズを1追加する"],
+        ],
+    }
+    function recipe_img_change(id) {
+        $('[id=recipe_img]').attr("src", "Images/item/" + id + ".png");
+        for(let v of recipe_list[id]) {
+            $("#"+v[0]+".completed.item").attr("src", "Images/item/" + v[1] + ".png");
+            $("#"+v[0]+".completed.text").text(v[2]);
+            console.log(v[0], v[1], v[2]);
+        }
+    }
+</script>
+
+<body>
+    <div id="bar">
+        <img src="Images/item/Spatula.png" id="item_recipe" class="item" data-click="close">
+        <!-- <img src="Images/item/Rod.png" id="Rod" class="item">
+        <img src="Images/item/Bow.png" id="Bow" class="item">
+        <img src="Images/item/Tear.png" id="Tear" class="item">
+        <img src="Images/item/Vest.png" id="Vest" class="item">
+        <img src="Images/item/Cape.png" id="Cape" class="item">
+        <img src="Images/item/Belt.png" id="Belt" class="item">
+        <img src="Images/item/Spatula.png" id="Spatula" class="item">
+        <img src="Images/item/Spatula.png" id="Spatula" class="drag item"> -->
+    </div>
+    <div id="recipe">
+        <div>
+            <img src="Images/item/BF.png" id="BF" class="item" onclick="recipe_img_change(this.id)">
+            <span class="text">+</span>
+            <img src="Images/item/BF.png" id="recipe_img" class="item_small">
+            <span class="text">=</span>
+            <img src="Images/item/infinity_edge.png" id="BF" class="item completed">
+            <span id="BF" class="text completed">クリティカルダメージ+100%</span>
+        </div>
+        <div>
+            <img src="Images/item/Rod.png" id="Rod" class="item" onclick="recipe_img_change(this.id)">
+            <span class="text">+</span>
+            <img src="Images/item/BF.png" id="recipe_img" class="item_small">
+            <span class="text">=</span>
+            <img src="Images/item/hextech_gunblade.png" id="Rod" class="item completed">
+            <span id="Rod" class="text completed">与えたダメージの25%を回復する</span>
+        </div>
+        <div>
+            <img src="Images/item/Bow.png" id="Bow" class="item" onclick="recipe_img_change(this.id)">
+            <span class="text">+</span>
+            <img src="Images/item/BF.png" id="recipe_img" class="item_small">
+            <span class="text">=</span>
+            <img src="Images/item/sword_of_the_divine.png" id="Bow" class="item completed">
+            <span id="Bow" class="text completed">毎秒5%の確率でクリティカル率が100%</span>
+        </div>
+        <div>
+            <img src="Images/item/Tear.png" id="Tear" class="item" onclick="recipe_img_change(this.id)">
+            <span class="text">+</span>
+            <img src="Images/item/BF.png" id="recipe_img" class="item_small">
+            <span class="text">=</span>
+            <img src="Images/item/spear_of_shojin.png" id="Tear" class="item completed">
+            <span id="Tear" class="text completed">通常攻撃で+15%のマナを回復する</span>
+        </div>
+        <div>
+            <img src="Images/item/Vest.png" id="Vest" class="item" onclick="recipe_img_change(this.id)">
+            <span class="text">+</span>
+            <img src="Images/item/BF.png" id="recipe_img" class="item_small">
+            <span class="text">=</span>
+            <img src="Images/item/guardian_angel.png" id="Vest" class="item completed">
+            <span id="Vest" class="text completed">倒されたチャンピオンはHP500で1度だけ復活する</span>
+        </div>
+        <div>
+            <img src="Images/item/Cape.png" id="Cape" class="item" onclick="recipe_img_change(this.id)">
+            <span class="text">+</span>
+            <img src="Images/item/BF.png" id="recipe_img" class="item_small">
+            <span class="text">=</span>
+            <img src="Images/item/bloodthirster.png" id="Cape" class="item completed">
+            <span id="Cape" class="text completed">通常攻撃ダメージの50%を回復する</span>
+        </div>
+        <div>
+            <img src="Images/item/Belt.png" id="Belt" class="item" onclick="recipe_img_change(this.id)">
+            <span class="text">+</span>
+            <img src="Images/item/BF.png" id="recipe_img" class="item_small">
+            <span class="text">=</span>
+            <img src="Images/item/zekes_herald.png" id="Belt" class="item completed">
+            <span id="Belt" class="text completed">	周囲のチャンピオンの攻撃速度+10%</span>
+        </div>
+        <div>
+            <img src="Images/item/Spatula.png" id="Spatula" class="item" onclick="recipe_img_change(this.id)">
+            <span class="text">+</span>
+            <img src="Images/item/BF.png" id="recipe_img" class="item_small">
+            <span class="text">=</span>
+            <img src="Images/item/youmuus_ghostblade.png" id="Spatula" class="item completed">
+            <span id="Spatula" class="text completed">アサシンを付与する</span>
+        </div>
+    </div>
+</body>
+
+</html>
+<style>
+    html,
+    body {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        font-size: 0%;
+        background: rgba(0, 0, 0, 0.3);
+    }
+
+    #bar {
+        -webkit-app-region: drag;
+    }
+
+    img.item {
+        width: 42px;
+        vertical-align: bottom;
+        -webkit-app-region: no-drag;
+    }
+    img.item_small {
+        width: 21px;
+        vertical-align: bottom;
+        padding-bottom: 10.5px;
+    }
+
+    #recipe {
+        display: none;
+    }
+
+    .text {
+        font-size: 12px !important;
+        color: white;
+        vertical-align: middle;
+        line-height: 42px;
+        margin: 1.9px;
+    }
+</style>
diff --git a/index.js b/index.js
@@ -0,0 +1,22 @@
+const { app, BrowserWindow, shell, ipcMain } = require("electron")
+var path = require('path')
+
+
+app.on("ready", () => {
+  let win = new BrowserWindow({
+    width: 84,
+    height: 42,
+    transparent: true,
+    frame: false,
+    titleBarStyle: "hidden",
+    fullscreenable: false,
+    fullscreen: false,
+  })
+  win.loadURL(`file://${__dirname}/index.html`)
+  win.setAlwaysOnTop(true);
+  win.setIgnoreMouseEvents(false);
+  win.on('closed', () => { win = null; })
+  ipcMain.on('resize', (e, x, y) => {
+    win.setSize(x, y)
+  })
+})
diff --git a/package.json b/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "lol-tft-tool",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}