Added w12-promises
This commit is contained in:
parent
2856dedb68
commit
8827db575b
1
.gitignore
vendored
1
.gitignore
vendored
|
@ -4,4 +4,5 @@ node_modules/**
|
|||
.DS_Store
|
||||
todo
|
||||
*/*_solution*
|
||||
*_solution*
|
||||
TODO/**
|
BIN
w12_promises/assets/light.jpg
Normal file
BIN
w12_promises/assets/light.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 168 KiB |
20
w12_promises/index.html
Normal file
20
w12_promises/index.html
Normal file
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script src="js/p5.js"></script>
|
||||
<script src="js/p5.dom.min.js"></script>
|
||||
<script src="js/p5.sound.min.js"></script>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
|
||||
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
||||
<meta charset="utf-8" />
|
||||
</head>
|
||||
|
||||
<script defer src="sketch.js"></script>
|
||||
|
||||
<body></body>
|
||||
|
||||
</html>
|
3
w12_promises/js/p5.dom.min.js
vendored
Normal file
3
w12_promises/js/p5.dom.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
90025
w12_promises/js/p5.js
Normal file
90025
w12_promises/js/p5.js
Normal file
File diff suppressed because one or more lines are too long
28
w12_promises/js/p5.sound.min.js
vendored
Normal file
28
w12_promises/js/p5.sound.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
20
w12_promises/sketch.js
Normal file
20
w12_promises/sketch.js
Normal file
|
@ -0,0 +1,20 @@
|
|||
let img;
|
||||
let imgWidth = 100;
|
||||
let imgHeight = 0;
|
||||
|
||||
function setup() {
|
||||
createCanvas(400, 300);
|
||||
imageMode(CENTER);
|
||||
|
||||
// Promisify this function
|
||||
img = loadImage('assets/light.jpg', (loadedImage) => {
|
||||
const ratio = loadedImage.height / loadedImage.width;
|
||||
loadedImage.height = imgWidth * ratio;
|
||||
loadedImage.width = imgWidth;
|
||||
});
|
||||
}
|
||||
|
||||
function draw() {
|
||||
background(255);
|
||||
if (img) image(img, width / 2, height / 2);
|
||||
}
|
Loading…
Reference in New Issue
Block a user