H2: Tiling Pattern
Happy New Year!
In this assignment, I explore random sprites generation, simple primitives drawing wi for loops, and animation using the container in pixi.js. Since it’s Chinese Spring Festival, I used traditional Chinese patterns and characters to celebrate it on web.
Process
I downloaded some Chinese elements SVG from https://www.svgrepo.com/. I use an array to store the sprites:
Testing the background pattern:
When trying to draw sprites using the array, I met the following problem: each of the different patterns was drawn only once:
Exploring patterns and colors:
Drawing Characters on the background: