O'Reilly logo

Get Programming with JavaScript Next: New features of ECMAScript 2015, 2016, and beyond by JD Isaacks

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required