Promises

2026-05-11 09:06:42 +09:00
parent e51e774ef8
commit 1cb979a571
205 changed files with 5906 additions and 0 deletions
--- a/w11_promises/promisify/assets/light.jpg
+++ b/w11_promises/promisify/assets/light.jpg
--- a/w11_promises/promisify/index.html
+++ b/w11_promises/promisify/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.3/p5.js'
+    integrity='sha512-BLd2MDTrBCo01Vkhjbjn3ITBDbx3o/Lt7D5hj5oLwW8vlDHYXMenxglTcUURCgBhdLNAjZ7KD8x4ZA7bQY3OhA=='
+    crossorigin='anonymous'></script>
+
+
+  <link rel="stylesheet" type="text/css" href="./css/style.css" />
+  <meta charset="utf-8" />
+</head>
+
+<body>
+  <script src="sketch.js"></script>
+</body>
+
+</html>
--- a/w11_promises/promisify/sketch.js
+++ b/w11_promises/promisify/sketch.js
@@ -0,0 +1,21 @@
+let img;
+let imgWidth = 100;
+
+function setup() {
+  createCanvas(800, 600);
+  imageMode(CENTER);
+
+  img = loadImage('assets/light.jpg');
+
+  // 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);
+}