All posts by Henry

Media and All Things Computational

May 5, 2014Characteristics, UncategorizedHenry

Last semester, when looking for classes in Albert, I remember what I first thought when I read the name of this class: Intro to Computational Media. My first thought was, ” I wish I was smart enough to take a computing class.” That thought then became, “maybe I AM smart enough to take a computing class.” And finally, “You know what, screw it, It doesn’t matter if I’m smart enough or what- I’m taking a computing class.” Computing has always been something that interested me. When I was five years old, I got a large white PC computer for my christmas. My twin brother got a go-kart. My older brother got a motorcycle. Today, I spend roughly 6-8 hours a day on my computer. It only makes sense to know the ins and outs. Until I decided to take this class, that was something that I had just accepted that I would potentially never know.

Computational Media is the future. Those who understand how to use it will adapt with future advancements. Those who understand the ins and outs will create those future advancements. This is something I recently realized. Thus, sparking my interest in taking this class.

I took this class for a number of reasons. One of which, is that — as with my Gallatin concentration — human interaction with computer is simply, communication. Whether it be myself writing this blog post right now or someone walking down 6th avenue taking a photo on their smart phone, a very special form of communication is occurring. That is, the asking of the computer to perform an action and the return of the computer performing an action. People tend to forget that interaction is occurring. As these devices are becoming more so extensions of the body, these interactions become as commonplace as let’s say- asking your finger to bend or asking your knee and the other various necessary human parts to bend and stand.

This class- as with computational media- taught me how exactly that interaction occurs- through the various means and methods.

My Gallatin concentration is more so focused on how we, humans in 2014 and in the past, use technology as means of communication. I find it fascinating how we communicate with computers in order to communicate with humans. If that makes sense… If you had asked me what my concentration was prior to taking this class- it would have been something completely different. My thoughts are a bit jumbled. Well, that’s what’s on my mind right now. Kind of a stream of consciousness. Hope is doesn’t read as a bunch of 1’s and 0’s.

/rant

Cursor Craze

May 5, 2014Final Project, UncategorizedHenry

Here is my final project in all of its glory: Cursor Craze.

Can you get to the other side??? There’s only one way to find out!!!

I’m not exactly sure how to post a downloadable link to the full folder- but i’ll figure it out. For now, all of the images I used are in the “Media” library in WordPress.

Here’s the code:

PImage  starthere;
PImage finishhere;
PImage title;
PImage rules;
PImage youlose;
PImage youlose27;
PImage youwin;
PImage pressq;

PImage almostthere;
PImage youcandoit;
PImage greatstart;
PImage keepitup;
PImage woo;

PImage greatstartcover;
PImage youcandoitcover;
PImage keepitupcover;
PImage woocover;
PImage almosttherecover;

int gap = 20;

void setup() {
  size (800, 400);
  background (204, 204, 204);
  starthere = loadImage("starhere.png");
  finishhere = loadImage("finishhere.png");
  title = loadImage("cursorcraze.png");
  rules = loadImage("mazerules2.0.png");
  youlose = loadImage("youlose2.png");
  youlose27 = loadImage("youlose27.png");
  youwin = loadImage("youwin.png");
  pressq = loadImage("pressQ.png");
  almostthere = loadImage("almostthere.png");
  youcandoit = loadImage("youcandoit.png");
  greatstart = loadImage("greatstart.png");
  keepitup = loadImage("keepitup.png");
  woo = loadImage("woo.png");
  greatstartcover = loadImage("greatstartcover.png");
  youcandoitcover= loadImage("youcandoitcover.png");
  keepitupcover = loadImage("keepitupcover.png");
  woocover = loadImage("woocover.png");
  almosttherecover = loadImage("almosttherecover.png");

  stroke (0);
  fill (0);
  //top and bottom
  //1
  rect (0, 0, gap, 160); 
  rect (0, 200, gap, 200); 
  //2
  rect (20, 0, gap, 160); 
  rect (20, 200, gap, 220); 
  //3
  rect (40, 0, gap, 140); 
  rect (40, 180, gap, 240); 
  //4
  rect (60, 0, gap, 120); 
  rect (60, 160, gap, 260); 
  //5
  rect (80, 0, gap, 100); 
  rect (80, 140, gap, 280); 
  //6
  rect (100, 0, gap, 100); 
  rect (100, 140, gap, 280); 
  //7
  rect (120, 0, gap, 120); 
  rect (120, 160, gap, 260); 
  //8
  rect (140, 0, gap, 140); 
  rect (140, 180, gap, 280); 
  //9
  rect (160, 0, gap, 160); 
  rect (160, 200, gap, 200); 
  //10
  rect (180, 0, gap, 180); 
  rect (180, 220, gap, 200); 
  //11
  rect (200, 0, gap, 200); 
  rect (200, 240, gap, 200); 
  //12
  rect (220, 0, gap, 220); 
  rect (220, 260, gap, 200);
  //13
  rect (240, 0, gap, 240); 
  rect (240, 280, gap, 200); 
  //14
  rect (260, 0, gap, 260); 
  rect (260, 300, gap, 200);
  //15
  rect (280, 0, gap, 280); 
  rect (280, 320, gap, 200); 
  //16
  rect (300, 0, gap, 300);
  rect (300, 340, gap, 200); 
  //17
  rect (320, 0, gap, 320); 
  rect (320, 360, gap, 200);
  //18
  rect (340, 0, gap, 320);
  rect (340, 360, gap, 200); 
  //19
  rect (360, 0, gap, 300);
  rect (360, 340, gap, 200);
  //20
  rect (380, 0, gap, 280);
  rect (380, 320, gap, 200); 
  //21
  rect (400, 0, gap, 260);
  rect (400, 300, gap, 200); 
  //22 
  rect (420, 0, gap, 240); 
  rect (420, 280, gap, 200);
  //23
  rect (440, 0, gap, 220); 
  rect (440, 260, gap, 200); 
  //24
  rect (460, 0, gap, 220); 
  rect (460, 260, gap, 200);
  //25
  rect (480, 0, gap, 240);
  rect (480, 280, gap, 200); 
  //26
  rect (500, 0, gap, 260);
  rect (500, 300, gap, 200); 
  //27
  rect (520, 0, gap, 280);
  rect (520, 320, gap, 200); 
  //28
  rect (540, 0, gap, 280);
  rect (540, 320, gap, 200);  
  //29
  rect (560, 0, gap, 260);
  rect (560, 300, gap, 200); 
  //30 
  rect (580, 0, gap, 240); 
  rect (580, 280, gap, 200); 
  //31
  rect (600, 0, gap, 220); 
  rect (600, 260, gap, 200); 
  //32
  rect (620, 0, gap, 200);
  rect (620, 240, gap, 220); 
  //33
  rect (640, 0, gap, 180);
  rect (640, 220, gap, 240); 
  //34
  rect (660, 0, gap, 160); 
  rect (660, 200, gap, 260);
  //35
  rect (680, 0, gap, 140);
  rect (680, 180, gap, 280); 
  //36
  rect (700, 0, gap, 120);
  rect (700, 160, gap, 300); 
  //37
  rect (720, 0, gap, 120);
  rect (720, 160, gap, 320);  
  //38
  rect (740, 0, gap, 140); 
  rect (740, 180, gap, 300);
  //39
  rect (760, 0, gap, 160);
  rect (760, 200, gap, 320); 
  //40
  rect (780, 0, gap, 160); 
  rect (780, 200, gap, 320); 

  image(starthere, 0, 200);
  image(finishhere, 700, 200);
  image(title, 210, 0);
  image(rules, 220, 70);
  image(pressq, 680, 5);
}

void draw() {

  if ((mouseX > 0 && mouseX < 20) && (mouseY < 160  || mouseY > 200)) {
    background (youlose);
  }

  else if ((mouseX > 20 && mouseX < 40 ) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }

  else if ((mouseX > 40 && mouseX < 60) && (mouseY < 140 || mouseY > 180)) {
    background (youlose);
  }

  else if ((mouseX > 60 && mouseX < 80) && (mouseY < 120 || mouseY > 160)) {
    background (youlose);
  }

  else if ((mouseX > 80 && mouseX < 100) && (mouseY < 100 || mouseY > 140)) {
    background (youlose);
  }

  else if ((mouseX > 80 && mouseX < 100) && (mouseY > 100 || mouseY < 140)) { 
    image(greatstart, 50, 75);
  }

  else if ((mouseX > 100 && mouseX < 120) && (mouseY < 100 || mouseY > 140)) {
    background (youlose);
  }

  else if ((mouseX > 120 && mouseX < 140) && (mouseY < 120 || mouseY > 160)) {
    background (youlose);
  }

  else if ((mouseX > 120 && mouseX < 140) && (mouseY > 120 || mouseY < 160)) {
    image (greatstartcover, 50, 75);
  }

  else if ((mouseX > 140 && mouseX < 160) && (mouseY < 140 || mouseY > 180)) {
    background (youlose);
  }

  else if ((mouseX > 160 && mouseX < 180) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }
  //10
  else if ((mouseX > 180 && mouseX < 200) && (mouseY < 180 || mouseY > 220)) {
    background (youlose);
  }

  else if ((mouseX > 200 && mouseX < 220) && (mouseY < 200 || mouseY > 240)) {
    background (youlose);
  }

  else if ((mouseX > 220 && mouseX < 240) && (mouseY < 220 || mouseY > 260)) {
    background (youlose);
  }

  else if ((mouseX > 240 && mouseX < 260) && (mouseY < 240 || mouseY > 280)) {
    background (youlose);
  }

  else if ((mouseX > 260 && mouseX < 280) && (mouseY < 260 || mouseY > 300)) {
    background (youlose);
  }

  else if ((mouseX > 280 && mouseX < 300) && (mouseY < 280 || mouseY > 320)) {
    background (youlose);
  }

  else if ((mouseX > 300 && mouseX < 320) && (mouseY < 300 || mouseY > 340)) {
    background (youlose);
  }

  else if ((mouseX > 320 && mouseX < 340) && (mouseY < 320 || mouseY > 360)) {
    background (youlose);
  }

  else if ((mouseX > 320 && mouseX < 340) && (mouseY > 320 || mouseY < 360)) {
    image(youcandoit, 310, 360) ;
  }

  else if ((mouseX > 340 && mouseX < 360) && (mouseY < 320 || mouseY > 360)) {
    background (youlose);
  }

  else if ((mouseX > 360 && mouseX < 380) && (mouseY < 300 || mouseY > 340)) {
    background (youlose);
  }

  else if ((mouseX > 360 && mouseX < 380) && (mouseY > 300 || mouseY < 340)) {
    image (youcandoitcover, 310, 360);
  }

  //20
  else if ((mouseX > 380 && mouseX < 400) && (mouseY < 280 || mouseY > 320)) {
    background (youlose);
  }

  else if ((mouseX > 400 && mouseX < 420) && (mouseY < 260 || mouseY > 300)) {
    background (youlose);
  }

  else if ((mouseX > 420 && mouseX < 440) && (mouseY < 240 || mouseY > 280)) {
    background (youlose);
  }

  else if ((mouseX > 440 && mouseX < 460) && (mouseY < 220 || mouseY > 260)) {
    background (youlose);
  }

  else if ((mouseX > 440 && mouseX < 460) && (mouseY > 220 || mouseY < 260)) {
    image (keepitup, 430, 180);
  }

  else if ((mouseX > 460 && mouseX < 480) && (mouseY < 220 || mouseY > 260)) {
    background (youlose);
  }

  else if ((mouseX > 480 && mouseX < 500) && (mouseY < 240 || mouseY > 280)) {
    background (youlose);
  }

  else if ((mouseX > 480 && mouseX < 500) && (mouseY > 240 || mouseY < 280)) {
    image (keepitupcover, 430, 180);
  }

  else if ((mouseX > 500 && mouseX < 520) && (mouseY < 260 || mouseY > 300)) {
    background (youlose);
  }
  //27
  else if ((mouseX > 520 && mouseX < 540) && (mouseY < 280 || mouseY > 320)) {
    background (youlose27);
  }

  else if ((mouseX > 520 && mouseX < 540) && (mouseY > 280 || mouseY < 320)) {
    image (woo, 520, 320);
  }

  else if ((mouseX > 540 && mouseX < 560) && (mouseY < 280 || mouseY > 320)) {
    background (youlose);
  }

  else if ((mouseX > 560 && mouseX < 580) && (mouseY < 260 || mouseY > 300)) {
    background (youlose);
  }

  else if ((mouseX > 560 && mouseX < 580) && (mouseY > 260 || mouseY < 300)) {
    image (woocover, 520, 320);
  }

  //30
  else if ((mouseX > 580 && mouseX < 600) && (mouseY < 240 || mouseY > 280)) {
    background (youlose);
  }

  else if ((mouseX > 600 && mouseX < 620) && (mouseY < 220 || mouseY > 260)) {
    background (youlose);
  }

  else if ((mouseX > 640 && mouseX < 660) && (mouseY < 180 || mouseY > 220)) {
    background (youlose);
  }

  else if ((mouseX > 660 && mouseX < 680) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }

  else if ((mouseX > 680 && mouseX < 700) && (mouseY < 140 || mouseY > 180)) {
    background (youlose);
  }

  else if ((mouseX > 700 && mouseX < 720) && (mouseY < 120 || mouseY > 160)) {
    background (youlose);
  }

  else if ((mouseX > 700 && mouseX < 720) && (mouseY > 120 || mouseY < 160)) {
    image(almostthere, 690, 85);
  }

  else if ((mouseX > 720 && mouseX < 740) && (mouseY < 120 || mouseY > 160)) {
    background (youlose);
  }

  else if ((mouseX > 740 && mouseX < 760) && (mouseY < 140 || mouseY > 180)) {
    background (youlose);
  }

  else if ((mouseX > 740 && mouseX < 760) && (mouseY > 140 || mouseY < 180)) {
    image (almosttherecover, 690, 85);
  }

  //final 2 boxes
  else if ((mouseX > 760 && mouseX < 780) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }
  //40
  else if ((mouseX > 780 && mouseX < 800) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }

  else if ((mouseX > 760 && mouseX < 780) && (mouseY > 160 || mouseY < 200)) {
    background (youwin);
  }

  else if ((mouseX > 780 && mouseX < 800) && (mouseY > 160 || mouseY < 200)) {
    background (youwin);
  }

  if (keyPressed) {
    if (key == 'q') {
      background (204, 204, 204);
      stroke (0);
      fill (0);
      //top and bottom
      //1
      rect (0, 0, gap, 160); 
      rect (0, 200, gap, 200); 
      //2
      rect (20, 0, gap, 160); 
      rect (20, 200, gap, 220); 
      //3
      rect (40, 0, gap, 140); 
      rect (40, 180, gap, 240); 
      //4
      rect (60, 0, gap, 120); 
      rect (60, 160, gap, 260); 
      //5
      rect (80, 0, gap, 100); 
      rect (80, 140, gap, 280); 
      //6
      rect (100, 0, gap, 100); 
      rect (100, 140, gap, 280); 
      //7
      rect (120, 0, gap, 120); 
      rect (120, 160, gap, 260); 
      //8
      rect (140, 0, gap, 140); 
      rect (140, 180, gap, 280); 
      //9
      rect (160, 0, gap, 160); 
      rect (160, 200, gap, 200); 
      //10
      rect (180, 0, gap, 180); 
      rect (180, 220, gap, 200); 
      //11
      rect (200, 0, gap, 200); 
      rect (200, 240, gap, 200); 
      //12
      rect (220, 0, gap, 220); 
      rect (220, 260, gap, 200);
      //13
      rect (240, 0, gap, 240); 
      rect (240, 280, gap, 200); 
      //14
      rect (260, 0, gap, 260); 
      rect (260, 300, gap, 200);
      //15
      rect (280, 0, gap, 280); 
      rect (280, 320, gap, 200); 
      //16
      rect (300, 0, gap, 300);
      rect (300, 340, gap, 200); 
      //17
      rect (320, 0, gap, 320); 
      rect (320, 360, gap, 200);
      //18
      rect (340, 0, gap, 320);
      rect (340, 360, gap, 200); 
      //19
      rect (360, 0, gap, 300);
      rect (360, 340, gap, 200);
      //20
      rect (380, 0, gap, 280);
      rect (380, 320, gap, 200); 
      //21
      rect (400, 0, gap, 260);
      rect (400, 300, gap, 200); 
      //22 
      rect (420, 0, gap, 240); 
      rect (420, 280, gap, 200);
      //23
      rect (440, 0, gap, 220); 
      rect (440, 260, gap, 200); 
      //24
      rect (460, 0, gap, 220); 
      rect (460, 260, gap, 200);
      //25
      rect (480, 0, gap, 240);
      rect (480, 280, gap, 200); 
      //26
      rect (500, 0, gap, 260);
      rect (500, 300, gap, 200); 
      //27
      rect (520, 0, gap, 280);
      rect (520, 320, gap, 200); 
      //28
      rect (540, 0, gap, 280);
      rect (540, 320, gap, 200);  
      //29
      rect (560, 0, gap, 260);
      rect (560, 300, gap, 200); 
      //30 
      rect (580, 0, gap, 240); 
      rect (580, 280, gap, 200); 
      //31
      rect (600, 0, gap, 220); 
      rect (600, 260, gap, 200); 
      //32
      rect (620, 0, gap, 200);
      rect (620, 240, gap, 220); 
      //33
      rect (640, 0, gap, 180);
      rect (640, 220, gap, 240); 
      //34
      rect (660, 0, gap, 160); 
      rect (660, 200, gap, 260);
      //35
      rect (680, 0, gap, 140);
      rect (680, 180, gap, 280); 
      //36
      rect (700, 0, gap, 120);
      rect (700, 160, gap, 300); 
      //37
      rect (720, 0, gap, 120);
      rect (720, 160, gap, 320);  
      //38
      rect (740, 0, gap, 140); 
      rect (740, 180, gap, 300);
      //39
      rect (760, 0, gap, 160);
      rect (760, 200, gap, 320); 
      //40
      rect (780, 0, gap, 160); 
      rect (780, 200, gap, 320); 

      image(starthere, 0, 200);
      image(finishhere, 700, 200);
      image(title, 210, 0);
      image(rules, 220, 70);
      image(pressq, 680, 5);
    }
  }
}

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

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

495

496

497

498

499

500

501

502

503

504

505

506

507

508

509

510

511

512

513

514

515

516

517

518

519

520

PImage starthere;

PImage finishhere;

PImage title;

PImage rules;

PImage youlose;

PImage youlose27;

PImage youwin;

PImage pressq;

PImage almostthere;

PImage youcandoit;

PImage greatstart;

PImage keepitup;

PImage woo;

PImage greatstartcover;

PImage youcandoitcover;

PImage keepitupcover;

PImage woocover;

PImage almosttherecover;

int gap = 20;

void setup() {

size (800, 400);

background (204, 204, 204);

starthere = loadImage("starhere.png");

finishhere = loadImage("finishhere.png");

title = loadImage("cursorcraze.png");

rules = loadImage("mazerules2.0.png");

youlose = loadImage("youlose2.png");

youlose27 = loadImage("youlose27.png");

youwin = loadImage("youwin.png");

pressq = loadImage("pressQ.png");

almostthere = loadImage("almostthere.png");

youcandoit = loadImage("youcandoit.png");

greatstart = loadImage("greatstart.png");

keepitup = loadImage("keepitup.png");

woo = loadImage("woo.png");

greatstartcover = loadImage("greatstartcover.png");

youcandoitcover= loadImage("youcandoitcover.png");

keepitupcover = loadImage("keepitupcover.png");

woocover = loadImage("woocover.png");

almosttherecover = loadImage("almosttherecover.png");

stroke (0);

fill (0);

//top and bottom

//1

rect (0, 0, gap, 160);

rect (0, 200, gap, 200);

//2

rect (20, 0, gap, 160);

rect (20, 200, gap, 220);

//3

rect (40, 0, gap, 140);

rect (40, 180, gap, 240);

//4

rect (60, 0, gap, 120);

rect (60, 160, gap, 260);

//5

rect (80, 0, gap, 100);

rect (80, 140, gap, 280);

//6

rect (100, 0, gap, 100);

rect (100, 140, gap, 280);

//7

rect (120, 0, gap, 120);

rect (120, 160, gap, 260);

//8

rect (140, 0, gap, 140);

rect (140, 180, gap, 280);

//9

rect (160, 0, gap, 160);

rect (160, 200, gap, 200);

//10

rect (180, 0, gap, 180);

rect (180, 220, gap, 200);

//11

rect (200, 0, gap, 200);

rect (200, 240, gap, 200);

//12

rect (220, 0, gap, 220);

rect (220, 260, gap, 200);

//13

rect (240, 0, gap, 240);

rect (240, 280, gap, 200);

//14

rect (260, 0, gap, 260);

rect (260, 300, gap, 200);

//15

rect (280, 0, gap, 280);

rect (280, 320, gap, 200);

//16

rect (300, 0, gap, 300);

rect (300, 340, gap, 200);

//17

rect (320, 0, gap, 320);

rect (320, 360, gap, 200);

//18

rect (340, 0, gap, 320);

rect (340, 360, gap, 200);

//19

rect (360, 0, gap, 300);

rect (360, 340, gap, 200);

//20

rect (380, 0, gap, 280);

rect (380, 320, gap, 200);

//21

rect (400, 0, gap, 260);

rect (400, 300, gap, 200);

//22

rect (420, 0, gap, 240);

rect (420, 280, gap, 200);

//23

rect (440, 0, gap, 220);

rect (440, 260, gap, 200);

//24

rect (460, 0, gap, 220);

rect (460, 260, gap, 200);

//25

rect (480, 0, gap, 240);

rect (480, 280, gap, 200);

//26

rect (500, 0, gap, 260);

rect (500, 300, gap, 200);

//27

rect (520, 0, gap, 280);

rect (520, 320, gap, 200);

//28

rect (540, 0, gap, 280);

rect (540, 320, gap, 200);

//29

rect (560, 0, gap, 260);

rect (560, 300, gap, 200);

//30

rect (580, 0, gap, 240);

rect (580, 280, gap, 200);

//31

rect (600, 0, gap, 220);

rect (600, 260, gap, 200);

//32

rect (620, 0, gap, 200);

rect (620, 240, gap, 220);

//33

rect (640, 0, gap, 180);

rect (640, 220, gap, 240);

//34

rect (660, 0, gap, 160);

rect (660, 200, gap, 260);

//35

rect (680, 0, gap, 140);

rect (680, 180, gap, 280);

//36

rect (700, 0, gap, 120);

rect (700, 160, gap, 300);

//37

rect (720, 0, gap, 120);

rect (720, 160, gap, 320);

//38

rect (740, 0, gap, 140);

rect (740, 180, gap, 300);

//39

rect (760, 0, gap, 160);

rect (760, 200, gap, 320);

//40

rect (780, 0, gap, 160);

rect (780, 200, gap, 320);

image(starthere, 0, 200);

image(finishhere, 700, 200);

image(title, 210, 0);

image(rules, 220, 70);

image(pressq, 680, 5);

}

void draw() {

if ((mouseX > 0 && mouseX < 20) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

else if ((mouseX > 20 && mouseX < 40 ) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

else if ((mouseX > 40 && mouseX < 60) && (mouseY < 140 || mouseY > 180)) {

background (youlose);

}

else if ((mouseX > 60 && mouseX < 80) && (mouseY < 120 || mouseY > 160)) {

background (youlose);

}

else if ((mouseX > 80 && mouseX < 100) && (mouseY < 100 || mouseY > 140)) {

background (youlose);

}

else if ((mouseX > 80 && mouseX < 100) && (mouseY > 100 || mouseY < 140)) {

image(greatstart, 50, 75);

}

else if ((mouseX > 100 && mouseX < 120) && (mouseY < 100 || mouseY > 140)) {

background (youlose);

}

else if ((mouseX > 120 && mouseX < 140) && (mouseY < 120 || mouseY > 160)) {

background (youlose);

}

else if ((mouseX > 120 && mouseX < 140) && (mouseY > 120 || mouseY < 160)) {

image (greatstartcover, 50, 75);

}

else if ((mouseX > 140 && mouseX < 160) && (mouseY < 140 || mouseY > 180)) {

background (youlose);

}

else if ((mouseX > 160 && mouseX < 180) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

//10

else if ((mouseX > 180 && mouseX < 200) && (mouseY < 180 || mouseY > 220)) {

background (youlose);

}

else if ((mouseX > 200 && mouseX < 220) && (mouseY < 200 || mouseY > 240)) {

background (youlose);

}

else if ((mouseX > 220 && mouseX < 240) && (mouseY < 220 || mouseY > 260)) {

background (youlose);

}

else if ((mouseX > 240 && mouseX < 260) && (mouseY < 240 || mouseY > 280)) {

background (youlose);

}

else if ((mouseX > 260 && mouseX < 280) && (mouseY < 260 || mouseY > 300)) {

background (youlose);

}

else if ((mouseX > 280 && mouseX < 300) && (mouseY < 280 || mouseY > 320)) {

background (youlose);

}

else if ((mouseX > 300 && mouseX < 320) && (mouseY < 300 || mouseY > 340)) {

background (youlose);

}

else if ((mouseX > 320 && mouseX < 340) && (mouseY < 320 || mouseY > 360)) {

background (youlose);

}

else if ((mouseX > 320 && mouseX < 340) && (mouseY > 320 || mouseY < 360)) {

image(youcandoit, 310, 360) ;

}

else if ((mouseX > 340 && mouseX < 360) && (mouseY < 320 || mouseY > 360)) {

background (youlose);

}

else if ((mouseX > 360 && mouseX < 380) && (mouseY < 300 || mouseY > 340)) {

background (youlose);

}

else if ((mouseX > 360 && mouseX < 380) && (mouseY > 300 || mouseY < 340)) {

image (youcandoitcover, 310, 360);

}

//20

else if ((mouseX > 380 && mouseX < 400) && (mouseY < 280 || mouseY > 320)) {

background (youlose);

}

else if ((mouseX > 400 && mouseX < 420) && (mouseY < 260 || mouseY > 300)) {

background (youlose);

}

else if ((mouseX > 420 && mouseX < 440) && (mouseY < 240 || mouseY > 280)) {

background (youlose);

}

else if ((mouseX > 440 && mouseX < 460) && (mouseY < 220 || mouseY > 260)) {

background (youlose);

}

else if ((mouseX > 440 && mouseX < 460) && (mouseY > 220 || mouseY < 260)) {

image (keepitup, 430, 180);

}

else if ((mouseX > 460 && mouseX < 480) && (mouseY < 220 || mouseY > 260)) {

background (youlose);

}

else if ((mouseX > 480 && mouseX < 500) && (mouseY < 240 || mouseY > 280)) {

background (youlose);

}

else if ((mouseX > 480 && mouseX < 500) && (mouseY > 240 || mouseY < 280)) {

image (keepitupcover, 430, 180);

}

else if ((mouseX > 500 && mouseX < 520) && (mouseY < 260 || mouseY > 300)) {

background (youlose);

}

//27

else if ((mouseX > 520 && mouseX < 540) && (mouseY < 280 || mouseY > 320)) {

background (youlose27);

}

else if ((mouseX > 520 && mouseX < 540) && (mouseY > 280 || mouseY < 320)) {

image (woo, 520, 320);

}

else if ((mouseX > 540 && mouseX < 560) && (mouseY < 280 || mouseY > 320)) {

background (youlose);

}

else if ((mouseX > 560 && mouseX < 580) && (mouseY < 260 || mouseY > 300)) {

background (youlose);

}

else if ((mouseX > 560 && mouseX < 580) && (mouseY > 260 || mouseY < 300)) {

image (woocover, 520, 320);

}

//30

else if ((mouseX > 580 && mouseX < 600) && (mouseY < 240 || mouseY > 280)) {

background (youlose);

}

else if ((mouseX > 600 && mouseX < 620) && (mouseY < 220 || mouseY > 260)) {

background (youlose);

}

else if ((mouseX > 640 && mouseX < 660) && (mouseY < 180 || mouseY > 220)) {

background (youlose);

}

else if ((mouseX > 660 && mouseX < 680) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

else if ((mouseX > 680 && mouseX < 700) && (mouseY < 140 || mouseY > 180)) {

background (youlose);

}

else if ((mouseX > 700 && mouseX < 720) && (mouseY < 120 || mouseY > 160)) {

background (youlose);

}

else if ((mouseX > 700 && mouseX < 720) && (mouseY > 120 || mouseY < 160)) {

image(almostthere, 690, 85);

}

else if ((mouseX > 720 && mouseX < 740) && (mouseY < 120 || mouseY > 160)) {

background (youlose);

}

else if ((mouseX > 740 && mouseX < 760) && (mouseY < 140 || mouseY > 180)) {

background (youlose);

}

else if ((mouseX > 740 && mouseX < 760) && (mouseY > 140 || mouseY < 180)) {

image (almosttherecover, 690, 85);

}

//final 2 boxes

else if ((mouseX > 760 && mouseX < 780) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

//40

else if ((mouseX > 780 && mouseX < 800) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

else if ((mouseX > 760 && mouseX < 780) && (mouseY > 160 || mouseY < 200)) {

background (youwin);

}

else if ((mouseX > 780 && mouseX < 800) && (mouseY > 160 || mouseY < 200)) {

background (youwin);

}

if (keyPressed) {

if (key == 'q') {

background (204, 204, 204);

stroke (0);

fill (0);

//top and bottom

//1

rect (0, 0, gap, 160);

rect (0, 200, gap, 200);

//2

rect (20, 0, gap, 160);

rect (20, 200, gap, 220);

//3

rect (40, 0, gap, 140);

rect (40, 180, gap, 240);

//4

rect (60, 0, gap, 120);

rect (60, 160, gap, 260);

//5

rect (80, 0, gap, 100);

rect (80, 140, gap, 280);

//6

rect (100, 0, gap, 100);

rect (100, 140, gap, 280);

//7

rect (120, 0, gap, 120);

rect (120, 160, gap, 260);

//8

rect (140, 0, gap, 140);

rect (140, 180, gap, 280);

//9

rect (160, 0, gap, 160);

rect (160, 200, gap, 200);

//10

rect (180, 0, gap, 180);

rect (180, 220, gap, 200);

//11

rect (200, 0, gap, 200);

rect (200, 240, gap, 200);

//12

rect (220, 0, gap, 220);

rect (220, 260, gap, 200);

//13

rect (240, 0, gap, 240);

rect (240, 280, gap, 200);

//14

rect (260, 0, gap, 260);

rect (260, 300, gap, 200);

//15

rect (280, 0, gap, 280);

rect (280, 320, gap, 200);

//16

rect (300, 0, gap, 300);

rect (300, 340, gap, 200);

//17

rect (320, 0, gap, 320);

rect (320, 360, gap, 200);

//18

rect (340, 0, gap, 320);

rect (340, 360, gap, 200);

//19

rect (360, 0, gap, 300);

rect (360, 340, gap, 200);

//20

rect (380, 0, gap, 280);

rect (380, 320, gap, 200);

//21

rect (400, 0, gap, 260);

rect (400, 300, gap, 200);

//22

rect (420, 0, gap, 240);

rect (420, 280, gap, 200);

//23

rect (440, 0, gap, 220);

rect (440, 260, gap, 200);

//24

rect (460, 0, gap, 220);

rect (460, 260, gap, 200);

//25

rect (480, 0, gap, 240);

rect (480, 280, gap, 200);

//26

rect (500, 0, gap, 260);

rect (500, 300, gap, 200);

//27

rect (520, 0, gap, 280);

rect (520, 320, gap, 200);

//28

rect (540, 0, gap, 280);

rect (540, 320, gap, 200);

//29

rect (560, 0, gap, 260);

rect (560, 300, gap, 200);

//30

rect (580, 0, gap, 240);

rect (580, 280, gap, 200);

//31

rect (600, 0, gap, 220);

rect (600, 260, gap, 200);

//32

rect (620, 0, gap, 200);

rect (620, 240, gap, 220);

//33

rect (640, 0, gap, 180);

rect (640, 220, gap, 240);

//34

rect (660, 0, gap, 160);

rect (660, 200, gap, 260);

//35

rect (680, 0, gap, 140);

rect (680, 180, gap, 280);

//36

rect (700, 0, gap, 120);

rect (700, 160, gap, 300);

//37

rect (720, 0, gap, 120);

rect (720, 160, gap, 320);

//38

rect (740, 0, gap, 140);

rect (740, 180, gap, 300);

//39

rect (760, 0, gap, 160);

rect (760, 200, gap, 320);

//40

rect (780, 0, gap, 160);

rect (780, 200, gap, 320);

image(starthere, 0, 200);

image(finishhere, 700, 200);

image(title, 210, 0);

image(rules, 220, 70);

image(pressq, 680, 5);

}

Food for thought:

– would be great to add a timer

– would be even greater to have the map move

– Different levels would be awesome

Big Data, Little Brain

May 5, 2014Data, UncategorizedHenry

I really wish my brain could wrap around this idea of Big Data and how exactly to use it. I really do see the importance of it all. Over the next few years I will make it a goal of mine. In the meantime, I can just pretend that I understand it and sound smart to my friends.

I’m still extremely interested in this whole Wikipedia Philosophy thing. After looking more at Wikipedia’s API– the more I understand the importance of APIs as a whole as well as the wealth of information that Wikipedia is.

I decided to make a little mock up of what a possible data visualization of the links to “Philosophy” would be:

Would be pretty cool….

In 2 years time, I hope to be able to make the real deal. High hopes! High rewards! Yeeehaw!

zip_a_dee_do0_dah

April 7, 2014PixelsHenry

I decided to switch out my last travolta post with a different one. I wanted to make to I could have a bird (a bluebird) perched on my shoulder. So I wrote a little bit of code to make that possible…

I kind of ran into similar issues that I had with my previous Travolta mask. This time, I used a pink post it note as my distinct color for the bird image to attach to. However, because the image of the bird (even though its a PNG/transparent image) is larger than the bird itself, the image wouldn’t lock directly onto the pink square. Instead, it fell about a few pixels below (as you can see with the screenshot below.) Thus, my original plan to stick the post it note to my shoulder failed…

The bird still moves around a bit. When it’s on my other shoulder…It kind of looks like its pecking at my head. I think this is because there is a bit of pink in my skin/lips.

here’s my code:

PImage bluebird; 
import processing.video.*;
Capture video;
color trackColor; 

void setup() {
  size(800, 480);
  video = new Capture(this, width, height);
  video.start();
  trackColor = color(255, 130, 251);
  bluebird = loadImage("bluebird.png");  
}

void draw() {
  if (video.available()) {
    video.read();
  }
  video.loadPixels();
  image(video, 0, 0);

  float worldRecord = 500; 

  int closestX = 0;
  int closestY = 0;

  for (int x = 0; x < video.width; x ++ ) {
    for (int y = 0; y < video.height; y ++ ) {
      int loc = x + y*video.width;
      color currentColor = video.pixels[loc];
      float r1 = red(currentColor);
      float g1 = green(currentColor);
      float b1 = blue(currentColor);
      float r2 = red(trackColor);
      float g2 = green(trackColor);
      float b2 = blue(trackColor);

      float d = dist(r1, g1, b1, r2, g2, b2); 

      if (d < worldRecord) {
        worldRecord = d;
        closestX = x;
        closestY = y;
      }
    }
  }

  if (worldRecord < 1000) { 
    fill(trackColor);
    image(bluebird,closestX, closestY, 250, 250);
  }
}

void mousePressed() {
  int loc = mouseX + mouseY*video.width;
  trackColor = video.pixels[loc];
}

PImage bluebird;

import processing.video.*;

Capture video;

color trackColor;

void setup() {

size(800, 480);

video = new Capture(this, width, height);

video.start();

trackColor = color(255, 130, 251);

bluebird = loadImage("bluebird.png");

}

void draw() {

if (video.available()) {

video.read();

}

video.loadPixels();

image(video, 0, 0);

float worldRecord = 500;

int closestX = 0;

int closestY = 0;

for (int x = 0; x < video.width; x ++ ) {

for (int y = 0; y < video.height; y ++ ) {

int loc = x + y*video.width;

color currentColor = video.pixels[loc];

float r1 = red(currentColor);

float g1 = green(currentColor);

float b1 = blue(currentColor);

float r2 = red(trackColor);

float g2 = green(trackColor);

float b2 = blue(trackColor);

float d = dist(r1, g1, b1, r2, g2, b2);

if (d < worldRecord) {

worldRecord = d;

closestX = x;

closestY = y;

}

if (worldRecord < 1000) {

fill(trackColor);

image(bluebird,closestX, closestY, 250, 250);

}

void mousePressed() {

int loc = mouseX + mouseY*video.width;

trackColor = video.pixels[loc];

}

Final Maze Game with some Arduino connection

March 31, 2014TelecommunicationHenry

…maybe

Missing the telecommunications class was not smart on my part. Although I was in Boston, so it was a bit out of my control- I really wish I had been able to learn how to fully bridge the Arduino/Processing gap. I tried to teach myself how to exactly to do that this weekend- but it just wasn’t the same. I got each side working on their own…but the actual connection part (mainly the downloading part) I just don’t understand. Along with that, the Arduino lingo is a bit confusing too.

So…I decided to just write out the code (on both ends) of how I *think* it would work. I do understand what is going on. And I do wish I could make use of the understanding- because this section was kind of the culmination of the everything we learned this semester. For the time being, what I have figured out here will do.

Basically, I took my final maze game and replaced the keyPressed function (“q” as the restart button) and replaced it with a force sensor. Pressing the force sensor would clear the map of the “YOU LOSE” message.

Here is the code from both sides:

Processing:

import processing.serial.*;
Serial myPort;
int force;

PImage  starthere;
PImage finishhere;
PImage title;
PImage rules;
PImage youlose;
PImage youlose27;
PImage youwin;
PImage pressq;

PImage almostthere;
PImage youcandoit;
PImage greatstart;
PImage keepitup;
PImage woo;

PImage greatstartcover;
PImage youcandoitcover;
PImage keepitupcover;
PImage woocover;
PImage almosttherecover;

int gap = 20;

void setup() {
  size (800, 400);
  background (204, 204, 204);
  printArray(Serial.list());
  String portName = Serial.list()[0];
  myPort = new Serial(this, portName, 9600);
  myPort.readStringUntil('\n');
  starthere = loadImage("starhere.png");
  finishhere = loadImage("finishhere.png");
  title = loadImage("cursorcraze.png");
  rules = loadImage("mazerules2.0.png");
  youlose = loadImage("youlose2.png");
  youlose27 = loadImage("youlose27.png");
  youwin = loadImage("youwin.png");
  pressq = loadImage("pressQ.png");
  almostthere = loadImage("almostthere.png");
  youcandoit = loadImage("youcandoit.png");
  greatstart = loadImage("greatstart.png");
  keepitup = loadImage("keepitup.png");
  woo = loadImage("woo.png");
  greatstartcover = loadImage("greatstartcover.png");
  youcandoitcover= loadImage("youcandoitcover.png");
  keepitupcover = loadImage("keepitupcover.png");
  woocover = loadImage("woocover.png");
  almosttherecover = loadImage("almosttherecover.png");

  stroke (0);
  fill (0);
  //top and bottom
  //1
  rect (0, 0, gap, 160); 
  rect (0, 200, gap, 200); 
  //2
  rect (20, 0, gap, 160); 
  rect (20, 200, gap, 220); 
  //3
  rect (40, 0, gap, 140); 
  rect (40, 180, gap, 240); 
  //4
  rect (60, 0, gap, 120); 
  rect (60, 160, gap, 260); 
  //5
  rect (80, 0, gap, 100); 
  rect (80, 140, gap, 280); 
  //6
  rect (100, 0, gap, 100); 
  rect (100, 140, gap, 280); 
  //7
  rect (120, 0, gap, 120); 
  rect (120, 160, gap, 260); 
  //8
  rect (140, 0, gap, 140); 
  rect (140, 180, gap, 280); 
  //9
  rect (160, 0, gap, 160); 
  rect (160, 200, gap, 200); 
  //10
  rect (180, 0, gap, 180); 
  rect (180, 220, gap, 200); 
  //11
  rect (200, 0, gap, 200); 
  rect (200, 240, gap, 200); 
  //12
  rect (220, 0, gap, 220); 
  rect (220, 260, gap, 200);
  //13
  rect (240, 0, gap, 240); 
  rect (240, 280, gap, 200); 
  //14
  rect (260, 0, gap, 260); 
  rect (260, 300, gap, 200);
  //15
  rect (280, 0, gap, 280); 
  rect (280, 320, gap, 200); 
  //16
  rect (300, 0, gap, 300);
  rect (300, 340, gap, 200); 
  //17
  rect (320, 0, gap, 320); 
  rect (320, 360, gap, 200);
  //18
  rect (340, 0, gap, 320);
  rect (340, 360, gap, 200); 
  //19
  rect (360, 0, gap, 300);
  rect (360, 340, gap, 200);
  //20
  rect (380, 0, gap, 280);
  rect (380, 320, gap, 200); 
  //21
  rect (400, 0, gap, 260);
  rect (400, 300, gap, 200); 
  //22 
  rect (420, 0, gap, 240); 
  rect (420, 280, gap, 200);
  //23
  rect (440, 0, gap, 220); 
  rect (440, 260, gap, 200); 
  //24
  rect (460, 0, gap, 220); 
  rect (460, 260, gap, 200);
  //25
  rect (480, 0, gap, 240);
  rect (480, 280, gap, 200); 
  //26
  rect (500, 0, gap, 260);
  rect (500, 300, gap, 200); 
  //27
  rect (520, 0, gap, 280);
  rect (520, 320, gap, 200); 
  //28
  rect (540, 0, gap, 280);
  rect (540, 320, gap, 200);  
  //29
  rect (560, 0, gap, 260);
  rect (560, 300, gap, 200); 
  //30 
  rect (580, 0, gap, 240); 
  rect (580, 280, gap, 200); 
  //31
  rect (600, 0, gap, 220); 
  rect (600, 260, gap, 200); 
  //32
  rect (620, 0, gap, 200);
  rect (620, 240, gap, 220); 
  //33
  rect (640, 0, gap, 180);
  rect (640, 220, gap, 240); 
  //34
  rect (660, 0, gap, 160); 
  rect (660, 200, gap, 260);
  //35
  rect (680, 0, gap, 140);
  rect (680, 180, gap, 280); 
  //36
  rect (700, 0, gap, 120);
  rect (700, 160, gap, 300); 
  //37
  rect (720, 0, gap, 120);
  rect (720, 160, gap, 320);  
  //38
  rect (740, 0, gap, 140); 
  rect (740, 180, gap, 300);
  //39
  rect (760, 0, gap, 160);
  rect (760, 200, gap, 320); 
  //40
  rect (780, 0, gap, 160); 
  rect (780, 200, gap, 320); 

  image(starthere, 0, 200);
  image(finishhere, 700, 200);
  image(title, 210, 0);
  image(rules, 220, 70);
  image(pressq, 680, 5);
}

void draw() {

  if ((mouseX > 0 && mouseX < 20) && (mouseY < 160  || mouseY > 200)) {
    background (youlose);
  }

  else if ((mouseX > 20 && mouseX < 40 ) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }

  else if ((mouseX > 40 && mouseX < 60) && (mouseY < 140 || mouseY > 180)) {
    background (youlose);
  }

  else if ((mouseX > 60 && mouseX < 80) && (mouseY < 120 || mouseY > 160)) {
    background (youlose);
  }

  else if ((mouseX > 80 && mouseX < 100) && (mouseY < 100 || mouseY > 140)) {
    background (youlose);
  }

  else if ((mouseX > 80 && mouseX < 100) && (mouseY > 100 || mouseY < 140)) { 
    image(greatstart, 50, 75);
  }

  else if ((mouseX > 100 && mouseX < 120) && (mouseY < 100 || mouseY > 140)) {
    background (youlose);
  }

  else if ((mouseX > 120 && mouseX < 140) && (mouseY < 120 || mouseY > 160)) {
    background (youlose);
  }

  else if ((mouseX > 120 && mouseX < 140) && (mouseY > 120 || mouseY < 160)) {
    image (greatstartcover, 50, 75);
  }

  else if ((mouseX > 140 && mouseX < 160) && (mouseY < 140 || mouseY > 180)) {
    background (youlose);
  }

  else if ((mouseX > 160 && mouseX < 180) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }
  //10
  else if ((mouseX > 180 && mouseX < 200) && (mouseY < 180 || mouseY > 220)) {
    background (youlose);
  }

  else if ((mouseX > 200 && mouseX < 220) && (mouseY < 200 || mouseY > 240)) {
    background (youlose);
  }

  else if ((mouseX > 220 && mouseX < 240) && (mouseY < 220 || mouseY > 260)) {
    background (youlose);
  }

  else if ((mouseX > 240 && mouseX < 260) && (mouseY < 240 || mouseY > 280)) {
    background (youlose);
  }

  else if ((mouseX > 260 && mouseX < 280) && (mouseY < 260 || mouseY > 300)) {
    background (youlose);
  }

  else if ((mouseX > 280 && mouseX < 300) && (mouseY < 280 || mouseY > 320)) {
    background (youlose);
  }

  else if ((mouseX > 300 && mouseX < 320) && (mouseY < 300 || mouseY > 340)) {
    background (youlose);
  }

  else if ((mouseX > 320 && mouseX < 340) && (mouseY < 320 || mouseY > 360)) {
    background (youlose);
  }

  else if ((mouseX > 320 && mouseX < 340) && (mouseY > 320 || mouseY < 360)) {
    image(youcandoit, 310, 360) ;
  }

  else if ((mouseX > 340 && mouseX < 360) && (mouseY < 320 || mouseY > 360)) {
    background (youlose);
  }

  else if ((mouseX > 360 && mouseX < 380) && (mouseY < 300 || mouseY > 340)) {
    background (youlose);
  }

  else if ((mouseX > 360 && mouseX < 380) && (mouseY > 300 || mouseY < 340)) {
    image (youcandoitcover, 310, 360);
  }

  //20
  else if ((mouseX > 380 && mouseX < 400) && (mouseY < 280 || mouseY > 320)) {
    background (youlose);
  }

  else if ((mouseX > 400 && mouseX < 420) && (mouseY < 260 || mouseY > 300)) {
    background (youlose);
  }

  else if ((mouseX > 420 && mouseX < 440) && (mouseY < 240 || mouseY > 280)) {
    background (youlose);
  }

  else if ((mouseX > 440 && mouseX < 460) && (mouseY < 220 || mouseY > 260)) {
    background (youlose);
  }

  else if ((mouseX > 440 && mouseX < 460) && (mouseY > 220 || mouseY < 260)) {
    image (keepitup, 430, 180);
  }

  else if ((mouseX > 460 && mouseX < 480) && (mouseY < 220 || mouseY > 260)) {
    background (youlose);
  }

  else if ((mouseX > 480 && mouseX < 500) && (mouseY < 240 || mouseY > 280)) {
    background (youlose);
  }

  else if ((mouseX > 480 && mouseX < 500) && (mouseY > 240 || mouseY < 280)) {
    image (keepitupcover, 430, 180);
  }

  else if ((mouseX > 500 && mouseX < 520) && (mouseY < 260 || mouseY > 300)) {
    background (youlose);
  }
  //27
  else if ((mouseX > 520 && mouseX < 540) && (mouseY < 280 || mouseY > 320)) {
    background (youlose27);
  }

  else if ((mouseX > 520 && mouseX < 540) && (mouseY > 280 || mouseY < 320)) {
    image (woo, 520, 320);
  }

  else if ((mouseX > 540 && mouseX < 560) && (mouseY < 280 || mouseY > 320)) {
    background (youlose);
  }

  else if ((mouseX > 560 && mouseX < 580) && (mouseY < 260 || mouseY > 300)) {
    background (youlose);
  }

  else if ((mouseX > 560 && mouseX < 580) && (mouseY > 260 || mouseY < 300)) {
    image (woocover, 520, 320);
  }

  //30
  else if ((mouseX > 580 && mouseX < 600) && (mouseY < 240 || mouseY > 280)) {
    background (youlose);
  }

  else if ((mouseX > 600 && mouseX < 620) && (mouseY < 220 || mouseY > 260)) {
    background (youlose);
  }

  else if ((mouseX > 640 && mouseX < 660) && (mouseY < 180 || mouseY > 220)) {
    background (youlose);
  }

  else if ((mouseX > 660 && mouseX < 680) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }

  else if ((mouseX > 680 && mouseX < 700) && (mouseY < 140 || mouseY > 180)) {
    background (youlose);
  }

  else if ((mouseX > 700 && mouseX < 720) && (mouseY < 120 || mouseY > 160)) {
    background (youlose);
  }

  else if ((mouseX > 700 && mouseX < 720) && (mouseY > 120 || mouseY < 160)) {
    image(almostthere, 690, 85);
  }

  else if ((mouseX > 720 && mouseX < 740) && (mouseY < 120 || mouseY > 160)) {
    background (youlose);
  }

  else if ((mouseX > 740 && mouseX < 760) && (mouseY < 140 || mouseY > 180)) {
    background (youlose);
  }

  else if ((mouseX > 740 && mouseX < 760) && (mouseY > 140 || mouseY < 180)) {
    image (almosttherecover, 690, 85);
  }

  //final 2 boxes
  else if ((mouseX > 760 && mouseX < 780) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }
  //40
  else if ((mouseX > 780 && mouseX < 800) && (mouseY < 160 || mouseY > 200)) {
    background (youlose);
  }

  else if ((mouseX > 760 && mouseX < 780) && (mouseY > 160 || mouseY < 200)) {
    background (youwin);
  }

  else if ((mouseX > 780 && mouseX < 800) && (mouseY > 160 || mouseY < 200)) {
    background (youwin);
  }

  if (force>0){
      background (204, 204, 204);
      stroke (0);
      fill (0);
      //top and bottom
      //1
      rect (0, 0, gap, 160); 
      rect (0, 200, gap, 200); 
      //2
      rect (20, 0, gap, 160); 
      rect (20, 200, gap, 220); 
      //3
      rect (40, 0, gap, 140); 
      rect (40, 180, gap, 240); 
      //4
      rect (60, 0, gap, 120); 
      rect (60, 160, gap, 260); 
      //5
      rect (80, 0, gap, 100); 
      rect (80, 140, gap, 280); 
      //6
      rect (100, 0, gap, 100); 
      rect (100, 140, gap, 280); 
      //7
      rect (120, 0, gap, 120); 
      rect (120, 160, gap, 260); 
      //8
      rect (140, 0, gap, 140); 
      rect (140, 180, gap, 280); 
      //9
      rect (160, 0, gap, 160); 
      rect (160, 200, gap, 200); 
      //10
      rect (180, 0, gap, 180); 
      rect (180, 220, gap, 200); 
      //11
      rect (200, 0, gap, 200); 
      rect (200, 240, gap, 200); 
      //12
      rect (220, 0, gap, 220); 
      rect (220, 260, gap, 200);
      //13
      rect (240, 0, gap, 240); 
      rect (240, 280, gap, 200); 
      //14
      rect (260, 0, gap, 260); 
      rect (260, 300, gap, 200);
      //15
      rect (280, 0, gap, 280); 
      rect (280, 320, gap, 200); 
      //16
      rect (300, 0, gap, 300);
      rect (300, 340, gap, 200); 
      //17
      rect (320, 0, gap, 320); 
      rect (320, 360, gap, 200);
      //18
      rect (340, 0, gap, 320);
      rect (340, 360, gap, 200); 
      //19
      rect (360, 0, gap, 300);
      rect (360, 340, gap, 200);
      //20
      rect (380, 0, gap, 280);
      rect (380, 320, gap, 200); 
      //21
      rect (400, 0, gap, 260);
      rect (400, 300, gap, 200); 
      //22 
      rect (420, 0, gap, 240); 
      rect (420, 280, gap, 200);
      //23
      rect (440, 0, gap, 220); 
      rect (440, 260, gap, 200); 
      //24
      rect (460, 0, gap, 220); 
      rect (460, 260, gap, 200);
      //25
      rect (480, 0, gap, 240);
      rect (480, 280, gap, 200); 
      //26
      rect (500, 0, gap, 260);
      rect (500, 300, gap, 200); 
      //27
      rect (520, 0, gap, 280);
      rect (520, 320, gap, 200); 
      //28
      rect (540, 0, gap, 280);
      rect (540, 320, gap, 200);  
      //29
      rect (560, 0, gap, 260);
      rect (560, 300, gap, 200); 
      //30 
      rect (580, 0, gap, 240); 
      rect (580, 280, gap, 200); 
      //31
      rect (600, 0, gap, 220); 
      rect (600, 260, gap, 200); 
      //32
      rect (620, 0, gap, 200);
      rect (620, 240, gap, 220); 
      //33
      rect (640, 0, gap, 180);
      rect (640, 220, gap, 240); 
      //34
      rect (660, 0, gap, 160); 
      rect (660, 200, gap, 260);
      //35
      rect (680, 0, gap, 140);
      rect (680, 180, gap, 280); 
      //36
      rect (700, 0, gap, 120);
      rect (700, 160, gap, 300); 
      //37
      rect (720, 0, gap, 120);
      rect (720, 160, gap, 320);  
      //38
      rect (740, 0, gap, 140); 
      rect (740, 180, gap, 300);
      //39
      rect (760, 0, gap, 160);
      rect (760, 200, gap, 320); 
      //40
      rect (780, 0, gap, 160); 
      rect (780, 200, gap, 320); 

      image(starthere, 0, 200);
      image(finishhere, 700, 200);
      image(title, 210, 0);
      image(rules, 220, 70);
      image(pressq, 680, 5);
    }

}

void serialEvent(Serial _port) { 
  if (myPort == null)return;
  String input = myPort.readStringUntil('\n');
  if (input != null) {  
    input = input.trim();  
    force = int(input);  
  } 
}

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

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

495

496

497

498

499

500

501

502

503

504

505

506

507

508

509

510

511

512

513

514

515

516

517

518

519

520

521

522

523

524

525

526

527

528

529

530

531

532

533

534

535

536

import processing.serial.*;

Serial myPort;

int force;

PImage starthere;

PImage finishhere;

PImage title;

PImage rules;

PImage youlose;

PImage youlose27;

PImage youwin;

PImage pressq;

PImage almostthere;

PImage youcandoit;

PImage greatstart;

PImage keepitup;

PImage woo;

PImage greatstartcover;

PImage youcandoitcover;

PImage keepitupcover;

PImage woocover;

PImage almosttherecover;

int gap = 20;

void setup() {

size (800, 400);

background (204, 204, 204);

printArray(Serial.list());

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

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

myPort.readStringUntil('\n');

starthere = loadImage("starhere.png");

finishhere = loadImage("finishhere.png");

title = loadImage("cursorcraze.png");

rules = loadImage("mazerules2.0.png");

youlose = loadImage("youlose2.png");

youlose27 = loadImage("youlose27.png");

youwin = loadImage("youwin.png");

pressq = loadImage("pressQ.png");

almostthere = loadImage("almostthere.png");

youcandoit = loadImage("youcandoit.png");

greatstart = loadImage("greatstart.png");

keepitup = loadImage("keepitup.png");

woo = loadImage("woo.png");

greatstartcover = loadImage("greatstartcover.png");

youcandoitcover= loadImage("youcandoitcover.png");

keepitupcover = loadImage("keepitupcover.png");

woocover = loadImage("woocover.png");

almosttherecover = loadImage("almosttherecover.png");

stroke (0);

fill (0);

//top and bottom

//1

rect (0, 0, gap, 160);

rect (0, 200, gap, 200);

//2

rect (20, 0, gap, 160);

rect (20, 200, gap, 220);

//3

rect (40, 0, gap, 140);

rect (40, 180, gap, 240);

//4

rect (60, 0, gap, 120);

rect (60, 160, gap, 260);

//5

rect (80, 0, gap, 100);

rect (80, 140, gap, 280);

//6

rect (100, 0, gap, 100);

rect (100, 140, gap, 280);

//7

rect (120, 0, gap, 120);

rect (120, 160, gap, 260);

//8

rect (140, 0, gap, 140);

rect (140, 180, gap, 280);

//9

rect (160, 0, gap, 160);

rect (160, 200, gap, 200);

//10

rect (180, 0, gap, 180);

rect (180, 220, gap, 200);

//11

rect (200, 0, gap, 200);

rect (200, 240, gap, 200);

//12

rect (220, 0, gap, 220);

rect (220, 260, gap, 200);

//13

rect (240, 0, gap, 240);

rect (240, 280, gap, 200);

//14

rect (260, 0, gap, 260);

rect (260, 300, gap, 200);

//15

rect (280, 0, gap, 280);

rect (280, 320, gap, 200);

//16

rect (300, 0, gap, 300);

rect (300, 340, gap, 200);

//17

rect (320, 0, gap, 320);

rect (320, 360, gap, 200);

//18

rect (340, 0, gap, 320);

rect (340, 360, gap, 200);

//19

rect (360, 0, gap, 300);

rect (360, 340, gap, 200);

//20

rect (380, 0, gap, 280);

rect (380, 320, gap, 200);

//21

rect (400, 0, gap, 260);

rect (400, 300, gap, 200);

//22

rect (420, 0, gap, 240);

rect (420, 280, gap, 200);

//23

rect (440, 0, gap, 220);

rect (440, 260, gap, 200);

//24

rect (460, 0, gap, 220);

rect (460, 260, gap, 200);

//25

rect (480, 0, gap, 240);

rect (480, 280, gap, 200);

//26

rect (500, 0, gap, 260);

rect (500, 300, gap, 200);

//27

rect (520, 0, gap, 280);

rect (520, 320, gap, 200);

//28

rect (540, 0, gap, 280);

rect (540, 320, gap, 200);

//29

rect (560, 0, gap, 260);

rect (560, 300, gap, 200);

//30

rect (580, 0, gap, 240);

rect (580, 280, gap, 200);

//31

rect (600, 0, gap, 220);

rect (600, 260, gap, 200);

//32

rect (620, 0, gap, 200);

rect (620, 240, gap, 220);

//33

rect (640, 0, gap, 180);

rect (640, 220, gap, 240);

//34

rect (660, 0, gap, 160);

rect (660, 200, gap, 260);

//35

rect (680, 0, gap, 140);

rect (680, 180, gap, 280);

//36

rect (700, 0, gap, 120);

rect (700, 160, gap, 300);

//37

rect (720, 0, gap, 120);

rect (720, 160, gap, 320);

//38

rect (740, 0, gap, 140);

rect (740, 180, gap, 300);

//39

rect (760, 0, gap, 160);

rect (760, 200, gap, 320);

//40

rect (780, 0, gap, 160);

rect (780, 200, gap, 320);

image(starthere, 0, 200);

image(finishhere, 700, 200);

image(title, 210, 0);

image(rules, 220, 70);

image(pressq, 680, 5);

}

void draw() {

if ((mouseX > 0 && mouseX < 20) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

else if ((mouseX > 20 && mouseX < 40 ) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

else if ((mouseX > 40 && mouseX < 60) && (mouseY < 140 || mouseY > 180)) {

background (youlose);

}

else if ((mouseX > 60 && mouseX < 80) && (mouseY < 120 || mouseY > 160)) {

background (youlose);

}

else if ((mouseX > 80 && mouseX < 100) && (mouseY < 100 || mouseY > 140)) {

background (youlose);

}

else if ((mouseX > 80 && mouseX < 100) && (mouseY > 100 || mouseY < 140)) {

image(greatstart, 50, 75);

}

else if ((mouseX > 100 && mouseX < 120) && (mouseY < 100 || mouseY > 140)) {

background (youlose);

}

else if ((mouseX > 120 && mouseX < 140) && (mouseY < 120 || mouseY > 160)) {

background (youlose);

}

else if ((mouseX > 120 && mouseX < 140) && (mouseY > 120 || mouseY < 160)) {

image (greatstartcover, 50, 75);

}

else if ((mouseX > 140 && mouseX < 160) && (mouseY < 140 || mouseY > 180)) {

background (youlose);

}

else if ((mouseX > 160 && mouseX < 180) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

//10

else if ((mouseX > 180 && mouseX < 200) && (mouseY < 180 || mouseY > 220)) {

background (youlose);

}

else if ((mouseX > 200 && mouseX < 220) && (mouseY < 200 || mouseY > 240)) {

background (youlose);

}

else if ((mouseX > 220 && mouseX < 240) && (mouseY < 220 || mouseY > 260)) {

background (youlose);

}

else if ((mouseX > 240 && mouseX < 260) && (mouseY < 240 || mouseY > 280)) {

background (youlose);

}

else if ((mouseX > 260 && mouseX < 280) && (mouseY < 260 || mouseY > 300)) {

background (youlose);

}

else if ((mouseX > 280 && mouseX < 300) && (mouseY < 280 || mouseY > 320)) {

background (youlose);

}

else if ((mouseX > 300 && mouseX < 320) && (mouseY < 300 || mouseY > 340)) {

background (youlose);

}

else if ((mouseX > 320 && mouseX < 340) && (mouseY < 320 || mouseY > 360)) {

background (youlose);

}

else if ((mouseX > 320 && mouseX < 340) && (mouseY > 320 || mouseY < 360)) {

image(youcandoit, 310, 360) ;

}

else if ((mouseX > 340 && mouseX < 360) && (mouseY < 320 || mouseY > 360)) {

background (youlose);

}

else if ((mouseX > 360 && mouseX < 380) && (mouseY < 300 || mouseY > 340)) {

background (youlose);

}

else if ((mouseX > 360 && mouseX < 380) && (mouseY > 300 || mouseY < 340)) {

image (youcandoitcover, 310, 360);

}

//20

else if ((mouseX > 380 && mouseX < 400) && (mouseY < 280 || mouseY > 320)) {

background (youlose);

}

else if ((mouseX > 400 && mouseX < 420) && (mouseY < 260 || mouseY > 300)) {

background (youlose);

}

else if ((mouseX > 420 && mouseX < 440) && (mouseY < 240 || mouseY > 280)) {

background (youlose);

}

else if ((mouseX > 440 && mouseX < 460) && (mouseY < 220 || mouseY > 260)) {

background (youlose);

}

else if ((mouseX > 440 && mouseX < 460) && (mouseY > 220 || mouseY < 260)) {

image (keepitup, 430, 180);

}

else if ((mouseX > 460 && mouseX < 480) && (mouseY < 220 || mouseY > 260)) {

background (youlose);

}

else if ((mouseX > 480 && mouseX < 500) && (mouseY < 240 || mouseY > 280)) {

background (youlose);

}

else if ((mouseX > 480 && mouseX < 500) && (mouseY > 240 || mouseY < 280)) {

image (keepitupcover, 430, 180);

}

else if ((mouseX > 500 && mouseX < 520) && (mouseY < 260 || mouseY > 300)) {

background (youlose);

}

//27

else if ((mouseX > 520 && mouseX < 540) && (mouseY < 280 || mouseY > 320)) {

background (youlose27);

}

else if ((mouseX > 520 && mouseX < 540) && (mouseY > 280 || mouseY < 320)) {

image (woo, 520, 320);

}

else if ((mouseX > 540 && mouseX < 560) && (mouseY < 280 || mouseY > 320)) {

background (youlose);

}

else if ((mouseX > 560 && mouseX < 580) && (mouseY < 260 || mouseY > 300)) {

background (youlose);

}

else if ((mouseX > 560 && mouseX < 580) && (mouseY > 260 || mouseY < 300)) {

image (woocover, 520, 320);

}

//30

else if ((mouseX > 580 && mouseX < 600) && (mouseY < 240 || mouseY > 280)) {

background (youlose);

}

else if ((mouseX > 600 && mouseX < 620) && (mouseY < 220 || mouseY > 260)) {

background (youlose);

}

else if ((mouseX > 640 && mouseX < 660) && (mouseY < 180 || mouseY > 220)) {

background (youlose);

}

else if ((mouseX > 660 && mouseX < 680) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

else if ((mouseX > 680 && mouseX < 700) && (mouseY < 140 || mouseY > 180)) {

background (youlose);

}

else if ((mouseX > 700 && mouseX < 720) && (mouseY < 120 || mouseY > 160)) {

background (youlose);

}

else if ((mouseX > 700 && mouseX < 720) && (mouseY > 120 || mouseY < 160)) {

image(almostthere, 690, 85);

}

else if ((mouseX > 720 && mouseX < 740) && (mouseY < 120 || mouseY > 160)) {

background (youlose);

}

else if ((mouseX > 740 && mouseX < 760) && (mouseY < 140 || mouseY > 180)) {

background (youlose);

}

else if ((mouseX > 740 && mouseX < 760) && (mouseY > 140 || mouseY < 180)) {

image (almosttherecover, 690, 85);

}

//final 2 boxes

else if ((mouseX > 760 && mouseX < 780) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

//40

else if ((mouseX > 780 && mouseX < 800) && (mouseY < 160 || mouseY > 200)) {

background (youlose);

}

else if ((mouseX > 760 && mouseX < 780) && (mouseY > 160 || mouseY < 200)) {

background (youwin);

}

else if ((mouseX > 780 && mouseX < 800) && (mouseY > 160 || mouseY < 200)) {

background (youwin);

}

if (force>0){

background (204, 204, 204);

stroke (0);

fill (0);

//top and bottom

//1

rect (0, 0, gap, 160);

rect (0, 200, gap, 200);

//2

rect (20, 0, gap, 160);

rect (20, 200, gap, 220);

//3

rect (40, 0, gap, 140);

rect (40, 180, gap, 240);

//4

rect (60, 0, gap, 120);

rect (60, 160, gap, 260);

//5

rect (80, 0, gap, 100);

rect (80, 140, gap, 280);

//6

rect (100, 0, gap, 100);

rect (100, 140, gap, 280);

//7

rect (120, 0, gap, 120);

rect (120, 160, gap, 260);

//8

rect (140, 0, gap, 140);

rect (140, 180, gap, 280);

//9

rect (160, 0, gap, 160);

rect (160, 200, gap, 200);

//10

rect (180, 0, gap, 180);

rect (180, 220, gap, 200);

//11

rect (200, 0, gap, 200);

rect (200, 240, gap, 200);

//12

rect (220, 0, gap, 220);

rect (220, 260, gap, 200);

//13

rect (240, 0, gap, 240);

rect (240, 280, gap, 200);

//14

rect (260, 0, gap, 260);

rect (260, 300, gap, 200);

//15

rect (280, 0, gap, 280);

rect (280, 320, gap, 200);

//16

rect (300, 0, gap, 300);

rect (300, 340, gap, 200);

//17

rect (320, 0, gap, 320);

rect (320, 360, gap, 200);

//18

rect (340, 0, gap, 320);

rect (340, 360, gap, 200);

//19

rect (360, 0, gap, 300);

rect (360, 340, gap, 200);

//20

rect (380, 0, gap, 280);

rect (380, 320, gap, 200);

//21

rect (400, 0, gap, 260);

rect (400, 300, gap, 200);

//22

rect (420, 0, gap, 240);

rect (420, 280, gap, 200);

//23

rect (440, 0, gap, 220);

rect (440, 260, gap, 200);

//24

rect (460, 0, gap, 220);

rect (460, 260, gap, 200);

//25

rect (480, 0, gap, 240);

rect (480, 280, gap, 200);

//26

rect (500, 0, gap, 260);

rect (500, 300, gap, 200);

//27

rect (520, 0, gap, 280);

rect (520, 320, gap, 200);

//28

rect (540, 0, gap, 280);

rect (540, 320, gap, 200);

//29

rect (560, 0, gap, 260);

rect (560, 300, gap, 200);

//30

rect (580, 0, gap, 240);

rect (580, 280, gap, 200);

//31

rect (600, 0, gap, 220);

rect (600, 260, gap, 200);

//32

rect (620, 0, gap, 200);

rect (620, 240, gap, 220);

//33

rect (640, 0, gap, 180);

rect (640, 220, gap, 240);

//34

rect (660, 0, gap, 160);

rect (660, 200, gap, 260);

//35

rect (680, 0, gap, 140);

rect (680, 180, gap, 280);

//36

rect (700, 0, gap, 120);

rect (700, 160, gap, 300);

//37

rect (720, 0, gap, 120);

rect (720, 160, gap, 320);

//38

rect (740, 0, gap, 140);

rect (740, 180, gap, 300);

//39

rect (760, 0, gap, 160);

rect (760, 200, gap, 320);

//40

rect (780, 0, gap, 160);

rect (780, 200, gap, 320);

image(starthere, 0, 200);

image(finishhere, 700, 200);

image(title, 210, 0);

image(rules, 220, 70);

image(pressq, 680, 5);

}

void serialEvent(Serial _port) {

if (myPort == null)return;

String input = myPort.readStringUntil('\n');

if (input != null) {

input = input.trim();

force = int(input);

}

and Arduino:

//copied from class notes
void setup(){
  Serial.begin(9600);
}

void loop(){
  int input = analogRead(0);
  Serial.print(input);  //notice I did not say println
  Serial.print('\n');  //instead I more explcitly send the linefeed character
}

//copied from class notes

void setup(){

Serial.begin(9600);

}

void loop(){

int input = analogRead(0);

Serial.print(input); //notice I did not say println

Serial.print('\n'); //instead I more explcitly send the linefeed character

}

I wish somehow that I could control the cursor with the force sensor- though first I’ll just have to figure out how exactly to fully connect the two.

too much travolta for one brain to handle…

March 24, 2014Many ThingsHenry

So I have turned my travolta ball into an object and created an array list to organize various objects. However, for some reason I’m having trouble having to so a new ball is created with each click. For some reason, it either creates 2 or 3 new balls- but never more than four. Sadly, I’m not going to be in class today but I will keep tinkering away. I’m probably getting close to breaking the world record of longest stare-off with John Travolta’s face- so, if someone has any ideas I would gladly appreciate them.

This is how far I’ve gotten…

And this is my code:

Travoltaball[] travoltaballs = new Travoltaball[1000];
PImage travoltaBackground;
PImage travoltaPic;

int total = 0;

void setup() {
  size(1100, 688);
  travoltaBackground =  loadImage("travoltabackground.jpg");
  travoltaPic = loadImage("travoltaball.png");
  for (int i = 0; i < travoltaballs.length; i++) {
    travoltaballs[i] = new Travoltaball();
  }
}

void mousePressed() {
  total = total + 1; 
  for (int i = 0; i < total; i++) {
    travoltaballs[i].ballAppear();
  }
}

void draw () {
  background(travoltaBackground);
  for (int i = 0; i < total; i++) {
    travoltaballs[i].displaytravolta(); 
    travoltaballs[i].moveball();
    travoltaballs[i].checkedges();
  }
}

class Travoltaball {

  float size = 60;
  float posX = 60; 
  float posY = 100;
  float speedX = 10; 
  float speedY = 10;

  void displaytravolta() {
    image(travoltaPic, posX-20, posY-20);
  }

  void ballAppear() {
    posX = mouseX;
    posY = mouseY;
    speedX = speedX * -1;
    speedY = speedY * -1;
  }

  void moveball() {
    posX = posX + speedX; 
    posY = posY + speedY;
  }

  void checkedges() {
    if (posX > width ||posX < 0) {
      speedX = speedX * -1;
    }
    if (posY > height ||posY < 0) {
      speedY = speedY * -1;
    }
  }
}

Travoltaball[] travoltaballs = new Travoltaball[1000];

PImage travoltaBackground;

PImage travoltaPic;

int total = 0;

void setup() {

size(1100, 688);

travoltaBackground = loadImage("travoltabackground.jpg");

travoltaPic = loadImage("travoltaball.png");

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

travoltaballs[i] = new Travoltaball();

}

void mousePressed() {

total = total + 1;

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

travoltaballs[i].ballAppear();

}

void draw () {

background(travoltaBackground);

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

travoltaballs[i].displaytravolta();

travoltaballs[i].moveball();

travoltaballs[i].checkedges();

}

class Travoltaball {

float size = 60;

float posX = 60;

float posY = 100;

float speedX = 10;

float speedY = 10;

void displaytravolta() {

image(travoltaPic, posX-20, posY-20);

}

void ballAppear() {

posX = mouseX;

posY = mouseY;

speedX = speedX * -1;

speedY = speedY * -1;

}

void moveball() {

posX = posX + speedX;

posY = posY + speedY;

}

void checkedges() {

if (posX > width ||posX < 0) {

speedX = speedX * -1;

}

if (posY > height ||posY < 0) {

speedY = speedY * -1;

}

Travolta Bounce

March 10, 2014OrganizedHenry

I decided to keep pushing forward with the Travolta Bounce. I cleaned up the code and added a few things ( a cool background and also the ability to click the Travolta ball into place.) What i really wanted to get was a new ball with every click…so I’ll continue to work on that.

Here it is in action.

PImage travolta;
PImage travoltabackground;

float size = 60;
float posX = 60; 
float posY = 100;
float speedX = 10; 
float speedY = 10;

void setup() {
  size(1100, 688);
  travolta = loadImage("travoltaball.png"); 
  travoltabackground =  loadImage("travoltabouncebackground.jpg");
}

void draw() {
  background(travoltabackground);   
  displaytravolta();
  moveball();
  checkedges();
}

void mousePressed() {
  posX = mouseX;
  posY = mouseY;
  speedX = speedX * -1;
  speedY = speedY * -1;
}

void displaytravolta() {
  image(travolta, posX-20, posY-20);
}

void moveball() {
  posX = posX + speedX; 
  posY = posY + speedY;
}

void checkedges() {
  if (posX > width ||posX < 0) {
    speedX = speedX * -1;
  }
  if (posY > height ||posY < 0) {
    speedY = speedY * -1;
  }
}

PImage travolta;

PImage travoltabackground;

float size = 60;

float posX = 60;

float posY = 100;

float speedX = 10;

float speedY = 10;

void setup() {

size(1100, 688);

travolta = loadImage("travoltaball.png");

travoltabackground = loadImage("travoltabouncebackground.jpg");

}

void draw() {

background(travoltabackground);

displaytravolta();

moveball();

checkedges();

}

void mousePressed() {

posX = mouseX;

posY = mouseY;

speedX = speedX * -1;

speedY = speedY * -1;

}

void displaytravolta() {

image(travolta, posX-20, posY-20);

}

void moveball() {

posX = posX + speedX;

posY = posY + speedY;

}

void checkedges() {

if (posX > width ||posX < 0) {

speedX = speedX * -1;

}

if (posY > height ||posY < 0) {

speedY = speedY * -1;

}

bouncing travolta

March 3, 2014AnimationHenry

Last night I was watching the Oscars and John Travolta (for some reason) presented the singer of the song for Frozen. Word on the street is that he butchered the singers name. Regardless, his appearance inspired me to create an animation. Here is the John Travolta bouncing ball. Pretty hypnotizing, huh?

http://youtu.be/YzVGbIYbdaQ

PImage travolta;

float siz = 30;
float posX = 60; 
float posY = 100;
float speedX = 6; 
float speedY = 6;

void setup(){
  size(600,400);
  travolta = loadImage("travoltaball.png"); 

}

void draw(){
  background(110);
  posX = posX + speedX; 
  posY = posY + speedY;

  if(posX > width ||posX < 0){
    speedX = speedX * -1;
  }
  if(posY > height ||posY < 0){
    speedY = speedY * -1;

  }

image(travolta, posX-40, posY-20);

}

PImage travolta;

float siz = 30;

float posX = 60;

float posY = 100;

float speedX = 6;

float speedY = 6;

void setup(){

size(600,400);

travolta = loadImage("travoltaball.png");

}

void draw(){

background(110);

posX = posX + speedX;

posY = posY + speedY;

if(posX > width ||posX < 0){

speedX = speedX * -1;

}

if(posY > height ||posY < 0){

speedY = speedY * -1;

}

image(travolta, posX-40, posY-20);

}

woOoOoOooo

February 24, 2014Paint By NumbersHenry

not sure what else to call it…

size(610,250);
background(112,128,144);

{
fill(225,228,225);
rect(100,50,20,200);
rect(90,45,20,200);
rect(80,40,20,200);
rect(70,35,20,200);
rect(60,30,20,200);
rect(50,25,20,200);
rect(40,20,20,200);
rect(30,15,20,200);
rect(20,10,20,200);
rect(10,5,20,200);
rect(0,0,20,200);
}

fill(225,228,225);
rect(0,50,20,200);
rect(10,45,20,200);
rect(20,40,20,200);
rect(30,35,20,200);
rect(40,30,20,200);
rect(50,25,20,200);
rect(60,20,20,200);
rect(70,15,20,200);
rect(80,10,20,200);
rect(90,5,20,200);
rect(100,0,20,200);

fill(225,228,225);
rect(200,50,20,200);
rect(190,45,20,200);
rect(180,40,20,200);
rect(170,35,20,200);
rect(160,30,20,200);
rect(150,25,20,200);
rect(140,20,20,200);
rect(130,15,20,200);
rect(120,10,20,200);
rect(110,5,20,200);
rect(100,0,20,200);

fill(225,228,225);
rect(100,50,20,200);
rect(110,45,20,200);
rect(120,40,20,200);
rect(130,35,20,200);
rect(140,30,20,200);
rect(150,25,20,200);
rect(160,20,20,200);
rect(170,15,20,200);
rect(180,10,20,200);
rect(190,5,20,200);
rect(200,0,20,200);

fill(225,228,225);
rect(300,50,20,200);
rect(290,45,20,200);
rect(280,40,20,200);
rect(270,35,20,200);
rect(260,30,20,200);
rect(250,25,20,200);
rect(240,20,20,200);
rect(230,15,20,200);
rect(220,10,20,200);
rect(210,5,20,200);
rect(200,0,20,200);

fill(225,228,225);
rect(200,50,20,200);
rect(210,45,20,200);
rect(220,40,20,200);
rect(230,35,20,200);
rect(240,30,20,200);
rect(250,25,20,200);
rect(260,20,20,200);
rect(270,15,20,200);
rect(280,10,20,200);
rect(290,5,20,200);
rect(300,0,20,200);

fill(225,228,225);
rect(400,50,20,200);
rect(390,45,20,200);
rect(380,40,20,200);
rect(370,35,20,200);
rect(360,30,20,200);
rect(350,25,20,200);
rect(340,20,20,200);
rect(330,15,20,200);
rect(320,10,20,200);
rect(310,5,20,200);
rect(300,0,20,200);

fill(225,228,225);
rect(300,50,20,200);
rect(310,45,20,200);
rect(320,40,20,200);
rect(330,35,20,200);
rect(340,30,20,200);
rect(350,25,20,200);
rect(360,20,20,200);
rect(370,15,20,200);
rect(380,10,20,200);
rect(390,5,20,200);
rect(400,0,20,200);

fill(225,228,225);
rect(500,50,20,200);
rect(490,45,20,200);
rect(480,40,20,200);
rect(470,35,20,200);
rect(460,30,20,200);
rect(450,25,20,200);
rect(440,20,20,200);
rect(430,15,20,200);
rect(420,10,20,200);
rect(410,5,20,200);
rect(400,0,20,200);

fill(225,228,225);
rect(400,50,20,200);
rect(410,45,20,200);
rect(420,40,20,200);
rect(430,35,20,200);
rect(440,30,20,200);
rect(450,25,20,200);
rect(460,20,20,200);
rect(470,15,20,200);
rect(480,10,20,200);
rect(490,5,20,200);
rect(500,0,20,200);

fill(225,228,225);
rect(500,50,20,200);
rect(510,45,20,200);
rect(520,40,20,200);
rect(530,35,20,200);
rect(540,30,20,200);
rect(550,25,20,200);
rect(560,20,20,200);
rect(570,15,20,200);
rect(580,10,20,200);
rect(590,5,20,200);
rect(600,0,20,200);

fill(225,228,225);
rect(600,50,20,200);
rect(590,45,20,200);
rect(580,40,20,200);
rect(570,35,20,200);
rect(560,30,20,200);
rect(550,25,20,200);
rect(540,20,20,200);
rect(530,15,20,200);
rect(520,10,20,200);
rect(510,5,20,200);
rect(500,0,20,200);

fill(225,228,225);
rect(600,50,20,200);
rect(610,45,20,200);
rect(620,40,20,200);
rect(630,35,20,200);
rect(640,30,20,200);
rect(650,25,20,200);
rect(660,20,20,200);
rect(670,15,20,200);
rect(680,10,20,200);
rect(690,5,20,200);
rect(700,0,20,200);

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

size(610,250);

background(112,128,144);

{

fill(225,228,225);

rect(100,50,20,200);

rect(90,45,20,200);

rect(80,40,20,200);

rect(70,35,20,200);

rect(60,30,20,200);

rect(50,25,20,200);

rect(40,20,20,200);

rect(30,15,20,200);

rect(20,10,20,200);

rect(10,5,20,200);

rect(0,0,20,200);

}

fill(225,228,225);

rect(0,50,20,200);

rect(10,45,20,200);

rect(20,40,20,200);

rect(30,35,20,200);

rect(40,30,20,200);

rect(50,25,20,200);

rect(60,20,20,200);

rect(70,15,20,200);

rect(80,10,20,200);

rect(90,5,20,200);

rect(100,0,20,200);

fill(225,228,225);

rect(200,50,20,200);

rect(190,45,20,200);

rect(180,40,20,200);

rect(170,35,20,200);

rect(160,30,20,200);

rect(150,25,20,200);

rect(140,20,20,200);

rect(130,15,20,200);

rect(120,10,20,200);

rect(110,5,20,200);

rect(100,0,20,200);

fill(225,228,225);

rect(100,50,20,200);

rect(110,45,20,200);

rect(120,40,20,200);

rect(130,35,20,200);

rect(140,30,20,200);

rect(150,25,20,200);

rect(160,20,20,200);

rect(170,15,20,200);

rect(180,10,20,200);

rect(190,5,20,200);

rect(200,0,20,200);

fill(225,228,225);

rect(300,50,20,200);

rect(290,45,20,200);

rect(280,40,20,200);

rect(270,35,20,200);

rect(260,30,20,200);

rect(250,25,20,200);

rect(240,20,20,200);

rect(230,15,20,200);

rect(220,10,20,200);

rect(210,5,20,200);

rect(200,0,20,200);

fill(225,228,225);

rect(200,50,20,200);

rect(210,45,20,200);

rect(220,40,20,200);

rect(230,35,20,200);

rect(240,30,20,200);

rect(250,25,20,200);

rect(260,20,20,200);

rect(270,15,20,200);

rect(280,10,20,200);

rect(290,5,20,200);

rect(300,0,20,200);

fill(225,228,225);

rect(400,50,20,200);

rect(390,45,20,200);

rect(380,40,20,200);

rect(370,35,20,200);

rect(360,30,20,200);

rect(350,25,20,200);

rect(340,20,20,200);

rect(330,15,20,200);

rect(320,10,20,200);

rect(310,5,20,200);

rect(300,0,20,200);

fill(225,228,225);

rect(300,50,20,200);

rect(310,45,20,200);

rect(320,40,20,200);

rect(330,35,20,200);

rect(340,30,20,200);

rect(350,25,20,200);

rect(360,20,20,200);

rect(370,15,20,200);

rect(380,10,20,200);

rect(390,5,20,200);

rect(400,0,20,200);

fill(225,228,225);

rect(500,50,20,200);

rect(490,45,20,200);

rect(480,40,20,200);

rect(470,35,20,200);

rect(460,30,20,200);

rect(450,25,20,200);

rect(440,20,20,200);

rect(430,15,20,200);

rect(420,10,20,200);

rect(410,5,20,200);

rect(400,0,20,200);

fill(225,228,225);

rect(400,50,20,200);

rect(410,45,20,200);

rect(420,40,20,200);

rect(430,35,20,200);

rect(440,30,20,200);

rect(450,25,20,200);

rect(460,20,20,200);

rect(470,15,20,200);

rect(480,10,20,200);

rect(490,5,20,200);

rect(500,0,20,200);

fill(225,228,225);

rect(500,50,20,200);

rect(510,45,20,200);

rect(520,40,20,200);

rect(530,35,20,200);

rect(540,30,20,200);

rect(550,25,20,200);

rect(560,20,20,200);

rect(570,15,20,200);

rect(580,10,20,200);

rect(590,5,20,200);

rect(600,0,20,200);

fill(225,228,225);

rect(600,50,20,200);

rect(590,45,20,200);

rect(580,40,20,200);

rect(570,35,20,200);

rect(560,30,20,200);

rect(550,25,20,200);

rect(540,20,20,200);

rect(530,15,20,200);

rect(520,10,20,200);

rect(510,5,20,200);

rect(500,0,20,200);

fill(225,228,225);

rect(600,50,20,200);

rect(610,45,20,200);

rect(620,40,20,200);

rect(630,35,20,200);

rect(640,30,20,200);

rect(650,25,20,200);

rect(660,20,20,200);

rect(670,15,20,200);

rect(680,10,20,200);

rect(690,5,20,200);

rect(700,0,20,200);

A Shake of the Hand

February 24, 2014Stupid Pet TrickHenry

I kind of hate it when I meet someone and they give me an unnecessarily strong handshake, so my stupid pet trick deals with that pet peeve of mine. I attached a force sensor to the palm of my hand. When the handshake is too hard, a red light pops up. When it’s just right (or too soft) a green light pops up. Simple as that.

Here it is

int force;
int green = 8;
int red = 9;

void setup(){
  Serial.begin(9600);
  pinMode(red,OUTPUT);
  pinMode(green,OUTPUT); 
}

void loop(){

  force = analogRead(A1);
  Serial.println(force);
 if(force<300){
   digitalWrite(green,HIGH);}
 if(force>299){
   digitalWrite(red,HIGH);}
 if(force>300){
   digitalWrite(green,LOW);}
  if(force<299){
    digitalWrite(red,LOW);} 

}

int force;

int green = 8;

int red = 9;

void setup(){

Serial.begin(9600);

pinMode(red,OUTPUT);

pinMode(green,OUTPUT);

}

void loop(){

force = analogRead(A1);

Serial.println(force);

if(force<300){

digitalWrite(green,HIGH);}

if(force>299){

digitalWrite(red,HIGH);}

if(force>300){

digitalWrite(green,LOW);}

if(force<299){

digitalWrite(red,LOW);}

}

simple switch

February 10, 2014Mstr Atoms and BitsHenry

I decided to keep it simple and just create two switches that would each activate a separate LED. The first would activate the large blue light and the second would activate a set of three smaller, red lights.

Here is it in action: http://www.youtube.com/watch?v=WCdfZnBvoR

And here is the code:

void setup(){
pinMode(7,OUTPUT);
pinMode(8,INPUT);
pinMode(12,OUTPUT);
pinMode(13,INPUT);

}

void loop(){

if (digitalRead(8) == HIGH){
digitalWrite(7,HIGH);
delay(50);
digitalWrite(7,LOW);
delay(50);

}

if (digitalRead(13) == HIGH){
digitalWrite(12,HIGH);
delay(50);
digitalWrite(12,LOW);
delay(50);
}

}

void setup(){

pinMode(7,OUTPUT);

pinMode(8,INPUT);

pinMode(12,OUTPUT);

pinMode(13,INPUT);

}

void loop(){

if (digitalRead(8) == HIGH){

digitalWrite(7,HIGH);

delay(50);

digitalWrite(7,LOW);

delay(50);

}

if (digitalRead(13) == HIGH){

digitalWrite(12,HIGH);

delay(50);

digitalWrite(12,LOW);

delay(50);

}

Toilet Seat Switch

February 3, 2014The Rest Of YouHenry

For my switch I decided to use the toilet seat as a a button pusher. In order to do this, I needed about 6 feet of wire. The button was taped (heavily) to the top of the toilet seat and the wire ran from the toilet across the floor, outside to the hallway located on the other side of the bathroom door. When the toilet is in use and the seat is up, the blue light outside turns on!

Here it is:

The taped button on the top of the toilet seat.

The entire toilet with the wire running down to the left…

…all the way to the arduino set up in the hallway outside

IMG_2941

Toilet Seat Switch

And finally, the toilet seat switch in use!

The light is on- the toilet is in use!

I figured this switch would come in handy in instances in which someone was using the toilet and forgot to lock the door. I have two roommates, so this happens all the time. Ideally, I would have liked for the arduino/light to be stuck onto the wall next to the bathroom door but I figured that would be impractical (plus, I used up all the tape sticking the button to the toilet.) Maybe next time…

I found that the sensitivity of the button was kind of all over the place. This made it somewhat challenging to figure out a good spot to stick it on the toilet (hence why so much tape was used.) Sometimes the lightest touch would switch the light on- other times it took a force full push of the toilet seat. However, after a good amount of tinkering, I found the right spot!

ICM

Creative Computing

All posts by Henry

Media and All Things Computational

Cursor Craze

Big Data, Little Brain

zip_a_dee_do0_dah

Final Maze Game with some Arduino connection

too much travolta for one brain to handle…

Travolta Bounce

bouncing travolta

woOoOoOooo

A Shake of the Hand

simple switch

Toilet Seat Switch