CSD 340: Week of 3/27/17

CSD 340: The Week beginning Mar. 27

Homework:

Write examples 6-5 (p. 94) and 6-7 (pp. 95-96) from Make: Getting Started with p5.js P5_ex_6_5.PNG P5_ex_6_7.PNG

Picture Review
- Collect some image files. (I chose painters and obtained my images from http://www.wikiart.org/.)
- Declare an array (of strings) that contains your files names. Something like:
```
   var Painting = Array("camille-corot_jpg!Portrait.jpg","edouard-manet_jpg!Portrait.jpg","hiroshige_jpg!Portrait.jpg","otto-dix_jpg!Portrait.jpg", "shen-zhou_jpg!Portrait.jpg", "benjamin-west.jpg","diego-velazquez_jpg!Portrait.jpg", "william-turner_jpg!Portrait.jpg");
```
- Declare a second array of related information -- a parallel array. For instance
```
var Artists = Array("Camille Corot", "Edouard Manet", "Utagawa Hiroshige", "Otto Dix", "Shen Zhou", "Benjamin West", "Diego Velazquez", "William Turner");
```
- Declare a global variable which will serve as an index for two arrays.
- When the user clicks the New button, have the computer generate a pseudo-random number between 0 (inclusive) and the number of elements in your array (exclusive).
- Then display the image with that index.
- Do not display the related information. In fact you should clear out any previous information.
- When the user clicks the reveal button, then display the related information.
Due: Apr. 4
Tuesday:

Magritte_2.zip Loading a drop-down select from an array

Arcimboldo.zip Slide show with some animation

Might use OhTheHorror.zip

OhTheHorror/Horror.html
Thursday:

P5.js Array Lab
Alphabet.PNG
beads.PNG
Diffusion.PNG
CircleCircle.PNG
MouseY.PNG

Due: Apr. 6