mirror of
https://github.com/HifiExperiments/overte.git
synced 2025-04-30 00:32:14 +02:00
330 lines
12 KiB
JavaScript
330 lines
12 KiB
JavaScript
//
|
|
// interstitialPage.js
|
|
// scripts/system
|
|
//
|
|
// Created by Dante Ruiz on 08/02/2018.
|
|
// Copyright 2012 High Fidelity, Inc.
|
|
//
|
|
// Distributed under the Apache License, Version 2.0.
|
|
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
|
//
|
|
|
|
/* global Script, Controller, Overlays, Quat, MyAvatar, Entities, print, Vec3, AddressManager, Render, Window, Toolbars,
|
|
Camera, HMD*/
|
|
|
|
(function() {
|
|
var MAX_X_SIZE = 5;
|
|
var EPSILON = 0.25;
|
|
var isVisible = false;
|
|
var STABILITY = 3.0;
|
|
var defaultOffset = -0.5;
|
|
var VOLUME = 0.4;
|
|
var tune = SoundCache.getSound("http://hifi-content.s3.amazonaws.com/alexia/LoadingScreens/crystals_and_voices.wav");
|
|
var sample = null;
|
|
var MAX_LEFT_MARGIN = 1.9;
|
|
var INNER_CIRCLE_WIDTH = 4.7;
|
|
var DESTINATION_CARD_Y_OFFSET = 2;
|
|
var SYSTEM_TOOL_BAR = "com.highfidelity.interface.toolbar.system";
|
|
var MAX_ELAPSED_TIME = 5 * 1000; // time in ms
|
|
|
|
var toolbar = Toolbars.getToolbar(SYSTEM_TOOL_BAR);
|
|
var renderViewTask = Render.getConfig("RenderMainView");
|
|
|
|
// Tips have a character limit of 69
|
|
var userTips = [
|
|
"Tip: Visit TheSpot to explore featured domains!",
|
|
"Tip: Visit our docs online to learn more about scripting!",
|
|
"Tip: Don't want others invading your personal space? Turn on the Bubble!",
|
|
"Tip: Want to make a friend? Shake hands with them in VR!",
|
|
"Tip: Enjoy live music? Visit Rust to dance your heart out!",
|
|
"Tip: Have you visited BodyMart to check out the new avatars recently?",
|
|
"Tip: Use the Create app to import models and create custom entities.",
|
|
"Tip: We're open source! Feel free to contribute to our code on GitHub!",
|
|
"Tip: What emotes have you used in the Emote app?",
|
|
"Tip: Take and share your snapshots with the everyone using the Snap app.",
|
|
"Tip: Did you know you can show websites in-world by creating a web entity?",
|
|
"Tip: Find out more information about domains by visiting our website!",
|
|
"Tip: Did you know you can get cool new apps from the Marketplace?",
|
|
"Tip: Print your snapshots from the Snap app to share with others!",
|
|
"Tip: Log in to make friends, visit new domains, and save avatars!"
|
|
];
|
|
|
|
var loadingSphereID = Overlays.addOverlay("model", {
|
|
name: "Loading-Sphere",
|
|
position: Vec3.sum(Vec3.sum(MyAvatar.position, {x: 0.0, y: -1.0, z: 0.0}), Vec3.multiplyQbyV(MyAvatar.orientation, {x: 0, y: 0.95, z: 0})),
|
|
orientation: Quat.multiply(Quat.fromVec3Degrees({x: 10, y: 180, z: 0}), MyAvatar.orientation),
|
|
url: "http://hifi-content.s3.amazonaws.com/alexia/LoadingScreens/black-sphere.fbx",
|
|
dimensions: { x: 20, y: 20, z: 20 },
|
|
alpha: 1,
|
|
visible: isVisible,
|
|
ignoreRayIntersection: true,
|
|
drawInFront: true,
|
|
grabbable: false,
|
|
parentID: MyAvatar.SELF_ID
|
|
});
|
|
|
|
|
|
var domainName = "";
|
|
var domainNameTextID = Overlays.addOverlay("text3d", {
|
|
name: "Loading-Destination-Card-Text",
|
|
localPosition: { x: 0.0, y: DESTINATION_CARD_Y_OFFSET + 0.8, z: 5.45 },
|
|
text: domainName,
|
|
textAlpha: 1,
|
|
backgroundAlpha: 0,
|
|
lineHeight: 0.42,
|
|
visible: isVisible,
|
|
ignoreRayIntersection: true,
|
|
drawInFront: true,
|
|
grabbable: false,
|
|
localOrientation: Quat.fromVec3Degrees({ x: 0, y: 180, z: 0 }),
|
|
parentID: loadingSphereID
|
|
});
|
|
|
|
var hostName = "";
|
|
|
|
var domainHostname = Overlays.addOverlay("text3d", {
|
|
name: "Loading-Hostname",
|
|
localPosition: { x: 0.0, y: DESTINATION_CARD_Y_OFFSET + 0.32, z: 5.45 },
|
|
text: hostName,
|
|
textAlpha: 1,
|
|
backgroundAlpha: 0,
|
|
lineHeight: 0.13,
|
|
visible: isVisible,
|
|
ignoreRayIntersection: true,
|
|
drawInFront: true,
|
|
grabbable: false,
|
|
localOrientation: Quat.fromVec3Degrees({ x: 0, y: 180, z: 0 }),
|
|
parentID: loadingSphereID
|
|
});
|
|
|
|
var toolTip = "";
|
|
|
|
var domainToolTip = Overlays.addOverlay("text3d", {
|
|
name: "Loading-Tooltip",
|
|
localPosition: { x: 0.0 , y: DESTINATION_CARD_Y_OFFSET - 1.6, z: 5.45 },
|
|
text: toolTip,
|
|
textAlpha: 1,
|
|
backgroundAlpha: 0,
|
|
lineHeight: 0.13,
|
|
visible: isVisible,
|
|
ignoreRayIntersection: true,
|
|
drawInFront: true,
|
|
grabbable: false,
|
|
localOrientation: Quat.fromVec3Degrees({ x: 0, y: 180, z: 0 }),
|
|
parentID: loadingSphereID
|
|
});
|
|
|
|
var loadingToTheSpotID = Overlays.addOverlay("image3d", {
|
|
name: "Loading-Destination-Card-Text",
|
|
localPosition: { x: 0.0 , y: DESTINATION_CARD_Y_OFFSET - 1.8, z: 5.45 },
|
|
url: "http://hifi-content.s3.amazonaws.com/alexia/LoadingScreens/goTo_button.png",
|
|
alpha: 1,
|
|
dimensions: { x: 1.2, y: 0.6},
|
|
visible: isVisible,
|
|
emissive: true,
|
|
ignoreRayIntersection: false,
|
|
drawInFront: true,
|
|
grabbable: false,
|
|
localOrientation: Quat.fromVec3Degrees({ x: 0.0, y: 180.0, z: 0.0 }),
|
|
parentID: loadingSphereID
|
|
});
|
|
|
|
var loadingBarPlacard = Overlays.addOverlay("image3d", {
|
|
name: "Loading-Bar-Placard",
|
|
localPosition: { x: 0.0 , y: DESTINATION_CARD_Y_OFFSET - 0.99, z: 5.52 },
|
|
url: "http://hifi-content.s3.amazonaws.com/alexia/LoadingScreens/loadingBar_placard.png",
|
|
alpha: 1,
|
|
dimensions: { x: 4, y: 2.8},
|
|
visible: isVisible,
|
|
emissive: true,
|
|
ignoreRayIntersection: false,
|
|
drawInFront: true,
|
|
grabbable: false,
|
|
localOrientation: Quat.fromVec3Degrees({ x: 0.0, y: 180.0, z: 0.0 }),
|
|
parentID: loadingSphereID
|
|
});
|
|
|
|
var loadingBarProgress = Overlays.addOverlay("image3d", {
|
|
name: "Loading-Bar-Progress",
|
|
localPosition: { x: 0.0 , y: DESTINATION_CARD_Y_OFFSET - 0.99, z: 5.45 },
|
|
url: "http://hifi-content.s3.amazonaws.com/alexia/LoadingScreens/loadingBar_progress.png",
|
|
alpha: 1,
|
|
dimensions: { x: 4, y: 2.8},
|
|
visible: isVisible,
|
|
emissive: true,
|
|
ignoreRayIntersection: false,
|
|
drawInFront: true,
|
|
grabbable: false,
|
|
localOrientation: Quat.fromVec3Degrees({ x: 0.0, y: 180.0, z: 0.0 }),
|
|
parentID: loadingSphereID
|
|
});
|
|
|
|
var TARGET_UPDATE_HZ = 60; // 50hz good enough, but we're using update
|
|
var BASIC_TIMER_INTERVAL_MS = 1000 / TARGET_UPDATE_HZ;
|
|
var timerset = false;
|
|
var lastInterval = Date.now();
|
|
var timeElapsed = 0;
|
|
var currentDomain = "";
|
|
var timer = null;
|
|
var target = 0;
|
|
|
|
|
|
function getLeftMargin(overlayID, text) {
|
|
var textSize = Overlays.textSize(overlayID, text);
|
|
var sizeDifference = ((INNER_CIRCLE_WIDTH - textSize.width) / 2);
|
|
var leftMargin = -(MAX_LEFT_MARGIN - sizeDifference);
|
|
return leftMargin;
|
|
}
|
|
|
|
|
|
function resetValues() {
|
|
}
|
|
|
|
function lerp(a, b, t) {
|
|
return ((1 - t) * a + t * b);
|
|
}
|
|
|
|
function startInterstitialPage() {
|
|
if (timer === null) {
|
|
print("--------> start page <--------");
|
|
updateOverlays(Window.isPhysicsEnabled());
|
|
target = 0;
|
|
currentProgress = 0.1;
|
|
timer = Script.setTimeout(update, BASIC_TIMER_INTERVAL_MS);
|
|
}
|
|
}
|
|
|
|
function domainChanged(domain) {
|
|
if (domain !== currentDomain) {
|
|
print("----------> domain changed <-------------->");
|
|
var name = AddressManager.placename;
|
|
domainName = name.charAt(0).toUpperCase() + name.slice(1);
|
|
var domainNameLeftMargin = getLeftMargin(domainNameTextID, domainName);
|
|
var textProperties = {
|
|
text: domainName,
|
|
leftMargin: domainNameLeftMargin
|
|
};
|
|
|
|
var BY = "by ";
|
|
var text = BY
|
|
var hostLeftMargin = getLeftMargin(domainHostname, text);
|
|
var hostnameProperties = {
|
|
text: BY,
|
|
leftMargin: hostLeftMargin
|
|
};
|
|
|
|
var randomIndex = Math.floor(Math.random() * userTips.length);
|
|
var tip = userTips[randomIndex];
|
|
var tipLeftMargin = getLeftMargin(domainToolTip, tip);
|
|
var toolTipProperties = {
|
|
text: tip,
|
|
leftMargin: tipLeftMargin
|
|
};
|
|
|
|
Overlays.editOverlay(domainNameTextID, textProperties);
|
|
Overlays.editOverlay(domainHostname, hostnameProperties);
|
|
Overlays.editOverlay(domainToolTip, toolTipProperties);
|
|
|
|
|
|
startInterstitialPage();
|
|
currentDomain = domain;
|
|
}
|
|
}
|
|
|
|
var THE_PLACE = "hifi://TheSpot";
|
|
function clickedOnOverlay(overlayID, event) {
|
|
print(overlayID + " other: " + loadingToTheSpotID);
|
|
print(event.button === "Primary");
|
|
if (loadingToTheSpotID === overlayID) {
|
|
if (timerset) {
|
|
timeElapsed = 0;
|
|
}
|
|
AddressManager.handleLookupString(THE_PLACE);
|
|
}
|
|
}
|
|
|
|
var currentProgress = 0.1;
|
|
|
|
function updateOverlays(physicsEnabled) {
|
|
var properties = {
|
|
visible: !physicsEnabled
|
|
};
|
|
|
|
var mainSphereProperties = {
|
|
visible: !physicsEnabled
|
|
};
|
|
|
|
Menu.setIsOptionChecked("Show Overlays", physicsEnabled);
|
|
|
|
renderViewTask.getConfig("LightingModel")["enableAmbientLight"] = physicsEnabled;
|
|
renderViewTask.getConfig("LightingModel")["enableDirectionalLight"] = physicsEnabled;
|
|
renderViewTask.getConfig("LightingModel")["enablePointLight"] = physicsEnabled;
|
|
Overlays.editOverlay(loadingSphereID, mainSphereProperties);
|
|
Overlays.editOverlay(loadingToTheSpotID, properties);
|
|
Overlays.editOverlay(domainNameTextID, properties);
|
|
Overlays.editOverlay(domainHostname, properties);
|
|
Overlays.editOverlay(domainToolTip, properties);
|
|
Overlays.editOverlay(loadingBarPlacard, properties);
|
|
Overlays.editOverlay(loadingBarProgress, properties);
|
|
}
|
|
|
|
function update() {
|
|
var physicsEnabled = Window.isPhysicsEnabled();
|
|
var thisInterval = Date.now();
|
|
var deltaTime = (thisInterval - lastInterval);
|
|
lastInterval = thisInterval;
|
|
timeElapsed += deltaTime;
|
|
|
|
var nearbyEntitiesReadyCount = Window.getPhysicsNearbyEntitiesReadyCount();
|
|
var stabilityCount = Window.getPhysicsNearbyEntitiesStabilityCount();
|
|
var nearbyEntitiesCount = Window.getPhysicsNearbyEntitiesCount();
|
|
|
|
var stabilityPercentage = (stabilityCount / STABILITY);
|
|
if (stabilityPercentage > 1) {
|
|
stabilityPercentage = 1;
|
|
}
|
|
|
|
var stabilityProgress = (MAX_X_SIZE * 0.75) * stabilityPercentage;
|
|
|
|
var entitiesLoadedPercentage = 1;
|
|
if (nearbyEntitiesCount > 0) {
|
|
entitiesLoadedPercentage = nearbyEntitiesReadyCount / nearbyEntitiesCount;
|
|
}
|
|
var entitiesLoadedProgress = (MAX_X_SIZE * 0.25) * entitiesLoadedPercentage;
|
|
var progress = stabilityProgress + entitiesLoadedProgress;
|
|
if (progress >= target) {
|
|
target = progress;
|
|
}
|
|
currentProgress = lerp(currentProgress, target, 0.2);
|
|
var properties = {
|
|
localPosition: { x: -(currentProgress / 2) + 2, y: DESTINATION_CARD_Y_OFFSET - 0.99, z: 5.45 },
|
|
dimensions: {
|
|
x: currentProgress,
|
|
y: 2.8
|
|
}
|
|
};
|
|
|
|
Overlays.editOverlay(loadingBarProgress, properties);
|
|
if (physicsEnabled && (currentProgress >= (MAX_X_SIZE - EPSILON))) {
|
|
updateOverlays(physicsEnabled);
|
|
timer = null;
|
|
return;
|
|
}
|
|
timer = Script.setTimeout(update, BASIC_TIMER_INTERVAL_MS);
|
|
}
|
|
|
|
Overlays.mouseReleaseOnOverlay.connect(clickedOnOverlay);
|
|
Window.domainChanged.connect(domainChanged);
|
|
|
|
function cleanup() {
|
|
Overlays.deleteOverlay(loadingSphereID);
|
|
Overlays.deleteOverlay(loadingToTheSpotID);
|
|
Overlays.deleteOverlay(domainNameTextID);
|
|
Overlays.deleteOverlay(domainHostname);
|
|
Overlays.deleteOverlay(domainToolTip);
|
|
Overlays.deleteOverlay(loadingBarPlacard);
|
|
Overlays.deleteOverlay(loadingBarProgress);
|
|
}
|
|
|
|
Script.scriptEnding.connect(cleanup);
|
|
}());
|