IM Star Constellation database – Introduction to Interactive Media

Concept

I have always been wondering about the name behind The Big Dipper and The Little Dipper and why we still use these names even after thousands of years. Given the infinite number of stars in the sky, we should be able to make infinite star constellations. So I was interested in seeing how many different constellations people would draw in 2 hours in the same set of 120 stars. The number of stars was chosen based on the aesthetics of the “sky” design and the chance of two stars clashing with each other. Overall, I obtained 43 different star constellations from 43 different people.

Google Drive folder with all constellations (for confidentiality purposes, the image names are in ascending order and does not reveal person’s netID. Two constellations have been deleted upon request from the authors): here

For this, I used 2 screens and two sketches. One showed the loop of previously made star constellations that would automatically add the new constellations, so that the showcase visitors would be able to see the status of the database and get inspired for their own constellation. The other screen was used to draw a new constellation to be added to database. So both sketches were running simultaneously.

I also made a controller, which was a laser-cut 15x10x5 cm acrylic box with a joystick (to be used as a mouse with 4 directions) and three buttons (SELECT, START, FINISH). The image is available below. The controller resembled a simplified version of a PlayStation controller, which I noticed as people found it to be more convenient to hold in hands than keep on the table.

Materials

For the box, I wanted to have black acrylic because the screens were dark blue or black, and I did not want to distract the audience from the project with a random acrylic color.

I used the so-called thumb joystick, because the box was relatively small and lightweight, and a bigger joystick did not make sense for this project. I chose momentary pushbuttons rather than maintained switches because I wanted them to work as the buttons audience would be used to. I considered using a toggle switch to start and finish the game, but decided that it might confuse the audience and they would have thought it would switch the controller on or off.

I might have instead chosen a different layout of the buttons on the controller, based on the reviews during the showcase. One person suggested that the Select button could have been on the right-side bottom and Start and Finish buttons on right-side top. Some people actually liked the layout and said that after getting used to it, it was very easy to use.

To improve the joystick function, I would add the diagonal directions as well, where both X and Y values of the cursor changed. However, this was a minor issue and only one person expressed their concern about it, others seemed to accept it and navigate well with only 4 directions.

Learning for the project

Classes – I did not fully understand classes, arrays and objects until I worked on my final project, where both, Stars and Lines were classes, but their functions were a little different. While there were 120 stars from the very beginning and were not supposed to change, lines as objects were added to the array only when the two stars were selected. Initially, I had drawn invisible lines between each star with each star (so a fractal of the stars on the screen), which would then appear if the two stars were selected. This worked fine when I had up to 40 stars, but when I tried to increase the number to 120 stars, the program was so slow that I realized that something was wrong and there must be a better way to go about it. Fortunately, James patiently went over the idea behind arrays and objects until it made sense to me and I could implement it into my code.
Creating the database and the difference between save() and saveFrame():
to save the stars in the database with the person’s netID and also show them on the screen, I saved each constellation in two files: one under the data folder for the second sketch (which looped through existing images), and one under the sketch folder to save each person’s netID. For the names of images under second sketch, I used the same principle as the example of moving images used in class.
Start screen without restarting the program: the main idea was to maintain the same set of stars in the same position, but I had to add a Start screen with instructions for the next user. So figuring out the code took me a while to ensure that it would save the image (without the cursor, but with the stars and lines) when the person is finished, then deleting the array of lines and showing them the Start screen again. This was mainly done through trial and error and previous experience with making the ping pong game.
INPUT_PULLUP: since the buttons I used only had two wires, I didn’t need a resistor, but had to learn the logic behind Input Pullup Serial. For this, I used the official tutorial on Arduino website. The idea is that the button sends a HIGH value, when it is not pressed, so I had to change the code to writing a value in the string, when the button’s value was LOW.
Using the joystick: this was a great learning tool, because I had to solder (something I was scared to do for the whole semester), drill, and learn how to use the tutorial code to adapt it to my project.

Software

Once my code was done, I realized that it actually covers most of the topics we covered in class about Processing and Arduino. I use drawing shapes, random function, classes, arrays, images (loading and saving), communication between Arduino and Processing, this time putting it all together and polishing my knowledge.

The codes are attached below, at the end of the post for two Processing sketches and Arduino.

Hardware

As mentioned before, I used a wireless keyboard, 2 screens and a controller with a joystick and 3 buttons. The screens and keyboard were attached to a Macbook Pro computer that ran the Processing, but for the purposes of the project, the audience only saw the screens and the keyboard to avoid distraction.

The schematic of the Arduino controller is attached below.

3 most difficult parts

Figuring out how to use ArrayList() for storing the lines. Initially, the program connected all the stars with each other and then, as two stars were selected, the line would appear. Unfortunately, when another two stars were selected, the previous line would disappear. I initially set the background only in the setup, so it seemed to work, but the problems arose when I added the cursor because it would show the previous positions of the cursor too. So then I had to learn about arrays and change the logic behind the Lines and add them manually. As mentioned before, this change also increased the speed of the program.
I know a lot people love soldering, but for me it was one of the most difficult parts and I spent a long time working on soldering the buttons and joystick. On the bright side, I now feel much more confident in it.
The logistics of the start and finish of the game, together with restart. The start screen hid the stars and lines, and showed the instructions and text box. The lines had to disappear when the game was started, instead of finished, but when it was finished, the cursor had to disappear and lines and stars had to remain on the screen. This logic seemed very easy at first, but I realised that making it work in Processing was not so intuitive. Fortunately, Miha and Nick from another class convinced me to keep the Restart option, because it saved some participants in the Showcase when the constellation didn’t work out the way they wanted, so they could start again. To make it all work in the right order, it required a lot of trial and error and double checking that it all works.

What would I do differently?

I would improve controller and make it more intuitive or move it back to just computer and Processing, without the Arduino. In the start screen, I would have added a gif that shows how to navigate the spaceship cursor with the joystick and make the lines, rather than just the instructions, because people don’t really have time to read through instructions at a showcase (though I tried to keep them as short as possible).

As mentioned above, I would have added cursor directions in diagonals (up-right, up-left, down-right, down-left) to improve the navigation around the screen.

A potential improvement for a similar project in the future, I would like to use an actual set of stars seen in the sky, rather than a random set of stars and make it look more realistic. Then again, even with the current code, I achieved the goal of this project – to show the different constellations people can draw in the same sky.

Processing code

Stars:

import processing.serial.*;
Serial myPort;  // Create object from Serial class
String val;     // Data received from the serial port
color starColor = color(255);
color starColorOver = color(255, 255, 0);
color starColorClicked = color(200, 190, 210);

int numberofStars = 120;
int numberofLines = numberofStars;
int numberofPictures = 0;

boolean selected; 

int bigNumber = 96843;

Star[] stars;
ArrayList<Line> lines = new ArrayList<Line>();

int velocity = 4;
int cursorVelocity = 20;
int xCursor = 300;
int yCursor = 200;

int selectedStar, startStar = bigNumber, endStar;

boolean drawing = false;
boolean start = true;
boolean finishedGame = true;
boolean namePage = false;
boolean startedGame = false;


String name = "";
int previouskey;

PImage cursor;
PFont gameFont;

void setup() {  //Change here the number of the port
  String portName = Serial.list()[1]; 
  gameFont = loadFont("Silom-48.vlw");

  printArray(Serial.list());
  println(portName);
  myPort = new Serial(this, portName, 9600);
  println(portName);

  noCursor();
  fullScreen();
  //size(640, 480);

  cursor = loadImage("spaceship.png");
  // arrays are used to store the dots and to store the lines
  stars = new Star[numberofStars];

  for (int i=0; i<stars.length; i++) {
    stars[i] = new Star((int)random(width), (int)random(height));
  }
}

void draw() {

  background(0);
  if (startedGame == true) {
    image(cursor, xCursor, yCursor);

    for (int i=0; i<numberofStars; i++) {
      stars[i].display(stars[i].c);
    }
  }

  for (int i = 0; i < lines.size(); i++) {
    lines.get(i).display();
  }

  if ( myPort.available() > 0) {  // If data is available,
    val = myPort.readStringUntil('\n');   
    if (val!=null && val.contains("select")) {
      println("select");
      select();
    }
  }
  startGame();
  finishGame();
  moveCursor();
  cursorMoved();
}


void moveCursor() {
  if (val!=null && val.contains("left")) {
    println("left");
    xCursor = xCursor - velocity;
  } else if (val!=null && val.contains("right")) {
    println("right");
    xCursor= xCursor+velocity;
  } else if (val!=null && val.contains("up")) {
    println("up");
    yCursor=yCursor-velocity;
  } else if (val!=null && val.contains("down")) {
    println("down");
    yCursor=yCursor+velocity;
  }
}

void startGame() {
  if (val!=null && val.contains("start")) {

    for (int i = lines.size() - 1; i >= 0; i--) {
      lines.remove(i);
    }

    println("start");
    startedGame = true;
    finishedGame = false;

    selectedStar=0;
    startStar = 0;
    endStar=0;
  }
}

void finishGame() {
  if (val!=null && val.contains("finish")) {
    println("finish");

    background(0);
    for (int j = 0; j < numberofStars; j++) {
      stars[j].display(stars[j].c);
    }
    for (int i = 0; i < lines.size(); i++) {
      lines.get(i).display();
    }

    save("/Users/nyuad/Documents/Processing/stars_database/data/stars-" + nf(numberofPictures, 5) +".png");
    if (name != "") {
      save("/Users/nyuad/Documents/Proces;allsing/Stars_updated_laine/data/stars-"+ name + ".png");
    } else {
      for (int i=0; i<1; i++) {
        save("/Users/nyuad/Documents/Processing/Stars_updated_laine/data/stars-"+ random(10000) + ".png");
      }
    }
    numberofPictures++;

    finishedGame = true;
    startedGame = false;

    for (int i = lines.size() - 1; i >= 0; i--) {
      lines.remove(i);
    }
    name="";
  }

  if (finishedGame == true) {
    background(20, 20, 60);
    noStroke();
    fill(210, 190, 220);
    rect(200, 575, 280, 40 );
    fill(255);
    //  textFont(gameFont);
    textSize(20);
    text("Make your own star constellation!", 200, 160);
    //text("1. Get inspired by the other constellations already drawn.", 200, 240);
    text("1. Use the joystick to navigate around.", 200, 280);
    text("2. SELECT the desired star you want to add to constelation.", 200, 320);
    text("3. You can restart by pressing START again.", 200, 360);
    text("4. Once you have finished your constellation, press FINISH.", 200, 400);
    text("Your constellation will be saved and added to the IM Lab star constellation database", 200, 760);
    text("that you can see on the other screen.", 200, 800);
    text ("Please enter your netID and press the START button to begin \n", 200, 560); 
    fill(0);
    text(name, 200, 600);
  }
}

void keyReleased() {      
  if (name.length() < 28) {
    name = name + key;
    if (key == BACKSPACE) {
      if (name.length() > 1) {
        name = name.substring(0, name.length()-2);
      }
    }
    previouskey = key;
  }
}

void select() {
  if (selectedStar!=bigNumber) {
    stars[selectedStar].c=starColor;
  }

  /* find out which dot was selected */
  drawing=false; 
  for (int i=0; i<numberofStars; i++) {
    if ((stars[i].selected()==true) && (i!=startStar)) {
      drawing=true; 
      stars[i].c=starColorClicked; 
      selectedStar=i;
    }
  }

  if (drawing==true) {
    println("Drawing!");
    if (startStar==bigNumber) {
      startStar=selectedStar;
    } else if (endStar==bigNumber) {
      endStar=selectedStar;
    }

    if (endStar != 0) {
      // If 2nd or more click
      lines.add(new Line(startStar, endStar));
    }

    println("STARTSTAR: " + startStar + " || ENDSTAR: " + endStar);

    startStar=selectedStar;
    endStar=bigNumber;
  }
}

void cursorMoved() {
  for (int i=0; i<numberofStars; i++) {
    if (selectedStar!=i) {
      if (stars[i].selected()==true) {
        stars[i].c=starColorOver;
      } else {
        stars[i].c=starColor;
      }
    }
  }
}

class Star {
  int x; // dot x position
  int y; // dot y position
  int s; // dot size
  color c; // dot color

  Star(int localX, int localY) {
    x = localX; 
    y = localY; 
    s = (int)random(5, 15);
    c = color(192);
  }

  boolean selected() {
    if ((x<=xCursor+cursorVelocity+15 && x>=xCursor-cursorVelocity+15)
      && (y<=yCursor+cursorVelocity && y>=yCursor-cursorVelocity)) {
      return true;
    } else {
      return false;
    }
  }

  void display(int starColor) {
    fill(starColor); 
    noStroke();
    ellipse(x, y, s, s);
  }
}

class Line {
  float startX, startY;
  int endX, endY; 

  Line(int startStar, int endStar) {
    startX=stars[startStar].x; 
    startY=stars[startStar].y;  
    endX=stars[endStar].x; 
    endY=stars[endStar].y;
  }

  void display() {
    stroke(255);
    strokeWeight(4);
    line(startX, startY, endX, endY);
  }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

import processing.serial.*;

Serial myPort; // Create object from Serial class

String val; // Data received from the serial port

color starColor = color(255);

color starColorOver = color(255, 255, 0);

color starColorClicked = color(200, 190, 210);

int numberofStars = 120;

int numberofLines = numberofStars;

int numberofPictures = 0;

boolean selected;

int bigNumber = 96843;

Star[] stars;

ArrayList<Line> lines = new ArrayList<Line>();

int velocity = 4;

int cursorVelocity = 20;

int xCursor = 300;

int yCursor = 200;

int selectedStar, startStar = bigNumber, endStar;

boolean drawing = false;

boolean start = true;

boolean finishedGame = true;

boolean namePage = false;

boolean startedGame = false;

String name = "";

int previouskey;

PImage cursor;

PFont gameFont;

void setup() { //Change here the number of the port

String portName = Serial.list()[1];

gameFont = loadFont("Silom-48.vlw");

printArray(Serial.list());

println(portName);

myPort = new Serial(this, portName, 9600);

println(portName);

noCursor();

fullScreen();

//size(640, 480);

cursor = loadImage("spaceship.png");

// arrays are used to store the dots and to store the lines

stars = new Star[numberofStars];

for (int i=0; i<stars.length; i++) {

stars[i] = new Star((int)random(width), (int)random(height));

}

void draw() {

background(0);

if (startedGame == true) {

image(cursor, xCursor, yCursor);

for (int i=0; i<numberofStars; i++) {

stars[i].display(stars[i].c);

}

for (int i = 0; i < lines.size(); i++) {

lines.get(i).display();

}

if ( myPort.available() > 0) { // If data is available,

val = myPort.readStringUntil('\n');

if (val!=null && val.contains("select")) {

println("select");

select();

}

startGame();

finishGame();

moveCursor();

cursorMoved();

}

void moveCursor() {

if (val!=null && val.contains("left")) {

println("left");

xCursor = xCursor - velocity;

} else if (val!=null && val.contains("right")) {

println("right");

xCursor= xCursor+velocity;

} else if (val!=null && val.contains("up")) {

println("up");

yCursor=yCursor-velocity;

} else if (val!=null && val.contains("down")) {

println("down");

yCursor=yCursor+velocity;

}

void startGame() {

if (val!=null && val.contains("start")) {

for (int i = lines.size() - 1; i >= 0; i--) {

lines.remove(i);

}

println("start");

startedGame = true;

finishedGame = false;

selectedStar=0;

startStar = 0;

endStar=0;

}

void finishGame() {

if (val!=null && val.contains("finish")) {

println("finish");

background(0);

for (int j = 0; j < numberofStars; j++) {

stars[j].display(stars[j].c);

}

for (int i = 0; i < lines.size(); i++) {

lines.get(i).display();

}

save("/Users/nyuad/Documents/Processing/stars_database/data/stars-" + nf(numberofPictures, 5) +".png");

if (name != "") {

save("/Users/nyuad/Documents/Proces;allsing/Stars_updated_laine/data/stars-"+ name + ".png");

} else {

for (int i=0; i<1; i++) {

save("/Users/nyuad/Documents/Processing/Stars_updated_laine/data/stars-"+ random(10000) + ".png");

}

numberofPictures++;

finishedGame = true;

startedGame = false;

for (int i = lines.size() - 1; i >= 0; i--) {

lines.remove(i);

}

name="";

}

if (finishedGame == true) {

background(20, 20, 60);

noStroke();

fill(210, 190, 220);

rect(200, 575, 280, 40 );

fill(255);

// textFont(gameFont);

textSize(20);

text("Make your own star constellation!", 200, 160);

//text("1. Get inspired by the other constellations already drawn.", 200, 240);

text("1. Use the joystick to navigate around.", 200, 280);

text("2. SELECT the desired star you want to add to constelation.", 200, 320);

text("3. You can restart by pressing START again.", 200, 360);

text("4. Once you have finished your constellation, press FINISH.", 200, 400);

text("Your constellation will be saved and added to the IM Lab star constellation database", 200, 760);

text("that you can see on the other screen.", 200, 800);

text ("Please enter your netID and press the START button to begin \n", 200, 560);

fill(0);

text(name, 200, 600);

}

void keyReleased() {

if (name.length() < 28) {

name = name + key;

if (key == BACKSPACE) {

if (name.length() > 1) {

name = name.substring(0, name.length()-2);

}

previouskey = key;

}

void select() {

if (selectedStar!=bigNumber) {

stars[selectedStar].c=starColor;

}

/* find out which dot was selected */

drawing=false;

for (int i=0; i<numberofStars; i++) {

if ((stars[i].selected()==true) && (i!=startStar)) {

drawing=true;

stars[i].c=starColorClicked;

selectedStar=i;

}

if (drawing==true) {

println("Drawing!");

if (startStar==bigNumber) {

startStar=selectedStar;

} else if (endStar==bigNumber) {

endStar=selectedStar;

}

if (endStar != 0) {

// If 2nd or more click

lines.add(new Line(startStar, endStar));

}

println("STARTSTAR: " + startStar + " || ENDSTAR: " + endStar);

startStar=selectedStar;

endStar=bigNumber;

}

void cursorMoved() {

for (int i=0; i<numberofStars; i++) {

if (selectedStar!=i) {

if (stars[i].selected()==true) {

stars[i].c=starColorOver;

} else {

stars[i].c=starColor;

}

class Star {

int x; // dot x position

int y; // dot y position

int s; // dot size

color c; // dot color

Star(int localX, int localY) {

x = localX;

y = localY;

s = (int)random(5, 15);

c = color(192);

}

boolean selected() {

if ((x<=xCursor+cursorVelocity+15 && x>=xCursor-cursorVelocity+15)

&& (y<=yCursor+cursorVelocity && y>=yCursor-cursorVelocity)) {

return true;

} else {

return false;

}

void display(int starColor) {

fill(starColor);

noStroke();

ellipse(x, y, s, s);

}

class Line {

float startX, startY;

int endX, endY;

Line(int startStar, int endStar) {

startX=stars[startStar].x;

startY=stars[startStar].y;

endX=stars[endStar].x;

endY=stars[endStar].y;

}

void display() {

stroke(255);

strokeWeight(4);

line(startX, startY, endX, endY);

}

Database:

int numFrames = 40;  // The number of frames in the animation
int currentFrame = 0;
PImage[] images = new PImage[numFrames];

void setup() {
  //size(640,480);
  fullScreen();
  noCursor();
  frameRate(1);
} 

void draw() { 
  background(20, 20, 60);
  
  for (int i = 0; i < numFrames; i++) {
    String imageName = "stars-" + nf(i, 5) + ".png";
    images[i] = loadImage(imageName);
  }
  
  if (currentFrame == numFrames) {
    currentFrame = 0;
  }
  image(images[currentFrame],0, 0);
  currentFrame = currentFrame+1;
}

int numFrames = 40; // The number of frames in the animation

int currentFrame = 0;

PImage[] images = new PImage[numFrames];

void setup() {

//size(640,480);

fullScreen();

noCursor();

frameRate(1);

}

void draw() {

background(20, 20, 60);

for (int i = 0; i < numFrames; i++) {

String imageName = "stars-" + nf(i, 5) + ".png";

images[i] = loadImage(imageName);

}

if (currentFrame == numFrames) {

currentFrame = 0;

}

image(images[currentFrame],0, 0);

currentFrame = currentFrame+1;

}

Arduino:

int finishButton = 2;
int startButton = 3;
int pickButton = 4;
int startState;
int finishState;
int pickState;
int oldStart;
int oldFinish;
int oldPick;
int ledPin = 13;
int vertical = 0;                 // slider variable connecetd to analog pin 0
int horizontal = 1;                 // slider variable connecetd to analog pin 1
int x;
int y;
int value1 = 0;                  // variable to read the value from the analog pin 0
int value2 = 0;                  // variable to read the value from the analog pin 1
const int TOPMARGIN = 54;
const int BOTTOMMARGIN = 50;


void setup() {

  pinMode(startButton, INPUT_PULLUP);
  pinMode(finishButton, INPUT_PULLUP);
  pinMode(pickButton, INPUT_PULLUP);

  Serial.begin(9600);

}

int treatValue(int data) {
  return (data * 9 / 1024) + 48;
}

void loop() {

  if (Serial.available() > 0) {
    Serial.println("Serial is available"); //check if serial is available
  }

  // reads the value of the variable resistor
  y = analogRead(vertical);
  // this small pause is needed between reading
  // analog pins, otherwise we get the same value twice
  delay(100);
  // reads the value of the variable resistor
  x = analogRead(horizontal);

  startState = digitalRead(startButton); //read the value of start button
  finishState = digitalRead(finishButton); //read the value of finish button
  pickState = digitalRead(pickButton); //read the value of button for the name screen


  if (treatValue(x) > TOPMARGIN && treatValue(y) > TOPMARGIN) {
    if (x > y) {
      Serial.print("left");
      Serial.print(",");
    } else {
      Serial.print("up");
      Serial.print(",");
    }
  } else if (treatValue(x) > TOPMARGIN && treatValue(y) < TOPMARGIN) {
    if (x > y && y > 125) {
      Serial.print("left");
      Serial.print(",");
    } else {
      Serial.print("down");
      Serial.print(",");
    }
  } else if (treatValue(x) < BOTTOMMARGIN && treatValue(y) < BOTTOMMARGIN) {
    if (x < y && y > 125) {
      Serial.print("right");
      Serial.print(",");
    } else {
      Serial.print("down");
      Serial.print(",");
    }
  } else if (treatValue(x) < BOTTOMMARGIN && treatValue(y) > BOTTOMMARGIN) {
    if (x > y && x > 125) {
      Serial.print("up");
      Serial.print(",");
    } else {
      Serial.print("right");
      Serial.print(",");
    }
  } else if (treatValue(x) > TOPMARGIN) {
    Serial.print("left");
    Serial.print(",");
  } else if (treatValue(x) < BOTTOMMARGIN) {
    Serial.print("right");
    Serial.print(",");
  } else if (treatValue(y) < BOTTOMMARGIN) {
    Serial.print("down");
    Serial.print(",");
  } else if (treatValue(y) > TOPMARGIN) {
    Serial.print("up");
    Serial.print(",");
  } else {
    Serial.print("stop");
    Serial.print(",");
    if ( startState == LOW && oldStart == HIGH) {
      Serial.print("start");
      Serial.print(",");
    } else {
      Serial.print ("0");
      Serial.print(",");
    }

    if ( finishState == LOW && oldFinish == HIGH) {
      Serial.print("finish");
      Serial.print(",");
    } else {
      Serial.print( "0");
      Serial.print(",");
    }

    if ( pickState == LOW && oldPick == HIGH) {
      Serial.print("select");
      Serial.print(",");
    } else {
      Serial.print ("0");
      Serial.print(",");
    }
  }
  Serial.println("");

  oldStart = startState;
  oldFinish = finishState;
  oldPick = pickState;
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

int finishButton = 2;

int startButton = 3;

int pickButton = 4;

int startState;

int finishState;

int pickState;

int oldStart;

int oldFinish;

int oldPick;

int ledPin = 13;

int vertical = 0; // slider variable connecetd to analog pin 0

int horizontal = 1; // slider variable connecetd to analog pin 1

int x;

int y;

int value1 = 0; // variable to read the value from the analog pin 0

int value2 = 0; // variable to read the value from the analog pin 1

const int TOPMARGIN = 54;

const int BOTTOMMARGIN = 50;

void setup() {

pinMode(startButton, INPUT_PULLUP);

pinMode(finishButton, INPUT_PULLUP);

pinMode(pickButton, INPUT_PULLUP);

Serial.begin(9600);

}

int treatValue(int data) {

return (data * 9 / 1024) + 48;

}

void loop() {

if (Serial.available() > 0) {

Serial.println("Serial is available"); //check if serial is available

}

// reads the value of the variable resistor

y = analogRead(vertical);

// this small pause is needed between reading

// analog pins, otherwise we get the same value twice

delay(100);

// reads the value of the variable resistor

x = analogRead(horizontal);

startState = digitalRead(startButton); //read the value of start button

finishState = digitalRead(finishButton); //read the value of finish button

pickState = digitalRead(pickButton); //read the value of button for the name screen

Leave a Reply Cancel reply