import { AFRAME } from '../systems/brush';
const THREE: any = (window as any).THREE;

export default function () {
    /* globals AFRAME THREE */
    AFRAME.registerBrush('cubes',
        {
            init: function (color, width) {
                this.material = new THREE.MeshStandardMaterial({
                    color: this.data.color,
                    roughness: 0.5,
                    metalness: 0.5,
                    side: THREE.DoubleSide,
                    flatShading: true
                });
                this.geometry = new THREE.BoxGeometry(1, 1, 1);
                this.drawingEl = document.querySelector('.a-drawing');
                this.drawingEl.object3D.add(this.object3D);
            },
            addPoint: function (position, orientation, pointerPosition, pressure, timestamp) {
                var box = new THREE.Mesh(this.geometry, this.material);

                var sca = pressure * this.data.size * Math.random();
                box.scale.set(sca, sca, sca);
                box.position.copy(pointerPosition);
                box.quaternion.copy(orientation);

                this.object3D.add(box);

                return true;
            },
            undo: function () {
                this.drawingEl.object3D.children.pop();
            }
        },
        { thumbnail: 'brushes/thumb_cubes.gif', spacing: 0.01 }
    );
}