149 lines
4.3 KiB
JavaScript
149 lines
4.3 KiB
JavaScript
L3D.CameraSelecter = function(renderer, scene, camera, cameras, coins, buttonManager) {
|
|
this.raycaster = new THREE.Raycaster();
|
|
this.renderer = renderer;
|
|
this.mouse = {};
|
|
this.camera = camera;
|
|
this.cameras = cameras;
|
|
this.prev = {};
|
|
this.buttonManager = buttonManager;
|
|
this.scene = scene;
|
|
this.coins = coins;
|
|
};
|
|
|
|
L3D.CameraSelecter.prototype.pointedCamera = function() {
|
|
var returnCamera;
|
|
|
|
var x = ( this.mouse.x / this.renderer.domElement.width ) * 2 - 1;
|
|
var y = - (this.mouse.y / this.renderer.domElement.height) * 2 + 1;
|
|
|
|
var camera = this.camera;
|
|
|
|
if (camera.pointerLocked) {
|
|
|
|
this.mouse.x = this.renderer.domElement.width/2 ;
|
|
this.mouse.y = this.renderer.domElement.height/2 ;
|
|
x = 0;
|
|
y = 0;
|
|
|
|
}
|
|
|
|
var vector = new THREE.Vector3(x, y, 0.5);
|
|
vector.unproject(camera);
|
|
|
|
this.raycaster.set(camera.position, vector.sub(camera.position).normalize());
|
|
|
|
var intersects = this.raycaster.intersectObjects(this.scene.children, true);
|
|
|
|
if ( intersects.length > 0 ) {
|
|
var minDistance;
|
|
var bestIndex;
|
|
|
|
// Looking for cameras
|
|
for (var i in intersects) {
|
|
if (intersects[i].object.raycastable) {
|
|
if ( minDistance === undefined || intersects[i].distance < minDistance ) {
|
|
if (intersects[i].object instanceof THREE.Mesh) {
|
|
minDistance = intersects[i].distance;
|
|
bestIndex = i;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (bestIndex !== undefined) {
|
|
// if (this.cameras.getById(intersects[bestIndex].object.parent.id) !== undefined) {
|
|
var obj = intersects[bestIndex].object;
|
|
|
|
for (var coin in this.coins) {
|
|
if (obj === this.coins[coin].mesh) {
|
|
return this.coins[coin];
|
|
}
|
|
}
|
|
|
|
if (intersects[bestIndex].object.parent.parent instanceof L3D.BaseRecommendation) {
|
|
|
|
this.currentPointedCamera = intersects[bestIndex].object.parent.parent;
|
|
return this.currentPointedCamera;
|
|
|
|
}
|
|
|
|
// }
|
|
}
|
|
}
|
|
this.currentPointedCamera = null;
|
|
};
|
|
|
|
L3D.CameraSelecter.prototype.update = function(event, y) {
|
|
var e;
|
|
|
|
if (event !== undefined) {
|
|
this.mouse.x = event.offsetX === undefined ? event.layerX : event.offsetX;
|
|
this.mouse.y = event.offsetY === undefined ? event.layerY : event.offsetY;
|
|
}
|
|
|
|
if (y !== undefined) {
|
|
this.mouse.x = this.renderer.domElement.width/2;
|
|
this.mouse.y = this.renderer.domElement.height/2;
|
|
}
|
|
|
|
var previousCamera = this.currentPointedCamera;
|
|
var hovered = this.pointedCamera();
|
|
|
|
if (hovered !== undefined && !(hovered instanceof Coin)) {
|
|
if (hovered !== previousCamera) {
|
|
// log it
|
|
e = new L3D.BD.Event.Hovered();
|
|
e.start = true;
|
|
e.arrow_id = this.cameras.indexOf(this.currentPointedCamera);
|
|
e.send();
|
|
|
|
this.prev.x = this.mouse.x;
|
|
this.prev.y = this.mouse.y;
|
|
}
|
|
this.prev.camera = hovered;
|
|
this.prev.go = true;
|
|
} else {
|
|
if (this.prev.go) {
|
|
// Log if previous was not null
|
|
e = new L3D.BD.Event.Hovered();
|
|
e.start = false;
|
|
e.arrow_id = null;
|
|
e.send();
|
|
}
|
|
this.prev.go = false;
|
|
}
|
|
|
|
document.getElementById('container').style.cursor = hovered ? "pointer" : "auto";
|
|
|
|
if (this.camera.pointerLocked)
|
|
this.camera.mousePointer.render(hovered ? L3D.MousePointer.RED : L3D.MousePointer.BLACK);
|
|
|
|
};
|
|
|
|
L3D.CameraSelecter.prototype.click = function(event) {
|
|
var e;
|
|
|
|
var newCamera = this.pointedCamera();
|
|
|
|
if (newCamera !== undefined && !(newCamera instanceof Coin)) {
|
|
|
|
e = new L3D.BD.Event.ArrowClicked();
|
|
e.arrow_id = this.cameras.indexOf(newCamera);
|
|
e.send();
|
|
|
|
newCamera.check();
|
|
this.camera.moveHermite(newCamera);
|
|
buttonManager.updateElements();
|
|
|
|
} else if (newCamera instanceof Coin) {
|
|
|
|
// Coin found, notify server
|
|
e = new L3D.BD.Event.CoinClicked();
|
|
e.coin_id = this.coins.indexOf(newCamera);
|
|
e.send();
|
|
newCamera.get();
|
|
|
|
}
|
|
|
|
};
|