p5js-photos-interactive [Renick Bell]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== combining interactivity and photos in p5js ======

===== simple example of photos and interaction =====

This version uses four photos and a simple mouse click interaction; depending on where you click, one of the two photos will change randomly. View in full screen:

<HTML>
<iframe src="https://editor.p5js.org/renick/sketches/2558fOrE9" width=99% height=800></iframe>
</HTML>

===== simple example of photos and interaction (doesn't draw 60 times per second) =====

This version might be better because it's not redrawing the photos 60 times per second.

<HTML>
<iframe src="https://editor.p5js.org/renick/sketches/QePb8Now7" width=99% height=800></iframe>
</HTML>

===== sampling a photo and mouse interaction =====

This version just samples the photo randomly and places a sample in each cell of the grid; the photos change based on the mouse position.

<HTML>
<iframe src="https://editor.p5js.org/renick/sketches/5s8qoum9y" width=99% height=800></iframe>
</HTML>

===== stochastic sampling of a photo and mouse interaction =====

This version features stochastic sampling of the photo so that the eye is more frequently displayed; the mouse interaction is the same.

<HTML>
<iframe src="https://editor.p5js.org/renick/sketches/VJNMLeyXg" width=99% height=800></iframe>
</HTML>

===== multiple photos, multiple types of mouse interaction =====

This version uses multiple photographs, choosing a random photograph and then stochastic sampling of that photo; it also changes which photo is being sampled when the mouse is clicked.

<HTML>
<iframe src="https://editor.p5js.org/renick/sketches/vu5gq_2lt" width=99% height=800></iframe>
</HTML>