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": "https://cdn.makecode.com/blob/e68a433f6e2809745b8d0994e6594e9f7d5ff71a/static/graphics-math/fireworks.png",
"largeImageUrl": "/static/graphics-math/fireworks.gif",
"videoUrl": "/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": "https://cdn.makecode.com/blob/0246081376cd4331c7c8b665e3eaeedae07c7d69/static/graphics-math/game-of-life.png",
"largeImageUrl": "/static/graphics-math/game-of-life.gif",
"videoUrl": "/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": "https://cdn.makecode.com/blob/ddb947cdf92f1b6a978174645366cd3ac8e42875/static/graphics-math/paint-brush.png",
"largeImageUrl": "/static/graphics-math/paint-brush.gif",
"videoUrl": "/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": "https://cdn.makecode.com/blob/e2b23c285eb4c0371b913dbcf0660801892bc18a/static/graphics-math/animated-sand.png",
"largeImageUrl": "/static/graphics-math/animated-sand.gif",
"videoUrl": "/static/graphics-math/animated-sand.mp4"
},
{
"name": "Bresenham Circles",
"description": "Draw circles using the Bresenham algorithm",
"url": "/graphics-math/bresenham-circle",
"imageUrl": "https://cdn.makecode.com/blob/5ced23ec0b2947a6fc2db39075ec4b4ed8ff064f/static/graphics-math/bresenham-circle.png",
"largeImageUrl": "/static/graphics-math/bresenham-circle.gif",
"videoUrl": "/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": "https://cdn.makecode.com/blob/32fdbe57d39d2ea5921e38aa216c297db618a839/static/graphics-math/sorting-algorithms.png",
"largeImageUrl": "/static/graphics-math/sorting-algorithms.gif",
"videoUrl": "/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": "https://cdn.makecode.com/blob/27bd589b8f5dc89ae5bdc966eb5ff228a1509b9a/static/graphics-math/pi-monte-carlo.png",
"largeImageUrl": "/static/graphics-math/pi-monte-carlo.gif",
"videoUrl": "/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": "https://cdn.makecode.com/blob/f38ffdb1cf2233c4f17f8415fed6bb511f8bcaef/static/graphics-math/fibo-tile-spiral.png",
"largeImageUrl": "/static/graphics-math/fibo-tile-spiral.gif",
"videoUrl": "/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": "https://cdn.makecode.com/blob/477d7e44810dac42d7fd27d7f79983e69574838d/static/graphics-math/sieve-eratosthenes.png",
"largeImageUrl": "/static/graphics-math/sieve-eratosthenes.gif",
"videoUrl": "/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