Processing Tutorial -- Showing Animated Gifs

From dftwiki3
Revision as of 19:47, 11 October 2017 by Thiebaut (talk | contribs) (Finding an Aquarium Image)
Jump to: navigation, search

--D. Thiebaut (talk) 20:18, 11 October 2017 (EDT)



--D. Thiebaut (talk) 20:30, 11 October 2017 (EDT)



ProcessingAquariumWithFish.png


1: Create the Sketch


By creating the sketch first, and saving it, this will create a folder where all the files associated with the sketch will reside. This project requires many files, including images for the background of the aquarium and for the fish.
Create a simple sketch with an empty draw() and setup() function and save it under an easy name to remember. We'll assume here that the name of the sketch is "aquarium".
Once the sketch is saved, locate the aquarium folder just created, and create a new folder inside it called data. The data folder is the place where sketches keep the different images that are used in the graphics.

2: Find an Aquarium Image


Search the Web for an image of an aquarium that you like. Pick one that is around 1000 pixels wide, and at least 600 pixels high.

For this Lab, we will use the following aquarium image, named aquarium.jpg.


ProcessingAquarlum.jpg


When you have found your image, save it in the data folder you created in your sketch folder.