Step 13. Objects and Images

The climax of this course. There is a lot going on here. We use loadImage() to load an image into a World. We use image() to display it at the object position. We change the image when there is a click inside the object.

Note that the Coding Train video uses localhost rather than a hosting service. If you code on your local computer only, you cannot show it off to other people. Here we are using the Ancient Brain server, where you can upload not only your own images but also your own music, as the second World shows.

For you: Go to "My uploads" in the menu and upload your own images and put them on the objects. And upload your own background music. Why not?

This ends the "Introduction to Programming" course. Thanks to Daniel Shiffman and The Coding Train for their wonderful videos.

A suggested next course is the WebGL course. You can also check out the Starter Worlds and Editor's Choice Worlds on Ancient Brain for inspiration on what to code next. You can Clone and Edit all these Worlds. Happy coding!


Tutorial 7.8
Objects and Images. On Ancient Brain you can upload your own images. Try it!


Tutorial 7.8 variant
Tutorial 7.8 with music and other uploaded images, including from other users. Click on the images.
Tweet this step: