mirror of
https://github.com/overte-org/overte.git
synced 2025-08-08 14:18:24 +02:00
Remove 3d overlay from progress.js
This commit is contained in:
parent
79a243b171
commit
1f2e34d59b
1 changed files with 21 additions and 134 deletions
|
@ -38,31 +38,11 @@
|
||||||
BACKGROUND_WIDTH = 520,
|
BACKGROUND_WIDTH = 520,
|
||||||
BACKGROUND_HEIGHT = 50,
|
BACKGROUND_HEIGHT = 50,
|
||||||
BACKGROUND_URL = Script.resolvePath("assets/images/progress-bar-background.svg"),
|
BACKGROUND_URL = Script.resolvePath("assets/images/progress-bar-background.svg"),
|
||||||
use3DOverlay = false,
|
|
||||||
windowWidth = 0,
|
windowWidth = 0,
|
||||||
windowHeight = 0,
|
windowHeight = 0,
|
||||||
background2D = {},
|
background2D = {},
|
||||||
bar2D = {},
|
bar2D = {},
|
||||||
SCALE_2D = 0.35, // Scale the SVGs for 2D display.
|
SCALE_2D = 0.35; // Scale the SVGs for 2D display.
|
||||||
background3D = {},
|
|
||||||
bar3D = {},
|
|
||||||
PROGRESS_3D_DIRECTION = 0.0, // Degrees from avatar orientation.
|
|
||||||
PROGRESS_3D_DISTANCE = 0.602, // Horizontal distance from avatar position.
|
|
||||||
PROGRESS_3D_ELEVATION = -0.8, // Height of top middle of top notification relative to avatar eyes.
|
|
||||||
PROGRESS_3D_ELEVATION = -0.2, // Height of top middle of top notification relative to avatar eyes.
|
|
||||||
PROGRESS_3D_YAW = 0.0, // Degrees relative to notifications direction.
|
|
||||||
PROGRESS_3D_PITCH = -0.0, // Degrees from vertical.
|
|
||||||
SCALE_3D = 0.0004, // Scale the bar SVG for 3D display.
|
|
||||||
BACKGROUND_3D_SIZE = {
|
|
||||||
x: 0.76,
|
|
||||||
y: 0.08
|
|
||||||
}, // Match up with the 3D background with those of notifications.js notices.
|
|
||||||
BACKGROUND_3D_COLOR = {
|
|
||||||
red: 2,
|
|
||||||
green: 2,
|
|
||||||
blue: 2
|
|
||||||
},
|
|
||||||
BACKGROUND_3D_ALPHA = 1.0;
|
|
||||||
|
|
||||||
function fade() {
|
function fade() {
|
||||||
|
|
||||||
|
@ -83,32 +63,21 @@
|
||||||
visible = false;
|
visible = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (use3DOverlay) {
|
|
||||||
Overlays.editOverlay(background3D.overlay, {
|
|
||||||
alpha: alpha,
|
|
||||||
visible: visible
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
Overlays.editOverlay(background2D.overlay, {
|
Overlays.editOverlay(background2D.overlay, {
|
||||||
alpha: alpha,
|
alpha: alpha,
|
||||||
visible: visible
|
visible: visible
|
||||||
});
|
});
|
||||||
}
|
Overlays.editOverlay(bar2D.overlay, {
|
||||||
Overlays.editOverlay(use3DOverlay ? bar3D.overlay : bar2D.overlay, {
|
|
||||||
alpha: alpha,
|
alpha: alpha,
|
||||||
visible: visible
|
visible: visible
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
function resetProgress() {
|
|
||||||
isDownloading = true;
|
|
||||||
bestRawProgress = 0;
|
|
||||||
rawProgress = 0;
|
|
||||||
initialDelayCooldown = INITIAL_DELAY_COOLDOWN_TIME;
|
|
||||||
displayProgress = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
Window.domainChanged.connect(function() {
|
Window.domainChanged.connect(function() {
|
||||||
resetProgress();
|
isDownloading = false;
|
||||||
|
bestRawProgress = 100;
|
||||||
|
rawProgress = 100;
|
||||||
|
displayProgress = 100;
|
||||||
});
|
});
|
||||||
|
|
||||||
// Max seen since downloads started. This is reset when all downloads have completed.
|
// Max seen since downloads started. This is reset when all downloads have completed.
|
||||||
|
@ -145,7 +114,11 @@
|
||||||
} else {
|
} else {
|
||||||
var count = info.downloading.length + info.pending;
|
var count = info.downloading.length + info.pending;
|
||||||
if (!isDownloading) {
|
if (!isDownloading) {
|
||||||
resetProgress();
|
isDownloading = true;
|
||||||
|
bestRawProgress = 0;
|
||||||
|
rawProgress = 0;
|
||||||
|
initialDelayCooldown = INITIAL_DELAY_COOLDOWN_TIME;
|
||||||
|
displayProgress = 0;
|
||||||
maxSeen = count;
|
maxSeen = count;
|
||||||
}
|
}
|
||||||
if (count > maxSeen) {
|
if (count > maxSeen) {
|
||||||
|
@ -163,41 +136,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function createOverlays() {
|
function createOverlays() {
|
||||||
background3D.overlay = Overlays.addOverlay("image3d", {
|
|
||||||
url: BACKGROUND_URL,
|
|
||||||
subImage: {
|
|
||||||
x: 0,
|
|
||||||
y: 0,
|
|
||||||
width: BACKGROUND_WIDTH,
|
|
||||||
height: BACKGROUND_HEIGHT
|
|
||||||
},
|
|
||||||
scale: SCALE_3D * BACKGROUND_WIDTH,
|
|
||||||
isFacingAvatar: false,
|
|
||||||
visible: false,
|
|
||||||
alpha: 1.0,
|
|
||||||
ignoreRayIntersection: true,
|
|
||||||
emissive: true,
|
|
||||||
isFacingAvatar: true,
|
|
||||||
drawInFront: true
|
|
||||||
});
|
|
||||||
bar3D.overlay = Overlays.addOverlay("image3d", {
|
|
||||||
url: BAR_URL,
|
|
||||||
subImage: {
|
|
||||||
x: 0,
|
|
||||||
y: 0,
|
|
||||||
width: BAR_WIDTH,
|
|
||||||
height: BAR_HEIGHT
|
|
||||||
},
|
|
||||||
scale: SCALE_3D * BAR_WIDTH,
|
|
||||||
isFacingAvatar: false,
|
|
||||||
visible: false,
|
|
||||||
alpha: 1.0,
|
|
||||||
ignoreRayIntersection: true,
|
|
||||||
emissive: true,
|
|
||||||
isFacingAvatar: true,
|
|
||||||
drawInFront: true
|
|
||||||
});
|
|
||||||
|
|
||||||
background2D.overlay = Overlays.addOverlay("image", {
|
background2D.overlay = Overlays.addOverlay("image", {
|
||||||
imageURL: BACKGROUND_URL,
|
imageURL: BACKGROUND_URL,
|
||||||
width: background2D.width,
|
width: background2D.width,
|
||||||
|
@ -221,15 +159,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function deleteOverlays() {
|
function deleteOverlays() {
|
||||||
Overlays.deleteOverlay(background3D.overlay);
|
|
||||||
Overlays.deleteOverlay(bar3D.overlay);
|
|
||||||
|
|
||||||
Overlays.deleteOverlay(background2D.overlay);
|
Overlays.deleteOverlay(background2D.overlay);
|
||||||
Overlays.deleteOverlay(bar2D.overlay);
|
Overlays.deleteOverlay(bar2D.overlay);
|
||||||
}
|
}
|
||||||
|
|
||||||
var b = 0;
|
var b = 0;
|
||||||
var worldOverlayOn = false;
|
|
||||||
var currentOrientation = null;
|
var currentOrientation = null;
|
||||||
function update() {
|
function update() {
|
||||||
initialDelayCooldown -= 30;
|
initialDelayCooldown -= 30;
|
||||||
|
@ -237,10 +171,6 @@
|
||||||
eyePosition,
|
eyePosition,
|
||||||
avatarOrientation;
|
avatarOrientation;
|
||||||
|
|
||||||
if (use3DOverlay !== worldOverlayOn) {
|
|
||||||
use3DOverlay = !use3DOverlay;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (displayProgress < rawProgress) {
|
if (displayProgress < rawProgress) {
|
||||||
var diff = rawProgress - displayProgress;
|
var diff = rawProgress - displayProgress;
|
||||||
if (diff < 0.5) {
|
if (diff < 0.5) {
|
||||||
|
@ -284,18 +214,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (use3DOverlay) {
|
|
||||||
Overlays.editOverlay(background2D.overlay, { visible: false });
|
|
||||||
Overlays.editOverlay(bar2D.overlay, { visible: false });
|
|
||||||
} else {
|
|
||||||
Overlays.editOverlay(background3D.overlay, { visible: false });
|
|
||||||
Overlays.editOverlay(bar3D.overlay, { visible: false });
|
|
||||||
}
|
|
||||||
|
|
||||||
if (visible) {
|
if (visible) {
|
||||||
|
|
||||||
// Update progress bar
|
// Update progress bar
|
||||||
Overlays.editOverlay(use3DOverlay ? bar3D.overlay : bar2D.overlay, {
|
Overlays.editOverlay(bar2D.overlay, {
|
||||||
visible: true,
|
visible: true,
|
||||||
subImage: {
|
subImage: {
|
||||||
x: BAR_WIDTH * (1 - displayProgress / 100),
|
x: BAR_WIDTH * (1 - displayProgress / 100),
|
||||||
|
@ -305,30 +227,10 @@
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
Overlays.editOverlay(use3DOverlay ? background3D.overlay : background2D.overlay, {
|
Overlays.editOverlay(background2D.overlay, {
|
||||||
visible: true,
|
visible: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
// Update position
|
|
||||||
if (use3DOverlay) {
|
|
||||||
print("HERE");
|
|
||||||
// Update 3D overlays to maintain positions relative to avatar
|
|
||||||
eyePosition = MyAvatar.getDefaultEyePosition();
|
|
||||||
avatarOrientation = Camera.orientation;
|
|
||||||
|
|
||||||
currentOrientation = Quat.slerp(currentOrientation, avatarOrientation, 0.10);
|
|
||||||
avatarOrientation = currentOrientation;
|
|
||||||
|
|
||||||
Overlays.editOverlay(background3D.overlay, {
|
|
||||||
position: Vec3.sum(eyePosition, Vec3.multiplyQbyV(avatarOrientation, background3D.offset)),
|
|
||||||
//rotation: Quat.multiply(avatarOrientation, background3D.orientation)
|
|
||||||
});
|
|
||||||
Overlays.editOverlay(bar3D.overlay, {
|
|
||||||
position: Vec3.sum(eyePosition, Vec3.multiplyQbyV(avatarOrientation, bar3D.offset)),
|
|
||||||
//rotation: Quat.multiply(avatarOrientation, bar3D.orientation)
|
|
||||||
});
|
|
||||||
|
|
||||||
} else {
|
|
||||||
// Update 2D overlays to maintain positions at bottom middle of window
|
// Update 2D overlays to maintain positions at bottom middle of window
|
||||||
viewport = Controller.getViewportDimensions();
|
viewport = Controller.getViewportDimensions();
|
||||||
|
|
||||||
|
@ -337,7 +239,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function updateProgressBarLocation() {
|
function updateProgressBarLocation() {
|
||||||
viewport = Controller.getViewportDimensions();
|
viewport = Controller.getViewportDimensions();
|
||||||
|
@ -368,20 +269,6 @@
|
||||||
bar2D.width = SCALE_2D * BAR_WIDTH;
|
bar2D.width = SCALE_2D * BAR_WIDTH;
|
||||||
bar2D.height = SCALE_2D * BAR_HEIGHT;
|
bar2D.height = SCALE_2D * BAR_HEIGHT;
|
||||||
|
|
||||||
background3D.offset = Vec3.multiplyQbyV(Quat.fromPitchYawRollDegrees(0, PROGRESS_3D_DIRECTION, 0), {
|
|
||||||
x: 0,
|
|
||||||
y: 0,
|
|
||||||
z: -PROGRESS_3D_DISTANCE
|
|
||||||
});
|
|
||||||
background3D.offset.y += PROGRESS_3D_ELEVATION;
|
|
||||||
background3D.orientation = Quat.fromPitchYawRollDegrees(PROGRESS_3D_PITCH, PROGRESS_3D_DIRECTION + PROGRESS_3D_YAW, 0);
|
|
||||||
bar3D.offset = Vec3.sum(background3D.offset, {
|
|
||||||
x: 0,
|
|
||||||
y: 0,
|
|
||||||
z: 0.001
|
|
||||||
}); // Just in front of background
|
|
||||||
bar3D.orientation = background3D.orientation;
|
|
||||||
|
|
||||||
createOverlays();
|
createOverlays();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue