From 088bb10805bf17eb98719b6197a0a67b6bd3338e Mon Sep 17 00:00:00 2001 From: Ugo Date: Fri, 15 Nov 2019 16:31:28 +0100 Subject: [PATCH] added images --- img/robot.png | Bin 0 -> 24015 bytes img/station.png | Bin 0 -> 5049 bytes index.html | 19 +++++++------------ js/view.js | 45 ++++++++++++++++++++++++++++++++++++++++++--- 4 files changed, 49 insertions(+), 15 deletions(-) create mode 100644 img/robot.png create mode 100644 img/station.png diff --git a/img/robot.png b/img/robot.png new file mode 100644 index 0000000000000000000000000000000000000000..106a7fda5dd7b83acc5b32fe44eaf4c1983f6cc6 GIT binary patch literal 24015 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 L=&9F2ZQuPLAD<_E literal 0 HcmV?d00001 diff --git a/img/station.png b/img/station.png new file mode 100644 index 0000000000000000000000000000000000000000..816c90f185aff32728aa2bfbc40e9150a0b32c7e GIT binary patch literal 5049 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
- - - + + + + - + + +

Learning Rate {{learning_rate}}

diff --git a/js/view.js b/js/view.js index 2536014..393df93 100644 --- a/js/view.js +++ b/js/view.js @@ -82,7 +82,9 @@ app = new Vue({ duration: 0, interval: 0.01, tooltip: 'none' - } + }, + robot_image: null, + energy_image: null, }, created() { // Resize handler @@ -130,6 +132,21 @@ app = new Vue({ } }); machine.score_history = s; + + const robot_image = new window.Image(); + robot_image.src = "img/robot.png"; + // robot_image.src = "https://konvajs.org/assets/yoda.jpg"; + robot_image.onload = () => { + // set image only when it is loaded + this.robot_image = robot_image; + }; + const energy_image = new window.Image(); + energy_image.src = "img/station.png"; + // energy_image.src = "https://konvajs.org/assets/yoda.jpg"; + energy_image.onload = () => { + // set image only when it is loaded + this.energy_image = energy_image; + }; }, destroyed() { window.removeEventListener('resize', this.handleResize) @@ -227,6 +244,26 @@ app = new Vue({ y: this.base_size * this.state.y, } }, + robot_config: function() { + return { + height: this.base_size, + width: this.base_size, + x: this.base_size * this.state.x, + y: this.base_size * this.state.y, + image: this.robot_image, + } + }, + energy_config: function() { + return { + height: this.base_size, + width: this.base_size, + offset: { + x: this.base_size/2, + y: this.base_size/2 + }, + image: this.energy_image, + } + }, base_size: function() { return Math.min(this.stage_config.height * 0.8 / this.maze.height, this.stage_config.width * 0.5 / this.maze.width); }, @@ -427,12 +464,14 @@ app = new Vue({ } } const layout = { - x: this.base_size * pos.x, - y: this.base_size * pos.y, width: this.base_size, height: this.base_size, stroke: '#ddd', strokeWidth: this.strokeW, + offset: { + x: this.base_size/2, + y: this.base_size/2, + } }; switch (t_type) { case tile.regular: