MasterGordon
/
FactoryMaster
mirror of https://github.com/MasterGordon/FactoryMaster.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added First Login help + Glow

This commit is contained in:
MasterGordon 2018-07-19 15:47:16 +02:00
parent 425932ca60
commit ca8f9bb9ad
9 changed files with 527 additions and 498 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1 +1,2 @@
php/mysqldata.php php/mysqldata.php
/nbproject/private/

10
index.html
View File

@ -20,16 +20,16 @@
<body id="body"> <body id="body">
<div id="login"> <div id="login">
<img class="logo" draggable="false" src="images/logo.svg"><br><br> <img class="logo" draggable="false" src="images/logo.svg"><br><br>
<p>Username:</p><input class="form" id="login_username"></input><br><br> <p>Username:</p><input class="form" id="login_username"><br><br>
<p>Password:</p><input class="form" id="login_password" type="password"></input><br><br> <p>Password:</p><input class="form" id="login_password" type="password"><br><br>
<button class="form" id="login_button">Login</button> <button class="form" id="login_button">Login</button>
<p class="change">Register?</p> <p class="change">Register?</p>
</div> </div>
<div id="register"> <div id="register">
<img class="logo" draggable="false" src="images/logo.svg"><br><br> <img class="logo" draggable="false" src="images/logo.svg"><br><br>
<p>Username:</p><input class="form" id="register_username"></input><br><br> <p>Username:</p><input class="form" id="register_username"><br><br>
<p>Password:</p><input class="form" id="register_password1" type="password"></input><br><br> <p>Password:</p><input class="form" id="register_password1" type="password"><br><br>
<p>Repeat Password:</p><input class="form" id="register_password2" type="password"></input><br><br> <p>Repeat Password:</p><input class="form" id="register_password2" type="password"><br><br>
<button class="form" id="register_button">Register</button> <button class="form" id="register_button">Register</button>
<p class="change">Login?</p> <p class="change">Login?</p>
</div> </div>

918
js/game.js
View File

@ -34,454 +34,460 @@ var playername = "Player"
var lastsave = 0 var lastsave = 0
var saving = false var saving = false
$(document).ready(function() { $(document).ready(function () {
$("#forcesave").click(function() { $("#forcesave").click(function () {
save() save()
})
$("#logout").click(function() {
$.get("php/logout.php", function(data) {
window.location.replace("index.html")
}) })
}) $("#logout").click(function () {
$.get("php/playerdata.php", function(data) { $.get("php/logout.php", function (data) {
if (JSON.parse(data).status == "nologin") window.location.replace("index.html")
window.location.replace("index.html") })
}) })
loadGameData() $.get("php/playerdata.php", function (data) {
loadItems() try {
loadLang() if (JSON.parse(data).status == "nologin")
prepairRender() window.location.replace("index.html")
requestAnimationFrame(loop) } catch (err) {
if (window.location.hostname == "localhost") mode = "help"
noPay = true $('#help').fadeIn(200)
$('#loading').hide() }
$('#all').show() })
loadGameData()
loadItems()
loadLang()
prepairRender()
requestAnimationFrame(loop)
if (window.location.hostname == "localhost")
noPay = true
$('#loading').hide()
$('#all').show()
}) })
var game = 0 var game = 0
$(window).on("beforeunload", function() { $(window).on("beforeunload", function () {
//save() //save()
}) })
function save() { function save() {
console.log("saving...") console.log("saving...")
game = {} game = {}
game.money = money game.money = money
game.gametime = gametime game.gametime = gametime
game.factorysToBuy = factorysToBuy game.factorysToBuy = factorysToBuy
game.factoryRerollPrice = factoryRerollPrice game.factoryRerollPrice = factoryRerollPrice
game.factoryPrice = factoryPrice game.factoryPrice = factoryPrice
game.inventory = {} game.inventory = {}
game.inventory.itemcount = inventory.itemcount game.inventory.itemcount = inventory.itemcount
game.inventory.items = inventory.items game.inventory.items = inventory.items
game.factorys = [] game.factorys = []
for (var i = 0; i < factorys.length; i++) { for (var i = 0; i < factorys.length; i++) {
game.factorys.push({}) game.factorys.push({})
game.factorys[i].tier = factorys[i].tier game.factorys[i].tier = factorys[i].tier
game.factorys[i].tiles = [] game.factorys[i].tiles = []
for (var x = 0; x < 25; x++) { for (var x = 0; x < 25; x++) {
game.factorys[i].tiles[x] = [] game.factorys[i].tiles[x] = []
for (var y = 0; y < 12; y++) { for (var y = 0; y < 12; y++) {
game.factorys[i].tiles[x][y] = 0 game.factorys[i].tiles[x][y] = 0
} }
} }
for (var x = 0; x < 25; x++) { for (var x = 0; x < 25; x++) {
for (var y = 0; y < 12; y++) { for (var y = 0; y < 12; y++) {
if (factorys[i].tiles[x][y] != 0) { if (factorys[i].tiles[x][y] != 0) {
game.factorys[i].tiles[x][y] = {} game.factorys[i].tiles[x][y] = {}
game.factorys[i].tiles[x][y].i = factorys[i].tiles[x][y].i game.factorys[i].tiles[x][y].i = factorys[i].tiles[x][y].i
game.factorys[i].tiles[x][y].d = directions[factorys[i].tiles[x][y].direction].d game.factorys[i].tiles[x][y].d = directions[factorys[i].tiles[x][y].direction].d
game.factorys[i].tiles[x][y].x = factorys[i].tiles[x][y].x game.factorys[i].tiles[x][y].x = factorys[i].tiles[x][y].x
game.factorys[i].tiles[x][y].y = factorys[i].tiles[x][y].y game.factorys[i].tiles[x][y].y = factorys[i].tiles[x][y].y
if (factorys[i].tiles[x][y].options != undefined) { if (factorys[i].tiles[x][y].options != undefined) {
for (var o = 0; o < factorys[i].tiles[x][y].options.length; o++) { for (var o = 0; o < factorys[i].tiles[x][y].options.length; o++) {
var val = factorys[i].tiles[x][y].options[o].var var val = factorys[i].tiles[x][y].options[o].var
game.factorys[i].tiles[x][y][val] = factorys[i].tiles[x][y][val] game.factorys[i].tiles[x][y][val] = factorys[i].tiles[x][y][val]
}
}
}
} }
}
} }
}
} }
} Cookies.set("game", JSON.stringify(game))
Cookies.set("game", JSON.stringify(game)) $.ajax({
$.ajax({ url: 'php/savegame.php',
url: 'php/savegame.php', type: 'POST',
type: 'POST', data: {
data: { gamedata: JSON.stringify(game),
gamedata: JSON.stringify(game), "gametime": gametime
"gametime": gametime },
}, success: function (result) {
success: function(result) { console.log(result)
console.log(result) if (JSON.parse(result).status == "succes") {
if (JSON.parse(result).status == "succes") { lastsave = new Date().getTime()
lastsave = new Date().getTime() saving = false
saving = false }
} }
} });
});
} }
function loadGameData() { function loadGameData() {
lastsave = new Date().getTime() lastsave = new Date().getTime()
//Keine Save Vorhanden //Keine Save Vorhanden
factorys.push(new Factory()) factorys.push(new Factory())
inventory = new FactoryInventory() inventory = new FactoryInventory()
//game = Cookies.get("game") //game = Cookies.get("game")
$.get("php/playerdata.php", function(data) { $.get("php/playerdata.php", function (data) {
if (JSON.parse(data).money != undefined) { if (JSON.parse(data).money != undefined) {
game = JSON.parse(data) game = JSON.parse(data)
} else { } else {
game = 0 game = 0
}
if (game != 0) {
//game = JSON.parse(game)
console.log("Loading Game")
money = game.money
gametime = game.gametime
factorysToBuy = game.factorysToBuy
factoryRerollPrice = game.factoryRerollPrice
factoryPrice = game.factoryPrice
inventory = new FactoryInventory()
factorys = []
inventory.itemcount = game.inventory.itemcount
inventory.items = game.inventory.items
for (var i = 0; i < game.factorys.length; i++) {
factorys.push(new Factory(game.factorys[i].tier))
for (var x = 0; x < 25; x++) {
for (var y = 0; y < 12; y++) {
if (game.factorys[i].tiles[x][y] != 0) {
var keys = Object.keys(game.factorys[i].tiles[x][y])
factorys[i].tiles[x][y] = new tileClasses[game.factorys[i].tiles[x][y].i](game.factorys[i].tiles[x][y].x, game.factorys[i].tiles[x][y].y)
factorys[i].tiles[x][y].factory = factorys[i]
for (var key = 0; key < keys.length; key++) {
if (keys[key] == "d")
factorys[i].tiles[x][y].direction = d[game.factorys[i].tiles[x][y]["d"]]
else
factorys[i].tiles[x][y][keys[key]] = game.factorys[i].tiles[x][y][keys[key]]
}
}
}
} }
} if (game != 0) {
} //game = JSON.parse(game)
}); console.log("Loading Game")
money = game.money
gametime = game.gametime
factorysToBuy = game.factorysToBuy
factoryRerollPrice = game.factoryRerollPrice
factoryPrice = game.factoryPrice
inventory = new FactoryInventory()
factorys = []
inventory.itemcount = game.inventory.itemcount
inventory.items = game.inventory.items
for (var i = 0; i < game.factorys.length; i++) {
factorys.push(new Factory(game.factorys[i].tier))
for (var x = 0; x < 25; x++) {
for (var y = 0; y < 12; y++) {
if (game.factorys[i].tiles[x][y] != 0) {
var keys = Object.keys(game.factorys[i].tiles[x][y])
factorys[i].tiles[x][y] = new tileClasses[game.factorys[i].tiles[x][y].i](game.factorys[i].tiles[x][y].x, game.factorys[i].tiles[x][y].y)
factorys[i].tiles[x][y].factory = factorys[i]
for (var key = 0; key < keys.length; key++) {
if (keys[key] == "d")
factorys[i].tiles[x][y].direction = d[game.factorys[i].tiles[x][y]["d"]]
else
factorys[i].tiles[x][y][keys[key]] = game.factorys[i].tiles[x][y][keys[key]]
}
}
}
}
}
}
});
} }
function loadItems() { function loadItems() {
var itemRequest = new XMLHttpRequest(); var itemRequest = new XMLHttpRequest();
itemRequest.open('GET', 'js/items.json', false) itemRequest.open('GET', 'js/items.json', false)
itemRequest.send(null) itemRequest.send(null)
var json = JSON.parse(itemRequest.responseText) var json = JSON.parse(itemRequest.responseText)
items = json.items items = json.items
minerals = json.minerals minerals = json.minerals
for (var i = 0; i < items.length; i++) { for (var i = 0; i < items.length; i++) {
var image = new Image var image = new Image
image.src = "images/items/" + items[i].name + ".png" image.src = "images/items/" + items[i].name + ".png"
items[i].img = image items[i].img = image
} }
} }
function loadLang() { function loadLang() {
var langCode = "en" var langCode = "en"
var langRequest = new XMLHttpRequest(); var langRequest = new XMLHttpRequest();
langRequest.open('GET', 'lang/' + langCode + '.json', false) langRequest.open('GET', 'lang/' + langCode + '.json', false)
langRequest.send(null) langRequest.send(null)
var json = JSON.parse(langRequest.responseText) var json = JSON.parse(langRequest.responseText)
lang = json lang = json
} }
function loop(timestamp) { function loop(timestamp) {
//Check Gametick Rate //Check Gametick Rate
if (timestamp < lastFrameTimeMs + (1000 / 48)) { if (timestamp < lastFrameTimeMs + (1000 / 48)) {
requestAnimationFrame(loop) requestAnimationFrame(loop)
return; return;
}
delta += timestamp - lastFrameTimeMs;
lastFrameTimeMs = timestamp;
var numUpdateSteps = 0
while (delta >= timestep) {
gametick(timestep)
delta -= timestep
if (++numUpdateSteps >= 240) {
delta = 0
break;
} }
} delta += timestamp - lastFrameTimeMs;
render(); lastFrameTimeMs = timestamp;
requestAnimationFrame(loop);
var numUpdateSteps = 0
while (delta >= timestep) {
gametick(timestep)
delta -= timestep
if (++numUpdateSteps >= 240) {
delta = 0
break;
}
}
render();
requestAnimationFrame(loop);
} }
var lastRender = 0 var lastRender = 0
function loopp(timestamp) { function loopp(timestamp) {
var progress = timestamp - lastRender var progress = timestamp - lastRender
gametick(progress) gametick(progress)
render() render()
lastRender = timestamp lastRender = timestamp
window.requestAnimationFrame(loop) window.requestAnimationFrame(loop)
} }
var tick = [] var tick = []
function gametick(timestep) { function gametick(timestep) {
//time gibt an in den Wievielten von 40 Ticks man sich befindet //time gibt an in den Wievielten von 40 Ticks man sich befindet
time++ time++
gametime++ gametime++
time = time % 48 time = time % 48
//Wird 40 mal in einer Sekunde aufgerufen //Wird 40 mal in einer Sekunde aufgerufen
for (var i = 0; i < factorys.length; i++) { for (var i = 0; i < factorys.length; i++) {
factorys[i].moveItems() factorys[i].moveItems()
factorys[i].workTiles() factorys[i].workTiles()
factorys[i].despawnOldItems() factorys[i].despawnOldItems()
} }
tick.push(new Date().getTime()) tick.push(new Date().getTime())
if (tick.length > 48) { if (tick.length > 48) {
tick = tick.splice(1) tick = tick.splice(1)
$("#speed").html("Game Speed: " + ((tick[47] - tick[0] + 30) / 10) + "%<br>" + version) $("#speed").html("Game Speed: " + ((tick[47] - tick[0] + 30) / 10) + "%<br>" + version)
} }
if (!saving && Math.round((new Date().getTime() - lastsave) / 60000) > 5 && lastsave != 0) { if (!saving && Math.round((new Date().getTime() - lastsave) / 60000) > 5 && lastsave != 0) {
saving = true saving = true
save() save()
} }
} }
var rotationOverlay = new Image var rotationOverlay = new Image
rotationOverlay.src = "images/ui/rotationOverlay.png" rotationOverlay.src = "images/ui/rotationOverlay.png"
function render() { function render() {
fulltime++ fulltime++
ctx.clearRect(0, 0, innerWidth, innerHeight) ctx.clearRect(0, 0, innerWidth, innerHeight)
var tilesToRender = factorys[currentFactory].getTiles() var tilesToRender = factorys[currentFactory].getTiles()
//Hier wird das Spiel gerendert //Hier wird das Spiel gerendert
//RENDER TILE-LAYER0 //RENDER TILE-LAYER0
for (var i = 0; i < tilesToRender.length; i++) { for (var i = 0; i < tilesToRender.length; i++) {
var tile = tilesToRender[i] var tile = tilesToRender[i]
var img = tile.getImage(fulltime, 0) var img = tile.getImage(fulltime, 0)
if (img != "0") { if (img != "0") {
drawRotatedImage(img, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree) drawRotatedImage(img, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
}
}
//RENDER Items
if (renderItems)
for (var i = 0; i < factorys[currentFactory].items.length; i++) {
var item = factorys[currentFactory].items[i]
// var img = new Image
// img.src = "images/items/" + getItemFormId(item.id).name + ".png"
if (item.dx != 0 || item.dy != 0)
ctx.drawImage(items[item.id].img, item.x, item.y, 48, 48)
else if (factorys[currentFactory].tiles[item.x / 48][item.y / 48] == 0)
ctx.drawImage(items[item.id].img, item.x, item.y, 48, 48)
}
//RENDER TILE-LAYER1
for (var i = 0; i < tilesToRender.length; i++) {
var tile = tilesToRender[i]
var img = tile.getImage(fulltime, 1)
if (img != "0") {
drawRotatedImage(img, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
}
if (mode == "rotate") {
ctx.globalAlpha = 0.4
drawRotatedImage(rotationOverlay, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
ctx.globalAlpha = 1
}
}
//DRAW CURSOR BOX
if (isCursorInScreen) {
if (mode == "build") {
ctx.globalAlpha = 0.6
var tile = new toBuild()
tile.direction = buildRotation
var img = tile.getImage(fulltime, 0)
if (img != "0") {
drawRotatedImage(img, cursorScreenX * 48 + 24, cursorScreenY * 48 + 24, directions[tile.direction].degree)
}
img = tile.getImage(fulltime, 1)
if (img != "0") {
drawRotatedImage(img, cursorScreenX * 48 + 24, cursorScreenY * 48 + 24, directions[tile.direction].degree)
}
ctx.globalAlpha = 0.2
drawRotatedImage(rotationOverlay, cursorScreenX * 48 + 24, cursorScreenY * 48 + 24, directions[tile.direction].degree)
ctx.globalAlpha = 1
} else {
ctx.globalAlpha = 0.4
if (mode == "delete") {
ctx.fillStyle = "#FF0000";
if (deleteFromX != -1) {
var lowerX = 0
var deltaX = 0
if (deleteFromX < cursorScreenX) {
lowerX = deleteFromX
deltaX = cursorScreenX - deleteFromX + 1
} else {
lowerX = cursorScreenX
deltaX = deleteFromX - cursorScreenX + 1
}
var lowerY = 0
var deltaY = 0
if (deleteFromY < cursorScreenY) {
lowerY = deleteFromY
deltaY = cursorScreenY - deleteFromY + 1
} else {
lowerY = cursorScreenY
deltaY = deleteFromY - cursorScreenY + 1
}
ctx.fillRect(lowerX * 48, lowerY * 48, deltaX * 48, deltaY * 48)
} }
} else {
ctx.fillStyle = "black";
}
if (deleteFromX == -1)
ctx.fillRect(cursorScreenX * 48, cursorScreenY * 48, 48, 48)
ctx.globalAlpha = 1
} }
} //RENDER Items
//DRAW INFO BAR if (renderItems)
if (selectedTile == undefined) for (var i = 0; i < factorys[currentFactory].items.length; i++) {
selectedTile = 0 var item = factorys[currentFactory].items[i]
drawInfoBar() // var img = new Image
if (selectedTile != 0 && mode != "selectbuilding" && mode != "build") { // img.src = "images/items/" + getItemFormId(item.id).name + ".png"
if (selectedTile.hasNoInventory === undefined) if (item.dx != 0 || item.dy != 0)
drawInventory(selectedTile.input, lang.tiles[selectedTile.name].name) ctx.drawImage(items[item.id].img, item.x, item.y, 48, 48)
else else if (factorys[currentFactory].tiles[item.x / 48][item.y / 48] == 0)
drawInventory(inventory, lang["player"]) ctx.drawImage(items[item.id].img, item.x, item.y, 48, 48)
} else {
drawInventory(inventory, lang["player"]) }
} //RENDER TILE-LAYER1
$('#money').text(formatCount(money) + " " + lang.money) for (var i = 0; i < tilesToRender.length; i++) {
if (mode == "showmore") { var tile = tilesToRender[i]
drawBigInventory(inventory) var img = tile.getImage(fulltime, 1)
} if (img != "0") {
$('#lastsave').text("last save " + Math.round((new Date().getTime() - lastsave) / 60000) + "min ago") drawRotatedImage(img, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
}
if (mode == "rotate") {
ctx.globalAlpha = 0.4
drawRotatedImage(rotationOverlay, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
ctx.globalAlpha = 1
}
}
//DRAW CURSOR BOX
if (isCursorInScreen) {
if (mode == "build") {
ctx.globalAlpha = 0.6
var tile = new toBuild()
tile.direction = buildRotation
var img = tile.getImage(fulltime, 0)
if (img != "0") {
drawRotatedImage(img, cursorScreenX * 48 + 24, cursorScreenY * 48 + 24, directions[tile.direction].degree)
}
img = tile.getImage(fulltime, 1)
if (img != "0") {
drawRotatedImage(img, cursorScreenX * 48 + 24, cursorScreenY * 48 + 24, directions[tile.direction].degree)
}
ctx.globalAlpha = 0.2
drawRotatedImage(rotationOverlay, cursorScreenX * 48 + 24, cursorScreenY * 48 + 24, directions[tile.direction].degree)
ctx.globalAlpha = 1
} else {
ctx.globalAlpha = 0.4
if (mode == "delete") {
ctx.fillStyle = "#FF0000";
if (deleteFromX != -1) {
var lowerX = 0
var deltaX = 0
if (deleteFromX < cursorScreenX) {
lowerX = deleteFromX
deltaX = cursorScreenX - deleteFromX + 1
} else {
lowerX = cursorScreenX
deltaX = deleteFromX - cursorScreenX + 1
}
var lowerY = 0
var deltaY = 0
if (deleteFromY < cursorScreenY) {
lowerY = deleteFromY
deltaY = cursorScreenY - deleteFromY + 1
} else {
lowerY = cursorScreenY
deltaY = deleteFromY - cursorScreenY + 1
}
ctx.fillRect(lowerX * 48, lowerY * 48, deltaX * 48, deltaY * 48)
}
} else {
ctx.fillStyle = "black";
}
if (deleteFromX == -1)
ctx.fillRect(cursorScreenX * 48, cursorScreenY * 48, 48, 48)
ctx.globalAlpha = 1
}
}
//DRAW INFO BAR
if (selectedTile == undefined)
selectedTile = 0
drawInfoBar()
if (selectedTile != 0 && mode != "selectbuilding" && mode != "build") {
if (selectedTile.hasNoInventory === undefined)
drawInventory(selectedTile.input, lang.tiles[selectedTile.name].name)
else
drawInventory(inventory, lang["player"])
} else {
drawInventory(inventory, lang["player"])
}
$('#money').text(formatCount(money) + " " + lang.money)
if (mode == "showmore") {
drawBigInventory(inventory)
}
$('#lastsave').text("last save " + Math.round((new Date().getTime() - lastsave) / 60000) + "min ago")
} }
function getItemFormId(id) { function getItemFormId(id) {
for (var i = 0; i < items.length; i++) { for (var i = 0; i < items.length; i++) {
if (items[i].id == id) { if (items[i].id == id) {
return items[i] return items[i]
}
} }
}
} }
function prepairRender() { function prepairRender() {
var canvas = $('#screen')[0]; var canvas = $('#screen')[0];
ctx = canvas.getContext('2d') ctx = canvas.getContext('2d')
canvas.width = 1200 canvas.width = 1200
canvas.height = 576 canvas.height = 576
canvas = $('#itemcount')[0]; canvas = $('#itemcount')[0];
canvas.width = 720 canvas.width = 720
canvas.height = 240 canvas.height = 240
inventoryCtx = canvas.getContext('2d') inventoryCtx = canvas.getContext('2d')
canvas = $('#info')[0]; canvas = $('#info')[0];
canvas.width = 432 canvas.width = 432
canvas.height = 240 canvas.height = 240
infoCtx = canvas.getContext('2d') infoCtx = canvas.getContext('2d')
//tileClasses //tileClasses
var tilesLoaded = 0 var tilesLoaded = 0
console.log("Building Tileselection-Menu...") console.log("Building Tileselection-Menu...")
for (var i = 0; i < tileClasses.length; i++) { for (var i = 0; i < tileClasses.length; i++) {
var tmp = new tileClasses[i]() var tmp = new tileClasses[i]()
var src = "" var src = ""
if (tmp.texture[1].length > 0) { if (tmp.texture[1].length > 0) {
src = ' src="images/tiles/' + tmp.texture[1][0] + '.png"' src = ' src="images/tiles/' + tmp.texture[1][0] + '.png"'
}
var style = ''
if (tmp.texture[0].length > 0) {
style = ' style="background-image: url(images/tiles/' + tmp.texture[0][0] + '.png)"'
}
var tag = '<img id="build_' + i + '" draggable="false" class="buildtile"' + src + style + '>'
$('#buildselect').append(tag)
tilesLoaded++
}
console.log(tilesLoaded + "/" + tileClasses.length + " Tiles Loaded!")
console.log("Loading Oretiers")
for(var i = 1;i<9;i++){
$('#oretiers').append("<h1>"+lang.depth+" "+i+":</h1>");
for(var j=0;j<minerals.nameFromId.length;j++){
if(minerals[minerals.nameFromId[j]].depth==i){
$('#oretiers').append("<h2>"+lang.minerals[j]+"</h2>");
}
}
$('#oretiers').append("<br>");
}
$('#buildselect').hide()
$('#oretiers').hide()
$('#help').hide()
$('#inventoryBig').hide()
$('#selectItem').hide()
$('#options').hide()
$('#selectFactory').hide()
for (var i = 0; i < items.length; i++) {
var tag = '<img id="itemSel_' + i + '" draggable="false" class="buildtile itemhover" src="images/items/' + items[i].name + '.png">'
$('#selectItem').append(tag)
$('#itemSel_' + i).click(function() {
var id = $(this).attr("id");
id = parseInt(id.substr(8))
selectedItemId = id
selectedTile[selectItemVal] = selectedItemId
mode = "none"
$('#selectItem').fadeOut(200)
options()
})
}
buildEvents()
//Build Sell/Select Items Menu
for (var i = 0; i < items.length; i++) {
$('#itemsScroll').append('<canvas class="itemBig itemhover" id="itemBig_' + i + '"></canvas>')
$('#itemBig_' + i)[0].width = 72
$('#itemBig_' + i)[0].height = 72
}
$('.itemhover').hover(
function() {
//ENTER
var id = $(this).attr("id");
if (id != undefined)
if (id.startsWith("itemBig_") || id.startsWith("itemSel_")) {
id = parseInt(id.substr(8))
if ($(this).attr("id").startsWith("itemBig_"))
if (id < itemId.length) {
id = itemId[id]
} else return
hoverTooltip = true
$('#tooltip').text(lang.items[id] + " (" + formatCount(items[id].value) + " " + lang.money + ")")
$('#tooltip').show()
tooltip = true
} }
}, var style = ''
function() { if (tmp.texture[0].length > 0) {
//LEAVE style = ' style="background-image: url(images/tiles/' + tmp.texture[0][0] + '.png)"'
hoverTooltip = false }
var tag = '<img id="build_' + i + '" draggable="false" class="buildtile"' + src + style + '>'
$('#buildselect').append(tag)
tilesLoaded++
} }
); console.log(tilesLoaded + "/" + tileClasses.length + " Tiles Loaded!")
$('canvas').click( console.log("Loading Oretiers")
function() { for (var i = 1; i < 9; i++) {
var id = $(this).attr("id"); $('#oretiers').append("<h1>" + lang.depth + " " + i + ":</h1>");
if (id != undefined) for (var j = 0; j < minerals.nameFromId.length; j++) {
if (id.startsWith("itemBig_")) { if (minerals[minerals.nameFromId[j]].depth == i) {
id = parseInt(id.substr(8)) $('#oretiers').append("<h2>" + lang.minerals[j] + "</h2>");
if (id < itemId.length) {
var idd = itemId[id]
if (inventory.take(itemId[id], 1)) {
money += items[idd].value
} }
}
} }
})
//End Sell/Select Items Menu $('#oretiers').append("<br>");
$('#clickToSell').text(lang.clickToSell) }
for (var i = 0; i < infoBarIcons.length; i++) { $('#buildselect').hide()
if (infoBarIcons[i] != null) { $('#oretiers').hide()
var img = new Image $('#help').hide()
img.src = "images/ui/" + infoBarIcons[i] $('#inventoryBig').hide()
infoBarIconsImg.push(img) $('#selectItem').hide()
} else { $('#options').hide()
infoBarIconsImg.push(null) $('#selectFactory').hide()
for (var i = 0; i < items.length; i++) {
var tag = '<img id="itemSel_' + i + '" draggable="false" class="buildtile itemhover" src="images/items/' + items[i].name + '.png">'
$('#selectItem').append(tag)
$('#itemSel_' + i).click(function () {
var id = $(this).attr("id");
id = parseInt(id.substr(8))
selectedItemId = id
selectedTile[selectItemVal] = selectedItemId
mode = "none"
$('#selectItem').fadeOut(200)
options()
})
}
buildEvents()
//Build Sell/Select Items Menu
for (var i = 0; i < items.length; i++) {
$('#itemsScroll').append('<canvas class="itemBig itemhover" id="itemBig_' + i + '"></canvas>')
$('#itemBig_' + i)[0].width = 72
$('#itemBig_' + i)[0].height = 72
}
$('.itemhover').hover(
function () {
//ENTER
var id = $(this).attr("id");
if (id != undefined)
if (id.startsWith("itemBig_") || id.startsWith("itemSel_")) {
id = parseInt(id.substr(8))
if ($(this).attr("id").startsWith("itemBig_"))
if (id < itemId.length) {
id = itemId[id]
} else
return
hoverTooltip = true
$('#tooltip').text(lang.items[id] + " (" + formatCount(items[id].value) + " " + lang.money + ")")
$('#tooltip').show()
tooltip = true
}
},
function () {
//LEAVE
hoverTooltip = false
}
);
$('canvas').click(
function () {
var id = $(this).attr("id");
if (id != undefined)
if (id.startsWith("itemBig_")) {
id = parseInt(id.substr(8))
if (id < itemId.length) {
var idd = itemId[id]
if (inventory.take(itemId[id], 1)) {
money += items[idd].value
}
}
}
})
//End Sell/Select Items Menu
$('#clickToSell').text(lang.clickToSell)
for (var i = 0; i < infoBarIcons.length; i++) {
if (infoBarIcons[i] != null) {
var img = new Image
img.src = "images/ui/" + infoBarIcons[i]
infoBarIconsImg.push(img)
} else {
infoBarIconsImg.push(null)
}
} }
}
} }
var infoBarIcons = ["build.png", "move.png", "rotate.png", "delete.png", null, "help.png", "info.png", null, "factorys.png"] var infoBarIcons = ["build.png", "move.png", "rotate.png", "delete.png", null, "help.png", "info.png", null, "factorys.png"]
@ -492,73 +498,77 @@ var infoGlowOpacityD = 0.03
var selectedTile = 0 var selectedTile = 0
function drawInfoBar() { function drawInfoBar() {
infoCtx.clearRect(0, 0, innerWidth, innerHeight) infoCtx.clearRect(0, 0, innerWidth, innerHeight)
var selectedX = -1; var selectedX = -1;
if (mode == "build" || mode == "selectbuilding") { if (mode == "build" || mode == "selectbuilding") {
selectedX = 0 selectedX = 0
} else if (mode == "move") { } else if (mode == "move") {
selectedX = 1 selectedX = 1
} else if (mode == "rotate") { } else if (mode == "rotate") {
selectedX = 2 selectedX = 2
} else if (mode == "delete") { } else if (mode == "delete") {
selectedX = 3 selectedX = 3
} else if (mode == "selectFactory") { } else if (mode == "selectFactory") {
selectedX = 8 selectedX = 8
} }else if (mode == "help") {
selectedX = 5
}else if (mode == "oretiers") {
selectedX = 6
}
if (selectedX != -1) { if (selectedX != -1) {
infoCtx.globalAlpha = infoGlowOpacity + 0.25 infoCtx.globalAlpha = infoGlowOpacity + 0.25
infoCtx.beginPath(); infoCtx.beginPath();
infoCtx.arc(selectedX * 48 + 24, 24, 24, 0, 2 * Math.PI); infoCtx.arc(selectedX * 48 + 24, 24, 24, 0, 2 * Math.PI);
infoCtx.fillStyle = "orange" infoCtx.fillStyle = "orange"
infoCtx.fill() infoCtx.fill()
if (infoGlowOpacity < 0) { if (infoGlowOpacity < 0) {
infoGlowOpacityD = +0.02 infoGlowOpacityD = +0.02
}
if (infoGlowOpacity > 0.45) {
infoGlowOpacityD = -0.02
}
infoGlowOpacity += infoGlowOpacityD
infoCtx.globalAlpha = 1
} }
if (infoGlowOpacity > 0.45) { for (var i = 0; i < infoBarIconsImg.length; i++) {
infoGlowOpacityD = -0.02 if (infoBarIconsImg[i] != null) {
infoCtx.drawImage(infoBarIconsImg[i], i * 48, 0, 48, 48);
}
} }
infoGlowOpacity += infoGlowOpacityD if (toBuild != 0) {
infoCtx.globalAlpha = 1 selectedTile = new toBuild()
}
for (var i = 0; i < infoBarIconsImg.length; i++) {
if (infoBarIconsImg[i] != null) {
infoCtx.drawImage(infoBarIconsImg[i], i * 48, 0, 48, 48);
} }
}
if (toBuild != 0) {
selectedTile = new toBuild()
}
if (selectedTile != 0) {
$('#infoDesc h1').text(lang.tiles[selectedTile.name].name)
if (selectedTile.maxwork != 0)
$('#infoDesc p').text((selectedTile.maxwork / 48) + " Sec | " + lang.tiles[selectedTile.name].description)
else
$('#infoDesc p').text(lang.tiles[selectedTile.name].description)
} else {
$('#infoDesc h1').text("Factory " + currentFactory)
$('#infoDesc p').html("<br>" + lang.mineralslable + "<br><br> - " + lang.minerals[factorys[currentFactory].ores[0]] + "<br> - " + lang.minerals[factorys[currentFactory].ores[1]] + "<br> - " + lang.minerals[factorys[currentFactory].ores[2]] + "<br> - " + lang.minerals[factorys[currentFactory].ores[3]])
}
if (selectedTile.maxwork != 0 && mode != "selectbuilding" && mode != "building") {
$('#infoDesc p').css("height", 154)
infoCtx.fillStyle = "green";
infoCtx.fillRect(0, 228, 432 * (selectedTile.currentwork / selectedTile.maxwork), 12)
} else {
$('#infoDesc p').css("height", 166)
}
if (mode == "selectbuilding" || mode == "build") {
if (selectedTile != 0) { if (selectedTile != 0) {
infoCtx.textAlign = "center" $('#infoDesc h1').text(lang.tiles[selectedTile.name].name)
infoCtx.font = "18px Electrolize" if (selectedTile.maxwork != 0)
infoCtx.fillStyle = "black"; $('#infoDesc p').text((selectedTile.maxwork / 48) + " Sec | " + lang.tiles[selectedTile.name].description)
infoCtx.fillText(lang.cost, 336, 66)
infoCtx.textAlign = "start"
for (var i = 0; i < selectedTile.cost.length; i++) {
if (selectedTile.cost[i].id == 0)
infoCtx.fillText(selectedTile.cost[i].count + " " + lang.money, 246, 86 + 20 * i)
else else
infoCtx.fillText(selectedTile.cost[i].count + "x " + lang.items[selectedTile.cost[i].id], 246, 86 + 20 * i) $('#infoDesc p').text(lang.tiles[selectedTile.name].description)
} } else {
$('#infoDesc h1').text("Factory " + currentFactory)
$('#infoDesc p').html("<br>" + lang.mineralslable + "<br><br> - " + lang.minerals[factorys[currentFactory].ores[0]] + "<br> - " + lang.minerals[factorys[currentFactory].ores[1]] + "<br> - " + lang.minerals[factorys[currentFactory].ores[2]] + "<br> - " + lang.minerals[factorys[currentFactory].ores[3]])
}
if (selectedTile.maxwork != 0 && mode != "selectbuilding" && mode != "building") {
$('#infoDesc p').css("height", 154)
infoCtx.fillStyle = "green";
infoCtx.fillRect(0, 228, 432 * (selectedTile.currentwork / selectedTile.maxwork), 12)
} else {
$('#infoDesc p').css("height", 166)
}
if (mode == "selectbuilding" || mode == "build") {
if (selectedTile != 0) {
infoCtx.textAlign = "center"
infoCtx.font = "18px Electrolize"
infoCtx.fillStyle = "black";
infoCtx.fillText(lang.cost, 336, 66)
infoCtx.textAlign = "start"
for (var i = 0; i < selectedTile.cost.length; i++) {
if (selectedTile.cost[i].id == 0)
infoCtx.fillText(selectedTile.cost[i].count + " " + lang.money, 246, 86 + 20 * i)
else
infoCtx.fillText(selectedTile.cost[i].count + "x " + lang.items[selectedTile.cost[i].id], 246, 86 + 20 * i)
}
}
} }
}
} }

64
js/minerals.json
View File

@ -1,32 +1,32 @@
"bauxite" ["bauxite",
"beryllium" "beryllium",
"lead" "lead",
"chrome" "chrome",
"diamonds" "diamonds",
"iron" "iron",
"naturalgas" "naturalgas",
"oil" "oil",
"gold" "gold",
"kaolin" "kaolin",
"cobalt" "cobalt",
"coal" "coal",
"copper" "copper",
"lithium" "lithium",
"magnesium" "magnesium",
"manganese" "manganese",
"molybdenum" "molybdenum",
"nickel" "nickel",
"phosphate" "phosphate",
"platinum" "platinum",
"potash" "potash",
"rubies" "rubies",
"silver" "silver",
"soda" "soda",
"tantalum" "tantalum",
"titanium" "titanium",
"uranium" "uranium",
"vanadium" "vanadium",
"tungsten" "tungsten",
"zinc" "zinc",
"tin" "tin",
"salt" "salt"]

6
js/tiles.js
View File

@ -980,7 +980,7 @@ class TeleporterInput extends Tile {
this.frequency = 0 this.frequency = 0
this.cost = [{ this.cost = [{
"id": 0, "id": 0,
"count": 50 "count": 50000
}] }]
this.texture = { this.texture = {
"0": ["teleporter00", "teleporter01", "teleporter02", "teleporter03", "teleporter04", "teleporter06", "teleporter07", "teleporter08", "teleporter09"], "0": ["teleporter00", "teleporter01", "teleporter02", "teleporter03", "teleporter04", "teleporter06", "teleporter07", "teleporter08", "teleporter09"],
@ -1028,10 +1028,10 @@ class TeleporterOutput extends Tile {
this.frequency = 0 this.frequency = 0
this.cost = [{ this.cost = [{
"id": 0, "id": 0,
"count": 50 "count": 100000
}] }]
this.texture = { this.texture = {
"0": ["teleporterout01", "teleporterout02", "teleporterout03", "teleporterout04", "teleporterout05", "teleporterout06", "teleporterout07", "teleporterout08", "teleporterout09"], "0": ["teleporterout09", "teleporterout01", "teleporterout02", "teleporterout03", "teleporterout04", "teleporterout05", "teleporterout06", "teleporterout07", "teleporterout08"],
"1": [] "1": []
} }
this.options = [{ this.options = [{

8
lang/en.json
View File

@ -104,15 +104,15 @@
} }
}, },
"teleporterinput": { "teleporterinput": {
"name": "teleporterinput", "name": "Teleporter (input)",
"description": "Puts a selected Item to the left and all other straight.", "description": "Teleports items to a Teleporter (output) with the same frequency.",
"options": { "options": {
"frequency": "Frequency" "frequency": "Frequency"
} }
}, },
"teleporteroutput": { "teleporteroutput": {
"name": "teleporteroutput", "name": "Teleporter (output)",
"description": "Puts a selected Item to the left and all other straight.", "description": "Recieves items from a Teleporter (input) with the same frequency.",
"options": { "options": {
"frequency": "Frequency" "frequency": "Frequency"
} }

3
nbproject/project.properties Normal file
View File

@ -0,0 +1,3 @@
file.reference.factory-Factory=.
files.encoding=UTF-8
site.root.folder=${file.reference.factory-Factory}

9
nbproject/project.xml Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://www.netbeans.org/ns/project/1">
<type>org.netbeans.modules.web.clientproject</type>
<configuration>
<data xmlns="http://www.netbeans.org/ns/clientside-project/1">
<name>Factory</name>
</data>
</configuration>
</project>

6
php/database.php Normal file
View File

@ -0,0 +1,6 @@
CREATE TABLE `users` (
`username` text NOT NULL,
`password` text NOT NULL,
`gamedata` mediumtext,
`gametime` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;