Conway’s Game of Life is a cellular automaton. With a set of simple rules and a start state we can make beautiful patterns that resemble life.
AI was used only for teaching myself concepts and debugging, no code was generated by it
I’ve made a simple website where you can demo a limited version of the Game of Life. It was my first time ever making a website and as such I used the internet as a heavy crutch, cobbling together some online snippets of code done for this game, some basic tutorials and using AI for explaining and debugging and I managed to make it trough. I’m quite proud of this project as it did turn out ok in the end.
The logic is done!!!Ｏ(≧▽≦)Ｏ
Now I have my first working project yayy
I’ve spent this time mainly in JS making the checking mechanism for the neighbours and the conditional logic
Added:
A main function that checks nearby cells and a function that triggers it, updating all cells each timestep
A simulated grid as to not mess with the previous state and update the cells before it’s their turn
The functionality to stop and start the simulation via the button and interact with the paused state
Changed:
The colors and sizes of elements with inspiration from the theme of Flavortown
Fixed padding and border issues caused by elements sharing the same class when they shouldn’t
The assigment of the ‘active’ class to the button
The working verion of the site, it’s pretty limited for now. There’s a lot more I could expand upon such as adding guides for some famous seeds of life, more features and a better UI than the play and pause button.
Log in to leave a comment
Helloo, I encountered a problem while trying to progress in my JS so i went back and after too much time figured out that I messed up the variable names completly (╯=▃=)╯︵┻━┻
I’ve probably fixed them all so I’m hoping that this will be a one-off issue, I’ll be more careful from now on
Fixed incorrect var names across my documents, specificaly for the game_dimention variable and the src fot the script.js
Added a very basic for loop that populates the grid and toggles cells on/off when clicked
You’ll see the current progress on adding the actual grid for the simulation
Log in to leave a comment
Hi this is my first project in Hackclub and first time ever making anything with CSS and JS. I wanted to start with something a bit more logic focused for my debut but I’ve already spent just an hour setting up CSS. (ㅠ_ㅠ)
I’m gaining a new appreciation for WebDevs by the minute.( っ˶´ ˘ `)っ
Made the html and style documents using tutorials and google
Understood and learned new contsepts and used Ai as a guide to explain what I didnt get at first
I’ve attached a gif to show what I’m trying to make and a picture of what i have so far, the colors are horrendeus but I’ll fix them after the script is done
Log in to leave a comment