45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
|
var MousePointer = function(camera) {
|
||
|
this.domElement = document.createElement('canvas');
|
||
|
this.domElement.style.position = 'absolute';
|
||
|
this.domElement.style.cssFloat = 'top-left';
|
||
|
this.ctx = this.domElement.getContext('2d');
|
||
|
this.size = 10;
|
||
|
this.drawn = false;
|
||
|
camera.mousePointer = this;
|
||
|
}
|
||
|
|
||
|
MousePointer.prototype.render = function() {
|
||
|
|
||
|
if (!this.drawn) {
|
||
|
this.drawn = true;
|
||
|
|
||
|
var i = container_size.width() / 2;
|
||
|
var imin = i - this.size;
|
||
|
var imax = i + this.size;
|
||
|
|
||
|
var j = container_size.height() / 2;
|
||
|
var jmin = j - this.size;
|
||
|
var jmax = j + this.size;
|
||
|
|
||
|
this.ctx.stokeStyle = "black";
|
||
|
this.ctx.beginPath();
|
||
|
this.ctx.moveTo(imin, j);
|
||
|
this.ctx.lineTo(imax, j);
|
||
|
this.ctx.moveTo(i, jmin);
|
||
|
this.ctx.lineTo(i, jmax);
|
||
|
|
||
|
this.ctx.closePath();
|
||
|
this.ctx.stroke();
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
MousePointer.prototype.clear = function() {
|
||
|
|
||
|
if (this.drawn) {
|
||
|
this.drawn = false;
|
||
|
this.domElement.width = this.domElement.width;
|
||
|
}
|
||
|
|
||
|
}
|