Buttons at bottom

This commit is contained in:
Philip Rosedale 2015-03-31 22:12:06 -07:00
parent 8114fdd1e2
commit 9642bd199d

View file

@ -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
}); });