Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-09 13:49:12 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Display 2D progress bar

Browse source
This commit is contained in:
David Rowe 2015-01-29 16:35:42 -08:00
parent 1fdebf63a4
commit 9b6a81cfb0
1 changed files with 68 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
examples/progress.js
View file

@ -13,7 +13,19 @@
(function () { (function () {
var progress = 100; // % var progress = 100, // %
BAR_COLOR = { red: 0, green: 128, blue: 0 },
BAR_WIDTH = 320, // Raw dimension in pixels of SVG
BAR_HEIGHT = 20,
BAR_URL = "http://ctrlaltstudio.com/hifi/progress-bar.svg",
BACKGROUND_WIDTH = 360,
BACKGROUND_HEIGHT = 60,
BACKGROUND_URL = "http://ctrlaltstudio.com/hifi/progress-bar-background.svg",
SCALE_2D = 0.5, // Scale the SVGs for 2D display
background2D = {},
bar2D = {},
windowWidth = 0,
windowHeight = 0;
function updateInfo(info) { function updateInfo(info) {
var i; var i;
@ -28,9 +40,63 @@
progress = progress / (info.downloading.length + info.pending); progress = progress / (info.downloading.length + info.pending);
} }
print(progress.toFixed(0) + "%"); Overlays.editOverlay(bar2D.overlay, {
width: progress / 100 * bar2D.width
});
} }
function update() {
var viewport;
viewport = Controller.getViewportDimensions();
if (viewport.x !== windowWidth || viewport.y !== windowHeight) {
windowWidth = viewport.x;
windowHeight = viewport.y;
Overlays.editOverlay(background2D.overlay, {
x: windowWidth / 2 - background2D.width / 2,
y: windowHeight - background2D.height - bar2D.height
});
Overlays.editOverlay(bar2D.overlay, {
x: windowWidth / 2 - bar2D.width / 2,
y: windowHeight - background2D.height - bar2D.height + (background2D.height - bar2D.height) / 2
});
}
}
function setUp() {
background2D.width = SCALE_2D * BACKGROUND_WIDTH;
background2D.height = SCALE_2D * BACKGROUND_HEIGHT;
background2D.overlay = Overlays.addOverlay("image", {
width: background2D.width,
height: background2D.height,
imageURL: BACKGROUND_URL,
visible: true,
alpha: 1.0
});
bar2D.width = SCALE_2D * BAR_WIDTH;
bar2D.height = SCALE_2D * BAR_HEIGHT;
bar2D.overlay = Overlays.addOverlay("image", {
width: bar2D.width,
height: bar2D.height,
imageURL: BAR_URL,
color: BAR_COLOR,
visible: true,
alpha: 1.0
});
}
function tearDown() {
Overlays.deleteOverlay(background2D.overlay);
Overlays.deleteOverlay(bar2D.overlay);
}
setUp();
GlobalServices.downloadInfoChanged.connect(updateInfo); GlobalServices.downloadInfoChanged.connect(updateInfo);
GlobalServices.updateDownloadInfo(); GlobalServices.updateDownloadInfo();
Script.update.connect(update);
Script.scriptEnding.connect(tearDown);
}()); }());