+ );
+ }
+}
+
+
+export default Game;
\ No newline at end of file
diff --git a/game-of-life/src/Space-Invaders.jpg b/game-of-life/src/Space-Invaders.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..dd56d83fc4b620045a99128e801bf0104126383f
GIT binary patch
literal 33095
zcmeHw1z1#DyYL=H8A2ICLZm|w5m7;q9FcNB$pHZoR8T-Er6dO>L^>6uLt!YTrBew>
z=?;}H>Has0c*N?Zw3-*aO1{pMihBK@32EJp@n~9EMA{7q$lq01zDL-aWV^P8+V~EdCIW#XQdrOb$=<7>&Q;tj?GC@oQg|g5=2`4B9RKn`t+96bP{rEY_Hz!>)vrI@{>xA}*%N;focd^)RrhK6i?`(qZHynn83z5@yC4
zdJx`o14`X5-!q!;*pBl$+#0&_Hx{YO!EEkf&=i$7A|fg*v7)v(I$Pty@rM|RpmHWQ!c;V
zQ+D~)6a3ZZ4h)|m_>JFApU#SVKM3J&6}+v@CB;F#0ousPgoCSn-9%#SMiNd%r`sZ%>N#7bNKV&q*?v
z#(o(XESLA##k#CqMvX`Of@E7jVLa`loBswhakd8n+rJX_v9&or6mgjP!`tG|1Bt*`
zeu8Wd1nRP0H+Re6%0&jU{dYcUe}<525nKU2LzLOyyqB4IoQ)XY<<(v8&k&!f{TX7Q
z=v01Z=VSkeU#R^V;`io*)*`b_!&rTT{W!~01;<>S1rAtj@zxYLSz;ZTP&H}d9NcRH=pZ1PWzy*n$%`Srz+TJ!Omz&Z0IoRjyP)HJDG_#8{0j>WHwhd^
z<#&iINH})4H$8efU0&1#ZpZ)EaiFme89c#%9LwcnxySl^W3`a?H%T7S7=7s)GG!=h
zGm#;+SkkdH=GZR(9eVx?Jg|}eyP)RNZE}UF=liryZvlG|^YJ^hpmkn2Gp*KW*%42l
z11k*u;hFhYtO9nf!u(Uuk?GbZ)wmJ|ymF$GJAE&4Jv(}PTsN9GC+0!=EP-Rkz8_~v
zu=j(Nd%+HBUeRV;ScBBk)98oAB6cvEut`w0HhLsdQ(RCi9FK()!rm5G`^OI*Xll@?
zoPCyG0TNcNURrIV%7=7zi=-0{Z`fuA@pu!0g53XI3+3Ewgc
zjge5qR63lVWF=)=#yF00e?bxu+&5-{sW!-tUQk7`Bbl0sl-X7Rn}HubOTlJ-{0xG<
znQYP2yq*_vVZT|!d-sM)TMZ8r6+CCL{dnogKDU3x#~K(PeWk;%j2jwJ`9
zCi^S3UT8$_X;_@mIo_V!fTL$)b&_&IWdy<_oPUsT@u(RPLf5;`d5t_5xBxfC729~!
z0~~hEe!ys7VT2Zy?e>0FORiJVxL?z}$%zB=!n`Tqxf^Yy$iu1I250CyMoGG!*B-5C
zS8{6_SpQH3aXl%+E_?bw0Nd5VQX7L)ikh*kCs}nSsyYK1>@MRx^&){Oa0jXy)hfr_
z%n0=H;y!AAnR2D(_;@5txnv6nJ++w&R87BC>Na@3-~(GLI=KZ@D6LlFq&ue{Fc(i&
z-jw^~`vE6wvuq1EC^yakU)cZTd4>zdK@HIT8Rh`%WCP@(G90POhOBs-$1Pj;8fJ
Vsd*T
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, document.getElementById('root'));
+ registerServiceWorker();
\ No newline at end of file
diff --git a/game-of-life/src/index.tsx b/game-of-life/src/index.tsx
deleted file mode 100644
index f5185c1ec..000000000
--- a/game-of-life/src/index.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(
-
-
- ,
- document.getElementById('root')
-);
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/game-of-life/src/react-app-env.d.ts b/game-of-life/src/react-app-env.d.ts
deleted file mode 100644
index 6431bc5fc..000000000
--- a/game-of-life/src/react-app-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
diff --git a/game-of-life/src/registerServiceWorker.js b/game-of-life/src/registerServiceWorker.js
new file mode 100644
index 000000000..9979c1f0c
--- /dev/null
+++ b/game-of-life/src/registerServiceWorker.js
@@ -0,0 +1,117 @@
+// In production, we register a service worker to serve assets from local cache.
+
+// This lets the app load faster on subsequent visits in production, and gives
+// it offline capabilities. However, it also means that developers (and users)
+// will only see deployed updates on the "N+1" visit to a page, since previously
+// cached resources are updated in the background.
+
+// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
+// This link also includes instructions on opting out of this behavior.
+
+const isLocalhost = Boolean(
+ window.location.hostname === 'localhost' ||
+ // [::1] is the IPv6 localhost address.
+ window.location.hostname === '[::1]' ||
+ // 127.0.0.1/8 is considered localhost for IPv4.
+ window.location.hostname.match(
+ /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+ )
+ );
+
+ export default function register() {
+ if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+ // The URL constructor is available in all browsers that support SW.
+ const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
+ if (publicUrl.origin !== window.location.origin) {
+ // Our service worker won't work if PUBLIC_URL is on a different origin
+ // from what our page is served on. This might happen if a CDN is used to
+ // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
+ return;
+ }
+
+ window.addEventListener('load', () => {
+ const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+
+ if (isLocalhost) {
+ // This is running on localhost. Lets check if a service worker still exists or not.
+ checkValidServiceWorker(swUrl);
+
+ // Add some additional logging to localhost, pointing developers to the
+ // service worker/PWA documentation.
+ navigator.serviceWorker.ready.then(() => {
+ console.log(
+ 'This web app is being served cache-first by a service ' +
+ 'worker. To learn more, visit https://goo.gl/SC7cgQ'
+ );
+ });
+ } else {
+ // Is not local host. Just register service worker
+ registerValidSW(swUrl);
+ }
+ });
+ }
+ }
+
+ function registerValidSW(swUrl) {
+ navigator.serviceWorker
+ .register(swUrl)
+ .then(registration => {
+ registration.onupdatefound = () => {
+ const installingWorker = registration.installing;
+ installingWorker.onstatechange = () => {
+ if (installingWorker.state === 'installed') {
+ if (navigator.serviceWorker.controller) {
+ // At this point, the old content will have been purged and
+ // the fresh content will have been added to the cache.
+ // It's the perfect time to display a "New content is
+ // available; please refresh." message in your web app.
+ console.log('New content is available; please refresh.');
+ } else {
+ // At this point, everything has been precached.
+ // It's the perfect time to display a
+ // "Content is cached for offline use." message.
+ console.log('Content is cached for offline use.');
+ }
+ }
+ };
+ };
+ })
+ .catch(error => {
+ console.error('Error during service worker registration:', error);
+ });
+ }
+
+ function checkValidServiceWorker(swUrl) {
+ // Check if the service worker can be found. If it can't reload the page.
+ fetch(swUrl)
+ .then(response => {
+ // Ensure service worker exists, and that we really are getting a JS file.
+ if (
+ response.status === 404 ||
+ response.headers.get('content-type').indexOf('javascript') === -1
+ ) {
+ // No service worker found. Probably a different app. Reload the page.
+ navigator.serviceWorker.ready.then(registration => {
+ registration.unregister().then(() => {
+ window.location.reload();
+ });
+ });
+ } else {
+ // Service worker found. Proceed as normal.
+ registerValidSW(swUrl);
+ }
+ })
+ .catch(() => {
+ console.log(
+ 'No internet connection found. App is running in offline mode.'
+ );
+ });
+ }
+
+ export function unregister() {
+ if ('serviceWorker' in navigator) {
+ navigator.serviceWorker.ready.then(registration => {
+ registration.unregister();
+ });
+ }
+ }
\ No newline at end of file
diff --git a/game-of-life/src/serviceWorker.ts b/game-of-life/src/serviceWorker.js
similarity index 91%
rename from game-of-life/src/serviceWorker.ts
rename to game-of-life/src/serviceWorker.js
index b09523f15..b04b771a8 100644
--- a/game-of-life/src/serviceWorker.ts
+++ b/game-of-life/src/serviceWorker.js
@@ -20,18 +20,10 @@ const isLocalhost = Boolean(
)
);
-type Config = {
- onSuccess?: (registration: ServiceWorkerRegistration) => void;
- onUpdate?: (registration: ServiceWorkerRegistration) => void;
-};
-
-export function register(config?: Config) {
+export function register(config) {
if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
// The URL constructor is available in all browsers that support SW.
- const publicUrl = new URL(
- process.env.PUBLIC_URL,
- window.location.href
- );
+ const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
if (publicUrl.origin !== window.location.origin) {
// Our service worker won't work if PUBLIC_URL is on a different origin
// from what our page is served on. This might happen if a CDN is used to
@@ -62,7 +54,7 @@ export function register(config?: Config) {
}
}
-function registerValidSW(swUrl: string, config?: Config) {
+function registerValidSW(swUrl, config) {
navigator.serviceWorker
.register(swUrl)
.then(registration => {
@@ -106,10 +98,10 @@ function registerValidSW(swUrl: string, config?: Config) {
});
}
-function checkValidServiceWorker(swUrl: string, config?: Config) {
+function checkValidServiceWorker(swUrl, config) {
// Check if the service worker can be found. If it can't reload the page.
fetch(swUrl, {
- headers: { 'Service-Worker': 'script' }
+ headers: { 'Service-Worker': 'script' },
})
.then(response => {
// Ensure service worker exists, and that we really are getting a JS file.
diff --git a/game-of-life/src/setupTests.ts b/game-of-life/src/setupTests.js
similarity index 100%
rename from game-of-life/src/setupTests.ts
rename to game-of-life/src/setupTests.js
diff --git a/game-of-life/tsconfig.json b/game-of-life/tsconfig.json
deleted file mode 100644
index f2850b716..000000000
--- a/game-of-life/tsconfig.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
- "compilerOptions": {
- "target": "es5",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
- "allowJs": true,
- "skipLibCheck": true,
- "esModuleInterop": true,
- "allowSyntheticDefaultImports": true,
- "strict": true,
- "forceConsistentCasingInFileNames": true,
- "module": "esnext",
- "moduleResolution": "node",
- "resolveJsonModule": true,
- "isolatedModules": true,
- "noEmit": true,
- "jsx": "react"
- },
- "include": [
- "src"
- ]
-}
From 7545992a68f5dbd3a91d2988fb797b7cbaa1c792 Mon Sep 17 00:00:00 2001
From: Devin Cooper <37602228+DevinDCooper@users.noreply.github.com>
Date: Wed, 26 Aug 2020 20:29:25 -0700
Subject: [PATCH 3/6] Rules
---
game-of-life/src/Game.js | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/game-of-life/src/Game.js b/game-of-life/src/Game.js
index c18a859c0..5a0f3fc83 100644
--- a/game-of-life/src/Game.js
+++ b/game-of-life/src/Game.js
@@ -196,6 +196,12 @@ class Game extends React.Component {
}
+
+
Rules:
+
1. Any live cell with fewer than two live neighbours dies, as if by underpopulation.
+
2. Any live cell with two or three live neighbours lives on to the next generation.
+
3. Any live cell with more than three live neighbours dies, as if by overpopulation.
+
4. Any dead cell with exactly three live neighbours becomes a live cell, as if by reproduction.
);
From e5552a521c78dea519fb37ead306a1c3eee05fab Mon Sep 17 00:00:00 2001
From: Devin Cooper <37602228+DevinDCooper@users.noreply.github.com>
Date: Thu, 27 Aug 2020 20:43:00 -0700
Subject: [PATCH 4/6] Gen bug fixed
---
game-of-life/src/Game.js | 11 ++++++++---
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/game-of-life/src/Game.js b/game-of-life/src/Game.js
index 5a0f3fc83..5c32c35c7 100644
--- a/game-of-life/src/Game.js
+++ b/game-of-life/src/Game.js
@@ -80,7 +80,7 @@ class Game extends React.Component {
const elemOffset = this.getElementOffset();
const offsetX = event.clientX - elemOffset.x;
const offsetY = event.clientY - elemOffset.y;
-
+
const x = Math.floor(offsetX / CELL_SIZE);
const y = Math.floor(offsetY / CELL_SIZE);
@@ -106,6 +106,7 @@ class Game extends React.Component {
runIteration() {
let newBoard = this.makeEmptyBoard();
+
for (let y = 0; y < this.rows; y++) {
for (let x = 0; x < this.cols; x++) {
@@ -122,6 +123,10 @@ class Game extends React.Component {
}
}
}
+ this.setState({
+ generation: this.state.generation + 1
+ });
+
}
this.board = newBoard;
@@ -160,7 +165,7 @@ class Game extends React.Component {
handleClear = () => {
this.board = this.makeEmptyBoard();
- this.setState({ cells: this.makeCells() });
+ this.setState({ cells: this.makeCells() , generation: this.state.generation = 0 });
}
handleRandom = () => {
@@ -177,7 +182,7 @@ class Game extends React.Component {
const { cells, interval, isRunning } = this.state;
return (