# About Image Loader Web Example

--
![Screenshot of Example](imageLoaderWebExample.png)

### Learning Objectives

This openFrameworks example demonstrates how to load an image from the web and then apply a pointillism effect to the image.  

In this example, pay attention to the following code:

* Request to load an image using ```ofLoadURLAsync``` which passes the url, and a name for the request 
* Handle the response from the request using ```void ofApp::urlResponse```
* Determine information about the fullfilled request by inspecting the status code ```response.status``` and the request name ```response.request.name```
* On exit of the application, unregister the application from being notified of the URL request completion using ```ofUnregisterURLNotification```
* Load the data from the request into an image holder using ```img.load(response.data)```
* Inspect the pixel information of the image to draw a pointillism effect leveraging ```img.getColor(x,y)``` , ```ofSetColor``` and ```ofDrawCircle```


### Expected Behavior

When launching this app, you should see:

* a gray screen 
* instructions to hit the spacebar to load the image

Instructions for use:

* Press the ```spacebar``` to make the load request for the image

When the image is loaded, the pointillism effect will be created on the left hand side. Moving your mouse around will affect the size of the circles used to create the effect.


### Other classes used in this file

This Example uses no other classes.