From 2f14126d0b98c1c6249cce3214e0421843905831 Mon Sep 17 00:00:00 2001 From: adroitwhiz Date: Sun, 24 Mar 2019 02:50:11 -0400 Subject: [PATCH] Add stage scale slider to playground --- src/playground/index.html | 7 ++++--- src/playground/playground.js | 9 +++++++++ 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/src/playground/index.html b/src/playground/index.html index 14409e4..99a6a78 100644 --- a/src/playground/index.html +++ b/src/playground/index.html @@ -3,9 +3,6 @@ Scratch WebGL rendering demo - @@ -29,6 +26,10 @@

+

+ + +

diff --git a/src/playground/playground.js b/src/playground/playground.js index 4300cec..09d8c6e 100644 --- a/src/playground/playground.js +++ b/src/playground/playground.js @@ -134,6 +134,15 @@ fudgeInput.addEventListener('input', handleFudgeChanged); fudgeInput.addEventListener('change', handleFudgeChanged); fudgeInput.addEventListener('init', handleFudgeChanged); +const stageScaleInput = document.getElementById("stage-scale"); + +stageScaleInput.addEventListener('input', updateStageScale); +stageScaleInput.addEventListener('change', updateStageScale); + +function updateStageScale(event) { + renderer.resize(480 * event.target.valueAsNumber, 360 * event.target.valueAsNumber); +} + canvas.addEventListener('mousemove', event => { var mousePos = getMousePosition(event, canvas); renderer.extractColor(mousePos.x, mousePos.y, 30);