Graphics and Math

Try computer graphics methods and visual math concepts as Arcade games.

Graphics

[
    {
        "name": "Fireworks",
        "description": "Enjoy a variety of randomly generated fireworks",
        "url": "/graphics-math/fireworks",
        "cardType": "codeExample",
        "imageUrl": "/docs/static/graphics-math/fireworks.png",
        "largeImageUrl": "/docs/static/graphics-math/fireworks.gif",
        "videoUrl": "/docs/static/graphics-math/fireworks.mp4"
    },
    {
        "name": "Game of Life",
        "description": "Enjoy watching a rainbow variant of the famous zero-player game",
        "cardType": "codeExample",
        "url": "/graphics-math/game-of-life",
        "imageUrl": "/docs/static/graphics-math/game-of-life.png",
        "largeImageUrl": "/docs/static/graphics-math/game-of-life.gif",
        "videoUrl": "/docs/static/graphics-math/game-of-life.mp4"
    },
    {
        "name": "Paint Brush",
        "description": "Generates random 'art' by drawing across the screen",
        "cardType": "codeExample",
        "url": "/graphics-math/paint-brush",
        "imageUrl": "/docs/static/graphics-math/paint-brush.png",
        "largeImageUrl": "/docs/static/graphics-math/paint-brush.gif",
        "videoUrl": "/docs/static/graphics-math/paint-brush.mp4"
    },
    {
        "name": "Animated Sand",
        "description": "Sand dots sliding across the screen, ported from Adafruit Animated LED Sand",
        "cardType": "codeExample",
        "url": "/graphics-math/animated-sand",
        "imageUrl": "/docs/static/graphics-math/animated-sand.png",
        "largeImageUrl": "/docs/static/graphics-math/animated-sand.gif",
        "videoUrl": "/docs/static/graphics-math/animated-sand.mp4"
    },
    {
        "name": "Bresenham Circles",
        "description": "Draw circles using the Bresenham algorithm",
        "url": "/graphics-math/bresenham-circle",
        "imageUrl": "/docs/static/graphics-math/bresenham-circle.png",
        "largeImageUrl": "/docs/static/graphics-math/bresenham-circle.gif",
        "videoUrl": "/docs/static/graphics-math/bresenham-circle.mp4"
    }
]

Math Concepts

[
{
  "name": "Sorting Algorithms",
  "description": "A visualization of different sorting algorithms",
  "url":"/graphics-math/sorting-algorithms",
  "cardType": "codeExample",
  "imageUrl": "/docs/static/graphics-math/sorting-algorithms.png",
  "largeImageUrl": "/docs/static/graphics-math/sorting-algorithms.gif",
  "videoUrl": "/docs/static/graphics-math/sorting-algorithms.mp4"
},
{
  "name": "Pi Monte Carlo",
  "description": "Approximate Pi with the Monte Carlo method",
  "url": "/graphics-math/pi-monte-carlo",
  "imageUrl": "/docs/static/graphics-math/pi-monte-carlo.png",
  "largeImageUrl": "/docs/static/graphics-math/pi-monte-carlo.gif",
  "videoUrl": "/docs/static/graphics-math/pi-monte-carlo.mp4"
},
{
  "name": "Fibonacci Tiles and Spiral",
  "description": "Tile the screen and draw a spiral with the Fibonacci numbers",
  "url": "/graphics-math/fibo-tile-spiral",
  "imageUrl": "/docs/static/graphics-math/fibo-tile-spiral.png",
  "largeImageUrl": "/docs/static/graphics-math/fibo-tile-spiral.gif",
  "videoUrl": "/docs/static/graphics-math/fibo-tile-spiral.mp4"
},
{
  "name": "Sieve of Eratosthenes",
  "description": "Find prime numbers using the Sieve of Eratosthenes method",
  "url": "/graphics-math/sieve-eratosthenes",
  "imageUrl": "/docs/static/graphics-math/sieve-eratosthenes.png",
  "largeImageUrl": "/docs/static/graphics-math/sieve-eratosthenes.gif",
  "videoUrl": "/docs/static/graphics-math/sieve-eratosthenes.mp4"
}
]

See Also

Bresenham Circles, Game of Life, Paint Brush, Sorting Algorithms, Pi Monte Carlo, Fibonacci Tiles and Spiral, Sieve of Eratosthenes