gauthiier/Revisiting-Concepts-Notations-Software-Art
gauthiier/Revisiting-Concepts-Notations-Software-Art
1
0
Fork 0
Code Packages Projects Releases Activity

fix images

Browse Source
This commit is contained in:
gauthiier 2023-01-17 01:17:49 +01:00
parent 2e62bf93d8
commit affaf34975
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
3.Drawing-with-numbers.md
View File

@ -64,7 +64,7 @@ function draw() {
Remember sinusoidal in school? Well sinus and cosinus are great functions to play with to produce simple animations. Sinusoidals (sinus or cosinus) have interesting properties that can easily be parametrised.
<p align="center">
<img src="https://git.le-club-des-sans-sujets.org/gauthiier/Revisiting-Concepts-Notations-Software-Art/raw/branch/main/img/sinusoidal.png"/>
<img src="https://git.le-club-des-sans-sujets.org/gauthiier/Revisiting-Concepts-Notations-Software-Art/media/branch/main/img/sinusoidal.png"/>
</p>
In our p5js environment there is a ```sin``` function that can be used along a special ```frameCount``` counter to oscillate between -1 and 1 infinitely. A statement like to one below will roughly oscillate between 0 and 255 each time ```frameCount``` is incremented.
@ -124,10 +124,10 @@ Well this looks very much like sketch 1.1 right? Since we have an array through
With p5js we can also work with images. The way we are going to work with images will be to upload them to our environment. The way to do this simply is the open the Sketch files and select upload files.
<p align="center">
<img src="https://git.le-club-des-sans-sujets.org/gauthiier/Revisiting-Concepts-Notations-Software-Art/raw/branch/main/img/upload.png"/>
<img src="https://git.le-club-des-sans-sujets.org/gauthiier/Revisiting-Concepts-Notations-Software-Art/media/branch/main/img/upload.png"/>
</p>
When the image we would like to use is uploaded, the way we can display it on the canvas is as follow.
When the image we would like to use is uploaded, the way we can display it on the canvas is as follow. For this sketch I am using [this image](https://git.le-club-des-sans-sujets.org/gauthiier/Revisiting-Concepts-Notations-Software-Art/src/branch/main/img/alan-turing.png).
```javascript
// Image!