Lesson 34. Capstone: Canvas image gallery

In this capstone you’re going to build a canvas-based image gallery.

Your image gallery will load random images from Unsplash[1] and render them to an HTML canvas element using a fading transition. You’ll use several promises to achieve this. You’ll use a promise and an async function to fetch images. You’ll also use promises to orchestrate the transitions and delay between the images, as well as other wiring that will need to be done.

1

Note

You’ll start your project using the start folder included in the code accompanying this book. If at any time you get stuck, you can also check out the final folder with the completed code. The start folder is a project ...

Get Get Programming with JavaScript Next now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.