diff --git a/assets/bim.js b/assets/bim.js index 4a7d2bb..69638b2 100644 --- a/assets/bim.js +++ b/assets/bim.js @@ -53,6 +53,8 @@ BIM.activateClipper = function () { clipper.enabled = true; clipper.create(this.world); clipper.visible = true; + clipper.config.color = new THREE.Color('#eaeaea'); + clipper.config.size = 10; BIM.clipper = clipper; } /** diff --git a/assets/controllers/clipper_controller.js b/assets/controllers/clipper_controller.js index 7612396..0ba8901 100644 --- a/assets/controllers/clipper_controller.js +++ b/assets/controllers/clipper_controller.js @@ -5,12 +5,18 @@ import BIM from '../bim.js'; export default class extends Controller { static targets = ['hex']; + /** + * @param {Event} event + */ color(event) { let color = event.target.value; this.hexTarget.querySelector('span').textContent = color; BIM.clipper.config.color = new THREE.Color(color); } + /** + * @param {Event} event + */ size(event) { BIM.clipper.config.size = event.target.value } @@ -18,5 +24,13 @@ export default class extends Controller { deleteAll() { BIM.clipper.deleteAll(); } + + /** + * @todo Doesn't work... + * @param {Event} event + */ + toggle(event) { + BIM.clipper.enabled = event.target.value; + } } diff --git a/templates/home/index.html.twig b/templates/home/index.html.twig index 21eb695..72ad11d 100644 --- a/templates/home/index.html.twig +++ b/templates/home/index.html.twig @@ -62,13 +62,13 @@