DEV Community

Cover image for Yoshi Pixel Art - Generated w/ JS
Jake
Jake

Posted on

Yoshi Pixel Art - Generated w/ JS

I used JavaScript to create a Yoshi pixel art (best viewed in browser). You can change the color of Yoshi, add a grid to it, view the numbers of each created div, and scale the image up and down.

The way I did it was I used a for loop to generate 900 divs in a grid (30x30). Then I created arrays with the corresponding number (references i in the loop) which colors the div based on the number found in the array.

I was really excited to create this, as it really helped me continue develop my skills in JavaScript.

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more