agrison
diff --git a/‎visualizations/2022/day02.html‎
Lines changed: 21 additions & 0 deletions b/‎visualizations/2022/day02.html‎
Lines changed: 21 additions & 0 deletions
diff --git a/‎visualizations/2022/day02.js‎
Lines changed: 120 additions & 0 deletions b/‎visualizations/2022/day02.js‎
Lines changed: 120 additions & 0 deletions
diff --git a/‎visualizations/2022/paper.png‎
10.6 KB b/‎visualizations/2022/paper.png‎
10.6 KB
diff --git a/‎visualizations/2022/rock.png‎
11.1 KB b/‎visualizations/2022/rock.png‎
11.1 KB
diff --git a/‎visualizations/2022/scissors.png‎
12.5 KB b/‎visualizations/2022/scissors.png‎
12.5 KB
@@ -0,0 +1,21 @@
+<html lang="en">
+<head>
+ <title>Day 02: Rock Paper Scissors</title>
+ <style type="text/css">
+ canvas {
+ background-color: #10101a;
+ border: 1px solid #333340
+ }
+ </style>
+</head>
+<body style="background-color: #0f0f23">
+
+<h1 style='font-family: "Source Code Pro", monospace; color: white; font-size: 18.6667px; font-weight: 400'>
+ --- Day 02: Rock Paper Scissors ---
+</h1>
+<script src="../js/p5.min.js"></script>
+<script src="../js/ccapture.all.min.js"></script>
+<script src="day02.js"></script>
+
+</body>
+</html>
@@ -0,0 +1,120 @@
+let INPUT = ("A Y\n" +
+ "B X\n" +
+ "B X\n" +
+ "C Y\n" +
+ "B X\n" +
+ "A Z\n" +
+ "B X\n" +
+ "B X\n" +
+ "C Z\n" +
+ "A Z\n" +
+ "C Z\n" +
+ "A X\n" +
+ "A Y\n" +
+ "A Y\n" +
+ "B X\n" +
+ "C Y\n" +
+ "B Z\n" +
+ "A X\n" +
+ "B X\n" +
+ "C Y");
+
+function setup() {
+ frameRate(60);
+ createCanvas(450, 400);
+}
+
+let N = 1000;
+
+function textyellow() {
+ stroke('rgb(204, 204, 204)');
+ fill('rgb(204, 204, 204)');
+}
+
+function textblue() {
+ stroke('lightblue');
+ fill('lightblue');
+}
+
+let rock, paper, scissors;
+
+function preload() {
+ rock = loadImage('rock.png');
+ paper = loadImage('paper.png');
+ scissors = loadImage('scissors.png');
+}
+
+const L = INPUT.split("\n");
+
+const WIDTH = 100;
+
+function drawLeft(y, icon) {
+ if (icon == 'A') {
+ image(rock, 50, y, WIDTH, WIDTH);
+ } else if (icon == 'B') {
+ image(paper, 50, y, WIDTH, WIDTH);
+ } else if (icon == 'C') {
+ image(scissors, 50, y, WIDTH, WIDTH);
+ }
+}
+
+function drawRight(y, icon) {
+ if (icon == 'X') {
+ image(rock, 250, y, WIDTH, WIDTH);
+ } else if (icon == 'Y') {
+ image(paper, 250, y, WIDTH, WIDTH);
+ } else if (icon == 'Z') {
+ image(scissors, 250, y, WIDTH, WIDTH);
+ }
+}
+
+N = 0;
+let U = 0;
+let score1 = 0;
+let score2 = 0;
+
+let shapeScores = {'X': 1, 'Y': 2, 'Z': 3};
+
+let outcomes = {
+ "A X": 3, "B Y": 3, "C Z": 3,
+ "A Y": 6, "B Z": 6, "C X": 6
+};
+
+let roundEnding = {
+ "A X": 'Z', "B X": 'X', "C X": 'Y',
+ "A Y": 'X', "B Y": 'Y', "C Y": 'Z',
+ "A Z": 'Y', "B Z": 'Z', "C Z": 'Z',
+};
+
+function draw() {
+ background("#10101a");
+ textyellow();
+
+ stroke('rgb(204, 204, 204)');
+ fill('rgb(255, 255, 102)')
+ textSize(18);
+ textFont('Consolas');
+ text('Strategy #1: ' + score1, 50, 30);
+
+ var pair = L[N].split(" ");
+ drawLeft(50, pair[0]);
+ drawRight(50, pair[1]);
+ text('Strategy #2: ' + score2, 50, 220);
+
+ var txt2 = pair[0] + " " + roundEnding[L[N]];
+ var pair2 = txt2.split(" ");
+ drawLeft(250, pair2[0]);
+ drawRight(250, pair2[1]);
+
+ text('Round ' + (N + 1), 350, 30);
+ if (N != L.length - 1 && U++ > 20) {
+ N++;
+ if (N > L.length - 1) {
+ N = L.length - 1;
+ }
+ U = 0;
+ score1 += (outcomes[L[N]] || 0) + (shapeScores[pair[1]] || 0);
+ score2 += (outcomes[txt2] || 0) + (shapeScores[pair2[1]] || 0);
+ }
+
+}