mirror of
https://github.com/HifiExperiments/overte.git
synced 2025-06-05 09:59:54 +02:00
Buttons at bottom
This commit is contained in:
parent
8114fdd1e2
commit
9642bd199d
1 changed files with 31 additions and 26 deletions
|
@ -90,44 +90,49 @@ var score = 0;
|
||||||
var bulletID = false;
|
var bulletID = false;
|
||||||
var targetID = false;
|
var targetID = false;
|
||||||
|
|
||||||
// Create a reticle image in center of screen
|
// Create overlay buttons and reticle
|
||||||
|
|
||||||
|
var BUTTON_SIZE = 32;
|
||||||
|
var PADDING = 3;
|
||||||
|
var NUM_BUTTONS = 3;
|
||||||
|
|
||||||
var screenSize = Controller.getViewportDimensions();
|
var screenSize = Controller.getViewportDimensions();
|
||||||
|
var startX = screenSize.x / 2 - (NUM_BUTTONS * (BUTTON_SIZE + PADDING)) / 2;
|
||||||
var reticle = Overlays.addOverlay("image", {
|
var reticle = Overlays.addOverlay("image", {
|
||||||
x: screenSize.x / 2 - 16,
|
x: screenSize.x / 2 - (BUTTON_SIZE / 2),
|
||||||
y: screenSize.y / 2 - 16,
|
y: screenSize.y / 2 - (BUTTON_SIZE / 2),
|
||||||
width: 32,
|
width: BUTTON_SIZE,
|
||||||
height: 32,
|
height: BUTTON_SIZE,
|
||||||
imageURL: HIFI_PUBLIC_BUCKET + "images/billiardsReticle.png",
|
imageURL: HIFI_PUBLIC_BUCKET + "images/billiardsReticle.png",
|
||||||
color: { red: 255, green: 255, blue: 255},
|
|
||||||
alpha: 1
|
alpha: 1
|
||||||
});
|
});
|
||||||
|
|
||||||
var offButton = Overlays.addOverlay("image", {
|
var offButton = Overlays.addOverlay("image", {
|
||||||
x: screenSize.x - 48,
|
x: startX,
|
||||||
y: 96,
|
y: screenSize.y - (BUTTON_SIZE + PADDING),
|
||||||
width: 32,
|
width: BUTTON_SIZE,
|
||||||
height: 32,
|
height: BUTTON_SIZE,
|
||||||
imageURL: HIFI_PUBLIC_BUCKET + "images/close.png",
|
imageURL: HIFI_PUBLIC_BUCKET + "images/close.png",
|
||||||
color: { red: 255, green: 255, blue: 255},
|
alpha: 1
|
||||||
|
});
|
||||||
|
|
||||||
|
startX += BUTTON_SIZE + PADDING;
|
||||||
|
var platformButton = Overlays.addOverlay("image", {
|
||||||
|
x: startX,
|
||||||
|
y: screenSize.y - (BUTTON_SIZE + PADDING),
|
||||||
|
width: BUTTON_SIZE,
|
||||||
|
height: BUTTON_SIZE,
|
||||||
|
imageURL: HIFI_PUBLIC_BUCKET + "images/city.png",
|
||||||
alpha: 1
|
alpha: 1
|
||||||
});
|
});
|
||||||
|
|
||||||
var platformButton = Overlays.addOverlay("image", {
|
startX += BUTTON_SIZE + PADDING;
|
||||||
x: screenSize.x - 48,
|
|
||||||
y: 130,
|
|
||||||
width: 32,
|
|
||||||
height: 32,
|
|
||||||
imageURL: HIFI_PUBLIC_BUCKET + "images/city.png",
|
|
||||||
color: { red: 255, green: 255, blue: 255},
|
|
||||||
alpha: 1
|
|
||||||
});
|
|
||||||
var gridButton = Overlays.addOverlay("image", {
|
var gridButton = Overlays.addOverlay("image", {
|
||||||
x: screenSize.x - 48,
|
x: startX,
|
||||||
y: 164,
|
y: screenSize.y - (BUTTON_SIZE + PADDING),
|
||||||
width: 32,
|
width: BUTTON_SIZE,
|
||||||
height: 32,
|
height: BUTTON_SIZE,
|
||||||
imageURL: HIFI_PUBLIC_BUCKET + "images/blocks.png",
|
imageURL: HIFI_PUBLIC_BUCKET + "images/blocks.png",
|
||||||
color: { red: 255, green: 255, blue: 255},
|
|
||||||
alpha: 1
|
alpha: 1
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue