187 lines
4.4 KiB
JavaScript
187 lines
4.4 KiB
JavaScript
// Auto-resize case
|
|
// var mainSection = document.getElementById('main-section');
|
|
//
|
|
// var containerSize = {
|
|
// width: function() { if (!isFullscreen) return mainSection.clientWidth; else return screen.width;},
|
|
// height: function() {
|
|
// if (!isFullscreen)
|
|
// return mainSection.clientHeight
|
|
// - document.getElementById('nav').offsetHeight
|
|
// - document.getElementById('main-div').offsetHeight;
|
|
// else
|
|
// return screen.height;
|
|
// }
|
|
// };
|
|
|
|
var containerSize = {
|
|
|
|
width: function() { return 1134; },
|
|
height: function() { return 768; }
|
|
|
|
};
|
|
|
|
function logfps(fps) {
|
|
var event = new L3D.DB.Event.Fps();
|
|
event.fps = fps;
|
|
event.send();
|
|
}
|
|
|
|
function objectClickerOnHover(camera1, previewer, recommendations, container) {
|
|
|
|
var hoveredCamera = null;
|
|
|
|
return function(c, x, y) {
|
|
|
|
var obj = c !== undefined ? c.object : undefined;
|
|
|
|
// Check if the object is clickable
|
|
var ok = obj instanceof Coin || obj instanceof L3D.BaseRecommendation;
|
|
|
|
// Little graphic stuff so the user knows that it's clickable
|
|
container.style.cursor = ok ? "pointer" : "auto";
|
|
if (camera1.pointerLocked)
|
|
camera1.mousePointer.render(ok ? L3D.MousePointer.RED : L3D.MousePointer.BLACK);
|
|
|
|
// Set previewer for preview
|
|
previewer.setCamera(obj instanceof L3D.BaseRecommendation ? obj.camera : null);
|
|
previewer.setPosition(x,y);
|
|
|
|
// Manage the hover camera event
|
|
if (hoveredCamera !== obj) {
|
|
|
|
var event = new L3D.DB.Event.Hovered();
|
|
|
|
if (obj instanceof L3D.BaseRecommendation) {
|
|
// The newly hovered object is different and is a recommendation
|
|
|
|
event.arrowId = recommendations.indexOf(obj);
|
|
event.start = true;
|
|
event.send();
|
|
|
|
hoveredCamera = obj;
|
|
|
|
} else if (hoveredCamera instanceof L3D.BaseRecommendation) {
|
|
|
|
// The newly hovered object is not a recommendation,
|
|
// but the previous one is : we must log
|
|
|
|
// Unhovered
|
|
event.arrowId = 0;
|
|
event.start = false;
|
|
event.send();
|
|
|
|
hoveredCamera = null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|
|
|
|
function objectClickerOnClick(camera1, buttonManager, recommendations, coins) {
|
|
|
|
return function(c, x, y) {
|
|
|
|
var event;
|
|
var obj = c !== undefined ? c.object : undefined;
|
|
|
|
// Do stuff for click
|
|
if (obj instanceof Coin) {
|
|
|
|
obj.get();
|
|
|
|
// Send event to DB
|
|
event = new L3D.DB.Event.CoinClicked();
|
|
event.coinId = obj.id;
|
|
event.send();
|
|
|
|
} else if (obj instanceof L3D.BaseRecommendation) {
|
|
|
|
obj.check();
|
|
|
|
// Send event to DB
|
|
event = new L3D.DB.Event.ArrowClicked();
|
|
event.arrowId = recommendations.indexOf(obj);
|
|
event.send();
|
|
|
|
camera1.moveHermite(obj, undefined, event.arrowId);
|
|
}
|
|
|
|
// Update the button manager
|
|
buttonManager.updateElements();
|
|
|
|
};
|
|
|
|
}
|
|
|
|
function createVisibilityFunction(value) {
|
|
return function(object) {
|
|
object.traverse(function(object) {
|
|
object.visible = value;
|
|
});
|
|
};
|
|
}
|
|
|
|
function resetCameraAspect(camera, width, height) {
|
|
camera.aspect = width / height;
|
|
camera.updateProjectionMatrix();
|
|
}
|
|
|
|
var show = createVisibilityFunction(true);
|
|
var hide = createVisibilityFunction(false);
|
|
|
|
function resizeElements() {
|
|
|
|
var width = containerSize.width(), height = containerSize.height();
|
|
|
|
for (var i = 0; i < arguments.length; i++) {
|
|
|
|
var obj = arguments[i];
|
|
|
|
if (obj == null) {
|
|
return;
|
|
}
|
|
|
|
if (obj instanceof Element) {
|
|
|
|
obj.style.width = width + 'px';
|
|
obj.style.height = height + 'px';
|
|
continue;
|
|
}
|
|
|
|
if (obj.domElement) {
|
|
|
|
obj.setSize(width, height);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function appendTo(container) {
|
|
|
|
return function() {
|
|
|
|
for (var i = 0; i < arguments.length; i++) {
|
|
|
|
if (arguments[i] != null)
|
|
container.appendChild(arguments[i].domElement);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|
|
|
|
function setNextButton(target) {
|
|
Coin.blink();
|
|
$('#next').show();
|
|
$('#next').click(function() {
|
|
window.location = target;
|
|
$('#next').prop('disabled', true);
|
|
});
|
|
}
|