first commit

main.js

@@ -0,0 +1,142 @@
+/*
+  DI311 Homework 2   
+  Author: Your name (KAIST ID)
+*/
+
+// Constants
+const FONT_SIZE = 20;
+const DEFAULT_BOARD_DIMENSION = 10;
+const REFRESH_RATE = 100;
+
+// The Board
+const board = {
+  cells: [], // cells are an array like [true, false, true, true, ...]
+  size: 10, // the dimension of the board, like 10x10
+  totAlive: 0, // number of cells alive
+  days: 0, // days since we started teh colony
+  editable: false, // can we modify the board?
+  cellProperties: {
+    color: '#98E024', // the color of the alive cells
+    size: 0, // the size in pixels of the cells
+  },
+};
+
+// YOU CAN CHANGE ANYTHING AFTER THIS LINE
+// =======================================================
+
+// Program's entry point
+
+function setup() {
+  createCanvas(800, 800);
+
+  // Initialize the baord for the first time
+  initBoard(DEFAULT_BOARD_DIMENSION);
+  setInterval(updateBoard, REFRESH_RATE);
+}
+
+function draw() {
+  background(0);
+  // Draw the baord with the cells
+  drawBoard(board);
+  // Draw the head up display
+  drawLifeCounter(board.days);
+}
+
+// -------------------------------------------------  //
+// Some functions definitions to get you started
+
+// Access to cells
+
+/**
+ * Initialize a new Board with a given dimension N
+ * @param {number} boardSize - N is a positive number to determine how many cells NxN
+ */
+function initBoard(boardSize) {
+  if (boardSize < 0) throw new Error('Invalid board size');
+  // PLACEHOLDER
+  console.log('Initialize the board :' + board);
+}
+
+/**
+ *
+ * @param {Array} cells - the array of cells
+ * @param {number} r - row
+ * @param {number} c  - column
+ * @param {boolean} value - setting the cell value true or false
+ */
+function setCell(cells, r, c, value) {
+  // PLACEHOLDER}
+}
+
+/**
+ *
+ * @param {Array} cells - the array of cells
+ * @param {number} r - row
+ * @param {number} c  - column
+ * @returns true or false
+ */
+function getCell(cells, r, c) {
+  // PLACEHOLDER
+}
+
+// Draw and update logic
+
+/**
+ * draw the board
+ */
+function drawBoard() {
+  // PLACEHOLDER
+  background(0);
+}
+
+/**
+ * draw the text "Life: days"
+ */
+function drawLifeCounter(days) {
+  // PLACEHOLDER: Draw the text
+}
+
+/**
+ * Update the board state, including the cells
+ */
+function updateBoard() {
+  // PLACEHOLDER
+  console.log('Updating the baord');
+}
+
+// User Input
+
+/**
+ * When the user press a key
+ */
+function keyPressed() {
+  // PLACEHOLDER
+  console.log(`key ${key} is pressed`);
+}
+
+/**
+ * When the mouse wheel is spun
+ * @param {event} event - event.delta shows the amount of scross
+ */
+function mouseWheel(event) {
+  // PLACEHOLDER
+  console.log('mouse wheel: ', event.delta);
+}
+
+/**
+ * When the mouse is clicked
+ */
+function mousePressed() {
+  // PLACEHOLDER
+  console.log('mouse pressed');
+}
+
+/**
+ * When the mouse is dragged (after being pressed)
+ */
+function mouseDragged() {
+  // PLACEHOLDER
+  console.log('mouse dragged');
+}
+
+// FEEL FREE TO ADD MORE FUNCTIONS AND TO MODIFY THE ONE ABOVE...