This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
This project is a collection of visualizations and simulations that I have created to approximate the values of pi, as a fun side project. The p5.js library (which is amazing - highly recommend!) was unobtrusive and allowed for a lot of creative freedom! If you want to learn more about the p5.js library, I highly recommend checking out videos by Daniel Shiffman at The Coding Train youtube channel, as well as reading his book, The Nature of Code to learn more about the library and its use for physics and nature simulations and visualizations.
Here are some resources I used to learn about the methods used in this project, as well as other miscellaneous tools I used:
- 3Blue1Brown Colliding Blocks: https://www.youtube.com/watch?v=jsYwFizhncE
- Numberphile Mandelbrot Pi: https://www.youtube.com/watch?v=d0vY0CKYhPY
- The Coding Train: https://www.youtube.com/watch?v=5cNnf_7e92Q
- The Nature of Code: https://natureofcode.com/
- p5.js Reference: https://p5js.org/reference/
- Next.js: https://nextjs.org/docs/getting-started
- Framer Motion: https://www.framer.com/api/motion/
Next.js app deployed using the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
Please feel free to make suggestions or to contribute to this project! This is by no means an exhaustive list of ways to approximate pi. If you have any questions, feel free to reach out to me at [email protected]