3d-interface/js/l3d/apps/prototype/interactive/main.js

204 lines
5.0 KiB
JavaScript
Raw Normal View History

// Let's be sure we avoid using global variables
var onWindowResize = (function() {
2015-05-12 10:43:52 +02:00
// Disable scrolling
window.onscroll = function () { window.scrollTo(0, 0); };
window.onload = main;
var stats;
var renderer, scene, container;
var clickableObjects = [];
var recommendations, objectClicker;
var previewer;
2015-06-19 17:45:52 +02:00
var camera1;
var coins = [];
2015-05-13 09:11:54 +02:00
var previousTime;
var pointer;
var startCanvas;
2015-06-22 14:08:11 +02:00
window.onbeforeunload = function() {
2015-07-01 16:31:43 +02:00
if (initMainScene !== L3D.initPeach && initMainScene !== L3D.initSponza && Coin.total !== 9) {
2015-06-22 14:08:11 +02:00
return 'Warning : you are going to leave the page and abort the current test !';
}
2015-06-25 14:14:50 +02:00
};
function main() {
// Main container that holds everything
container = document.getElementById('container');
// Initialization
initThreeElements();
initCanvases();
initModels();
initListeners();
appendTo(container)(stats, Coin, startCanvas, pointer, previewer, renderer);
2015-06-22 09:41:59 +02:00
// Set the good size of cameras
onWindowResize();
2015-06-22 09:41:59 +02:00
// Some config
if (initMainScene !== L3D.initPeach && initMainScene !== L3D.initSponza)
setInterval(function() {logfps(stats.getFps());}, 500);
else
L3D.BD.disable();
2015-06-22 09:41:59 +02:00
Coin.update();
startCanvas.render(L3D.StartCanvas.Black);
2015-06-22 09:41:59 +02:00
// Start rendering
setInterval(render, 20);
2015-06-22 09:41:59 +02:00
}
function initThreeElements() {
// Initialize scene
scene = new THREE.Scene();
renderer = new THREE.WebGLRenderer({alpha:true, antialias:true});
renderer.setClearColor(0x87ceeb);
2015-06-19 17:45:52 +02:00
// Initialize pointer camera
camera1 = new L3D.PointerCamera(
50,
container_size.width() / container_size.height(),
0.01, 100000, renderer, container
);
}
function initCanvases() {
2015-06-19 17:45:52 +02:00
// Initialize previewer
2015-07-01 16:31:43 +02:00
previewer = new L3D.Previewer(renderer, scene);
previewer.domElement.style.position ="absolute";
previewer.domElement.style.cssFloat = 'top-left';
// Initialize stats counter
stats = new Stats();
stats.setMode(0);
stats.domElement.style.position = 'absolute';
stats.domElement.style.cssFloat = "top-left";
2015-06-19 17:45:52 +02:00
// Initialize pointer for pointer lock
pointer = new L3D.MousePointer(camera1);
2015-06-19 17:45:52 +02:00
// Init start canvas
startCanvas = new L3D.StartCanvas(camera1);
2015-06-25 10:56:20 +02:00
}
function initModels() {
2015-06-25 10:56:20 +02:00
// Init recommendations
recommendations = initMainScene(camera1, scene, coins, clickableObjects);
// init clickable objects
var i;
for (i = 0; i < coins.length; i++)
clickableObjects.push(coins[i]);
for (i =0; i < recommendations.length; i++)
clickableObjects.push(recommendations[i]);
}
function initListeners() {
// Add listeners
window.addEventListener('resize', onWindowResize, false);
// HTML Bootstrap buttons
buttonManager = new ButtonManager(camera1, recommendations, previewer);
// Object clicker for hover and clicking recommendations
objectClicker = new L3D.ObjectClicker(
renderer,
camera1,
clickableObjects,
objectClickerOnHover(camera1, previewer, recommendations, container), // Create onHover function
objectClickerOnClick(camera1, buttonManager, recommendations, coins), // Create onClick function
container
);
}
function render() {
// Stats for render
stats.begin();
objectClicker.update();
2015-06-16 15:14:43 +02:00
// Update recommendations (set raycastable if shown)
var transform = buttonManager.showArrows ? show : hide;
recommendations.map(function(reco) {
if (reco instanceof Recommendation) {
transform(reco);
reco.traverse(function(elt) {
2015-06-16 15:14:43 +02:00
elt.raycastable = buttonManager.showArrows;
});
}
});
2015-05-11 12:04:37 +02:00
// Update coins
2015-06-16 15:14:43 +02:00
coins.forEach(function(coin) { coin.update(); });
2015-05-11 12:04:37 +02:00
// Update main camera
2015-05-13 09:33:49 +02:00
var currentTime = Date.now() - previousTime;
camera1.update(isNaN(currentTime) ? 20 : currentTime);
2015-05-13 09:33:49 +02:00
previousTime = Date.now();
// Update the recommendations
recommendations.map(function(reco) { reco.update(camera1);});
2015-05-13 09:11:54 +02:00
// Set current position of camera
camera1.look();
2015-06-16 15:14:43 +02:00
var left = 0, bottom = 0, width = container_size.width(), height = container_size.height();
renderer.setScissor(left, bottom, width, height);
renderer.enableScissorTest(true);
renderer.setViewport(left, bottom, width, height);
renderer.render(scene, camera1);
// Remove borders of preview
2015-06-16 15:14:43 +02:00
previewer.clear();
// Hide arrows in recommendation
recommendations.map(function(reco) { if (reco instanceof Recommendation) hide(reco); });
2015-06-15 09:40:30 +02:00
// Update transparent elements
THREEx.Transparency.update(camera1);
2015-06-15 09:40:30 +02:00
// Render preview
previewer.render(container_size.width(), container_size.height());
// Finish stats
stats.end();
}
function onWindowResize() {
resizeElements(renderer, container, previewer, Coin, pointer, startCanvas);
recommendations.forEach(function(reco) {
resetCameraAspect(reco.camera, container_size.width(), container_size.height());
});
render();
}
// onWindowResize will be the only global function
return onWindowResize;
})();