Skip to content

HomepageRocketeers have to find their path through obstacles to reach targets. They are helped by a genetic algorithm that advances good Rocketeers to the next stage. The genetic algorithm is written in Typescript and visualised with React and p5js.

Notifications You must be signed in to change notification settings

saifbechan/saifbechan.github.io

Repository files navigation

Rocketeers 🚀👨‍🚀👩‍🚀

saifbechan.github.io ci

What do the rocketeers do?

The rocketeers use a genetic learning algorithm do explore a map of targets and obstacles. The main purpose of the Rocketeer is to explore as many planets without getting hit.

How does the genetic learning algorithm work?

First we start a mission with a set of rocketeers. All rocketeers have the same lifespan, the time they stay alive. Each Rocketeer gets assigned a set of random instructions and a spaceship. The Rocketeer has to do exactly what the instructions tell them. At the end of the run we evaluate the mission and see which Rocketeers did the best. Based on this group of successful Rocketeers we start a new group.

What technologies are used?

  • This is a super simple learning algorithm build in Typescript/Javascript.
  • The animations and drawing are done with p5js.
  • The site itself uses React.
  • Server side rendering is done with Next.js.

Inspiration & Credits

Inspiration for this idea came from an episode of The Coding Train @CodingTrain. Thanks @shiffman for this great content.

About

HomepageRocketeers have to find their path through obstacles to reach targets. They are helped by a genetic algorithm that advances good Rocketeers to the next stage. The genetic algorithm is written in Typescript and visualised with React and p5js.

Topics

Resources

Stars

Watchers

Forks