diff --git a/1 - Blockcode/resources/js/elements.js b/1 - Blockcode/resources/js/elements.js index 0ee3d27..5acf19d 100644 --- a/1 - Blockcode/resources/js/elements.js +++ b/1 - Blockcode/resources/js/elements.js @@ -26,7 +26,7 @@ class BaseInputScriptElement extends BaseScriptElement { `; } - action() { console.log( this.value ); } + action() { console.log("Input Value: ", this.value ); } } class RepeatElement extends BaseInputScriptElement { @@ -60,26 +60,26 @@ class RepeatElement extends BaseInputScriptElement { } class LeftElement extends BaseInputScriptElement { - get prefix() { return 'Left'; } - get defaultValue() { return '5'; } + get prefix() { return 'Left'; } + get defaultValue() { return '5'; } get postfix() { return 'degrees'; } - constructor() { super(); } + constructor() { super(); } action(Painter) { Painter.rotation -= this.value; } } class RightElement extends BaseInputScriptElement { - get prefix() { return 'Right'; } - get defaultValue() { return '5'; } + get prefix() { return 'Right'; } + get defaultValue() { return '5'; } get postfix() { return 'degrees'; } - constructor() { super(); } + constructor() { super(); } action(Painter) { Painter.rotation += this.value; } } class ForwardElement extends BaseInputScriptElement { get prefix() { return 'Forward'; } - get defaultValue() { return '10'; } - get postfix() { return 'steps'; } - constructor() { super(); } + get defaultValue() { return '10'; } + get postfix() { return 'steps'; } + constructor() { super(); } action(Painter) { let magnitude = this.value let radians = Painter.rotation * (Math.PI / 180); @@ -100,10 +100,10 @@ class ForwardElement extends BaseInputScriptElement { } class BackElement extends BaseInputScriptElement { - get prefix() { return 'Back'; } - get defaultValue() { return '10'; } + get prefix() { return 'Back'; } + get defaultValue() { return '10'; } get postfix() { return 'steps'; } - constructor() { super(); } + constructor() { super(); } action(Painter) { let magnitude = this.value let radians = (Painter.rotation + 180) % 360; @@ -125,9 +125,9 @@ class BackElement extends BaseInputScriptElement { class CircleElement extends BaseInputScriptElement { get prefix() { return 'Circle'; } - get defaultValue() { return '20'; } + get defaultValue() { return '20'; } get postfix() { return 'radius'; } - constructor() { super(); } + constructor() { super(); } action(Painter) { Painter.canvasContext.beginPath(); Painter.canvasContext.arc(Painter.x1, Painter.y1, this.value, 0, 2 * Math.PI); @@ -159,9 +159,9 @@ class BackToCenterElement extends BaseScriptElement { class BrushSizeElement extends BaseInputScriptElement { get prefix() { return 'Brush Size'; } - get defaultValue() { return 24; } - get postfix() { return 'px'; } - constructor() { super(); } + get defaultValue() { return 24; } + get postfix() { return 'px'; } + constructor() { super(); } connectedCallback() { this.innerHTML = `
  • @@ -172,15 +172,15 @@ class BrushSizeElement extends BaseInputScriptElement { `; } action(Painter) { - Painter.brushSize = this.value; - Painter.canvasContext.lineWidth = this.value; + Painter.brushSize = this.value; + Painter.canvasContext.lineWidth = this.value; } } class BrushColorElement extends BaseInputScriptElement { get prefix() { return 'Brush Color'; } - get defaultValue() { return '#000000'; } - constructor() { super(); } + get defaultValue() { return '#000000'; } + constructor() { super(); } connectedCallback() { this.innerHTML = `
  • diff --git a/1 - Blockcode/resources/js/globals.js b/1 - Blockcode/resources/js/globals.js index 2e20cb9..7690928 100644 --- a/1 - Blockcode/resources/js/globals.js +++ b/1 - Blockcode/resources/js/globals.js @@ -1,4 +1,4 @@ -const ScriptElms = { +const ScriptElms = { "brush-size-element": BrushSizeElement, "brush-color-element": BrushColorElement, "back-to-center-element": BackToCenterElement,