You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
508 lines
12 KiB
508 lines
12 KiB
function Game(stage,xocolor,doc,datastore,activity){
|
|
this.margin = 0;
|
|
//These must be even
|
|
this.gridwidth = 10;
|
|
this.gridheight = 6;
|
|
this.circleswidth = 0;
|
|
this.circlesheight = 0;
|
|
this.radius = 0;
|
|
console.log(xocolor);
|
|
this.verticalline = null;
|
|
this.horizontalline = null;
|
|
this.mode = null;
|
|
this.dotsarr = [];
|
|
this.buddy = ["#FFFFFF","#000000",xocolor.fill,xocolor.stroke];
|
|
this.rainbow = ['#FFFFFF','#000000','#FF0000','#FF8000','#FFFF00','#00FF00','#00FFFF','#0000FF','#FF00FF'];
|
|
this.colours = this.buddy;
|
|
this.robot = false;
|
|
this.gameOver = false;
|
|
//0 = horizontal, 1 = vertical, 2 = bilateral
|
|
|
|
//Helper functions
|
|
this.radiusFromX = function(){
|
|
this.margin = 1/50*stage.canvas.width;
|
|
var diameter = (stage.canvas.width-(this.margin*(this.gridwidth+1)))/this.gridwidth;
|
|
var radius = diameter/2;
|
|
return radius;
|
|
}
|
|
|
|
this.radiusFromY = function(){
|
|
this.margin = 1/50*stage.canvas.height;
|
|
var diameter = (stage.canvas.height-(this.margin*(this.gridheight+1)))/this.gridheight;
|
|
var radius = diameter/2;
|
|
return radius;
|
|
}
|
|
|
|
this.canDoFromX = function(){
|
|
var rad = this.radiusFromX();
|
|
this.margin = 1/50*stage.canvas.width;
|
|
if ((((rad*2)*this.gridheight)+(this.margin*(this.gridheight+1)))<=stage.canvas.height){
|
|
return rad;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
this.removeLines = function(){
|
|
if (this.verticalline!=null){
|
|
stage.removeChild(this.verticalline);
|
|
this.verticalline = null;
|
|
}
|
|
if (this.horizontalline!=null){
|
|
stage.removeChild(this.horizontalline);
|
|
this.horizontalline = null;
|
|
}
|
|
}
|
|
|
|
this.addVerticalLine = function(){
|
|
this.verticalline = new createjs.Shape();
|
|
this.verticalline.graphics.beginFill("#000000").drawRect(0,0,this.margin/3,this.circlesheight-this.margin);
|
|
this.verticalline.x = stage.canvas.width/2-this.margin/6;
|
|
this.verticalline.y = this.margin/2;
|
|
stage.addChild(this.verticalline);
|
|
}
|
|
|
|
this.addHorizontalLine = function(){
|
|
this.horizontalline = new createjs.Shape();
|
|
this.horizontalline.graphics.beginFill("#000000").drawRect(0,0,this.circleswidth-this.margin,this.margin/3);
|
|
this.horizontalline.x = (stage.canvas.width-this.circleswidth)/2+this.margin/2;
|
|
this.horizontalline.y = this.circlesheight/2-this.margin/6;
|
|
stage.addChild(this.horizontalline);
|
|
}
|
|
|
|
//Game Inits
|
|
|
|
this.initHorizontalGame = function(colours){
|
|
if (colours === undefined) colours=false;
|
|
this.gameOver = false;
|
|
this.removeLines();
|
|
this.addVerticalLine();
|
|
this.mode = 0;
|
|
if (colours==false){
|
|
this.initDots();
|
|
} else {
|
|
this.initDotsFromSave(colours);
|
|
}
|
|
}
|
|
|
|
this.initVerticalGame = function(colours){
|
|
if (colours === undefined) colours=false;
|
|
this.gameOver = false;
|
|
this.removeLines();
|
|
this.addHorizontalLine();
|
|
this.mode = 1;
|
|
if (colours==false){
|
|
this.initDots();
|
|
} else {
|
|
this.initDotsFromSave(colours);
|
|
}
|
|
}
|
|
|
|
this.initBilateralGame = function(colours){
|
|
if (colours === undefined) colours=false;
|
|
this.gameOver = false;
|
|
this.removeLines();
|
|
this.addHorizontalLine();
|
|
this.addVerticalLine();
|
|
this.mode = 2;
|
|
if (colours==false){
|
|
this.initDots();
|
|
} else {
|
|
this.initDotsFromSave(colours);
|
|
}
|
|
}
|
|
|
|
this.setBuddyStyle = function(){
|
|
var buddyicon = doc.getElementById("buddy-button");
|
|
buddyicon.style.backgroundColor = "#808080";
|
|
var rainbowicon = doc.getElementById("rainbow-button");
|
|
rainbowicon.removeAttribute("style");
|
|
}
|
|
|
|
this.initBuddy = function(){
|
|
this.setBuddyStyle();
|
|
this.colours = this.buddy;
|
|
switch(this.mode) {
|
|
case 0:
|
|
this.initHorizontalGame();
|
|
break;
|
|
case 1:
|
|
this.initVerticalGame();
|
|
break;
|
|
case 2:
|
|
this.initBilateralGame();
|
|
break;
|
|
}
|
|
}
|
|
|
|
this.setRainbowStyle = function(){
|
|
var buddyicon = doc.getElementById("buddy-button");
|
|
buddyicon.removeAttribute("style");
|
|
var rainbowicon = doc.getElementById("rainbow-button");
|
|
rainbowicon.style.backgroundColor = "#808080";
|
|
}
|
|
|
|
this.initRainbow = function(){
|
|
this.setRainbowStyle();
|
|
this.colours = this.rainbow;
|
|
switch(this.mode) {
|
|
case 0:
|
|
this.initHorizontalGame();
|
|
break;
|
|
case 1:
|
|
this.initVerticalGame();
|
|
break;
|
|
case 2:
|
|
this.initBilateralGame();
|
|
break;
|
|
}
|
|
}
|
|
|
|
this.initDots = function(){
|
|
this.dotsarr = [];
|
|
var temparr = [];
|
|
var incr = (this.radius*2+this.margin);
|
|
var xp = (stage.canvas.width-this.circleswidth)/2+this.margin;
|
|
var yp = this.margin;
|
|
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
temparr = [];
|
|
yp = this.margin;
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
//console.log(x);
|
|
//console.log(y);
|
|
var s = new SymmetryDot(stage,true,xp+this.radius,yp+this.radius,this.radius,this.colours,Math.floor(Math.random()*this.colours.length),this,x,y);
|
|
s.init();
|
|
temparr.push(s);
|
|
//console.log(s);
|
|
yp+=incr;
|
|
}
|
|
this.dotsarr.push(temparr);
|
|
xp+=incr;
|
|
}
|
|
//console.log(this.dotsarr);
|
|
}
|
|
|
|
this.initDotsFromSave = function(cols){
|
|
this.dotsarr = [];
|
|
var temparr = [];
|
|
var incr = (this.radius*2+this.margin);
|
|
var xp = (stage.canvas.width-this.circleswidth)/2+this.margin;
|
|
var yp = this.margin;
|
|
//console.log("colour array");
|
|
//console.log(cols);
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
temparr = [];
|
|
yp = this.margin;
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
//console.log(x);
|
|
//console.log(y);
|
|
var s = new SymmetryDot(stage,true,xp+this.radius,yp+this.radius,this.radius,this.colours,cols[x][y],this,x,y);
|
|
s.init();
|
|
temparr.push(s);
|
|
//console.log(s);
|
|
yp+=incr;
|
|
}
|
|
this.dotsarr.push(temparr);
|
|
xp+=incr;
|
|
}
|
|
//console.log(this.dotsarr);
|
|
}
|
|
|
|
//Game Logic
|
|
|
|
this.checkHorizontalGame = function(){
|
|
var correct = true;
|
|
for (var x = 0; x<this.gridwidth/2; x++){
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
if (this.dotsarr[x][y].colour!=this.dotsarr[(this.gridwidth-1)-x][y].colour){
|
|
correct = false;
|
|
}
|
|
}
|
|
}
|
|
if (correct==true){
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
this.gameOver = true;
|
|
this.dotsarr[x][y].clickable = false;
|
|
this.dotsarr[x][y].showSmile();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
this.checkVerticalGame = function(){
|
|
var correct = true;
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
for (var y = 0; y<this.gridheight/2; y++){
|
|
if (this.dotsarr[x][y].colour!=this.dotsarr[x][(this.gridheight-1)-y].colour){
|
|
correct = false;
|
|
}
|
|
}
|
|
}
|
|
if (correct==true){
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
this.gameOver = true;
|
|
this.dotsarr[x][y].clickable = false;
|
|
this.dotsarr[x][y].showSmile();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
this.checkBilateralGame = function(){
|
|
var correct = true;
|
|
for (var x = 0; x<this.gridwidth/2; x++){
|
|
for (var y = 0; y<this.gridheight/2; y++){
|
|
if (this.dotsarr[x][y].colour!=this.dotsarr[(this.gridwidth-1)-x][y].colour ||
|
|
this.dotsarr[x][y].colour!=this.dotsarr[x][(this.gridheight-1)-y].colour ||
|
|
this.dotsarr[x][y].colour!=this.dotsarr[(this.gridwidth-1)-x][(this.gridheight-1)-y].colour){
|
|
correct = false;
|
|
}
|
|
}
|
|
}
|
|
if (correct==true){
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
this.gameOver = true;
|
|
this.dotsarr[x][y].clickable = false;
|
|
this.dotsarr[x][y].showSmile();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
this.checkColours = function(){
|
|
switch(this.mode) {
|
|
case 0:
|
|
this.checkHorizontalGame();
|
|
break;
|
|
case 1:
|
|
this.checkVerticalGame();
|
|
break;
|
|
case 2:
|
|
this.checkBilateralGame();
|
|
break;
|
|
}
|
|
}
|
|
|
|
//Robot Functions
|
|
|
|
this.robotOff = function(){
|
|
var robo = doc.getElementById("robot-button");
|
|
robo.title="Turn on the Robot";
|
|
robo.style.backgroundImage = "url('./icons/robot-off.svg')";
|
|
this.robot = false;
|
|
}
|
|
|
|
this.robotOn = function(){
|
|
var robo = doc.getElementById("robot-button");
|
|
robo.title="Turn off the Robot";
|
|
robo.style.backgroundImage = "url('./icons/robot-on.svg')";
|
|
this.robot = true;
|
|
}
|
|
|
|
this.toggleRobot = function(){
|
|
if (this.robot){
|
|
this.robotOff();
|
|
} else {
|
|
this.robotOn();
|
|
}
|
|
}
|
|
|
|
this.robotColours = function(x,y,index){
|
|
switch(this.mode) {
|
|
case 0:
|
|
this.horizontalColour(x,y,index);
|
|
break;
|
|
case 1:
|
|
this.verticalColour(x,y,index);
|
|
break;
|
|
case 2:
|
|
this.bilateralColour(x,y,index);
|
|
break;
|
|
}
|
|
}
|
|
|
|
this.horizontalColour = function(x,y,index){
|
|
this.dotsarr[(this.gridwidth-1)-x][y].setColour(index);
|
|
}
|
|
|
|
this.verticalColour = function(x,y,index){
|
|
this.dotsarr[x][(this.gridheight-1)-y].setColour(index);
|
|
}
|
|
|
|
this.bilateralColour = function(x,y,index){
|
|
this.dotsarr[(this.gridwidth-1)-x][y].setColour(index);
|
|
this.dotsarr[x][(this.gridheight-1)-y].setColour(index);
|
|
this.dotsarr[(this.gridwidth-1)-x][(this.gridheight-1)-y].setColour(index);
|
|
}
|
|
|
|
//Save-related things
|
|
|
|
this.stop = function(restart){
|
|
if (restart === undefined) restart=false;
|
|
//store mode, dotsarr (as colour index), robot on/off, game over, buddy
|
|
var arr = {};
|
|
arr.mode = this.mode;
|
|
var dots = [];
|
|
var temparr = [];
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
temparr = [];
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
temparr.push(this.dotsarr[x][y].colour);
|
|
}
|
|
dots.push(temparr);
|
|
}
|
|
arr.dots = dots;
|
|
arr.robot = this.robot;
|
|
arr.gameOver = this.gameOver;
|
|
if (this.colours.length == this.buddy.length){
|
|
arr.buddy = true;
|
|
} else {
|
|
arr.buddy = false;
|
|
}
|
|
console.log(arr);
|
|
var js = JSON.stringify(arr);
|
|
activity.getDatastoreObject().setDataAsText(js);
|
|
if (restart == true){
|
|
activity.getDatastoreObject().save(function(){
|
|
location.reload();
|
|
});
|
|
} else {
|
|
activity.getDatastoreObject().save(function(){
|
|
activity.close();
|
|
});
|
|
}
|
|
}
|
|
|
|
this.resize = function(){
|
|
this.circleswidth = 0;
|
|
this.circlesheight = 0;
|
|
this.radius = 0;
|
|
this.margin = 0;
|
|
var go = this.gameOver;
|
|
var r = this.canDoFromX();
|
|
if (r==false){
|
|
//console.log("position based on y");
|
|
r = this.radiusFromY();
|
|
}
|
|
this.radius = r;
|
|
//console.log(r);
|
|
this.circleswidth = this.radius*2*this.gridwidth+this.margin*(this.gridwidth+1);
|
|
this.circlesheight = this.radius*2*this.gridheight+this.margin*(this.gridheight+1);
|
|
var dots = [];
|
|
var temparr = [];
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
temparr = [];
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
temparr.push(this.dotsarr[x][y].colour);
|
|
}
|
|
dots.push(temparr);
|
|
}
|
|
switch(this.mode) {
|
|
case 0:
|
|
this.initHorizontalGame(dots);
|
|
break;
|
|
case 1:
|
|
this.initVerticalGame(dots);
|
|
break;
|
|
case 2:
|
|
this.initBilateralGame(dots);
|
|
break;
|
|
}
|
|
if (go == true){
|
|
this.gameOver = true;
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
this.dotsarr[x][y].clickable = false;
|
|
this.dotsarr[x][y].showSmile();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//Load-related things
|
|
|
|
this.init = function(){
|
|
console.log("init");
|
|
console.log(activity.getDatastoreObject());
|
|
activity.getDatastoreObject().getMetadata(this.init_canaccessdatastore.bind(this));
|
|
}
|
|
|
|
this.init_canaccessdatastore = function(error,mdata){
|
|
console.log("datastore check");
|
|
var d = new Date().getTime();
|
|
if (Math.abs(d-mdata.creation_time)<2000){
|
|
console.log("Time too short");
|
|
this.initActivity(false,[]);
|
|
} else {
|
|
activity.getDatastoreObject().loadAsText(this.init_getdatastore.bind(this));
|
|
}
|
|
}
|
|
|
|
this.init_getdatastore = function(error,metadata,data){
|
|
if (error==null&&data!=null){
|
|
data = JSON.parse(data);
|
|
this.initActivity(true,data);
|
|
} else {
|
|
this.initActivity(false,[]);
|
|
}
|
|
}
|
|
|
|
this.initActivity = function(isdata,data){
|
|
console.log(isdata);
|
|
console.log(data);
|
|
var r = this.canDoFromX();
|
|
if (r==false){
|
|
console.log("position based on y");
|
|
r = this.radiusFromY();
|
|
}
|
|
this.radius = r;
|
|
console.log(r);
|
|
this.circleswidth = this.radius*2*this.gridwidth+this.margin*(this.gridwidth+1);
|
|
this.circlesheight = this.radius*2*this.gridheight+this.margin*(this.gridheight+1);
|
|
console.log(data);
|
|
if (isdata==false||data==null){
|
|
this.initHorizontalGame();
|
|
} else {
|
|
//mode, dotsarr (as colour index), robot on/off, game over, buddy
|
|
if (data.buddy == true){
|
|
this.colours = this.buddy;
|
|
} else {
|
|
this.colours = this.rainbow;
|
|
}
|
|
switch(data.mode) {
|
|
case 0:
|
|
this.initHorizontalGame(data.dots);
|
|
break;
|
|
case 1:
|
|
this.initVerticalGame(data.dots);
|
|
break;
|
|
case 2:
|
|
this.initBilateralGame(data.dots);
|
|
break;
|
|
}
|
|
if (data.gameOver == true){
|
|
this.gameOver = true;
|
|
for (var x = 0; x<this.gridwidth; x++){
|
|
for (var y = 0; y<this.gridheight; y++){
|
|
this.dotsarr[x][y].clickable = false;
|
|
this.dotsarr[x][y].showSmile();
|
|
}
|
|
}
|
|
}
|
|
if (data.robot == true){
|
|
this.robotOn();
|
|
} else {
|
|
this.robotOff();
|
|
}
|
|
}
|
|
if (this.colours==this.buddy){
|
|
this.setBuddyStyle();
|
|
} else {
|
|
this.setRainbowStyle();
|
|
}
|
|
}
|
|
}
|