From d554eaaafb9e0e73e4c304bd32a85cde4ca72af5 Mon Sep 17 00:00:00 2001
From: Stanislav Fifik <standa.fifik@gmail.com>
Date: Tue, 9 Jul 2024 10:43:51 +0000
Subject: [PATCH] :sparkles: adding rotate node

---
 src/nodes/Canvas2d/Rotate.ts | 53 ++++++++++++++++++++++++++++++++++++
 src/nodes/index.ts           |  1 +
 2 files changed, 54 insertions(+)
 create mode 100644 src/nodes/Canvas2d/Rotate.ts

diff --git a/src/nodes/Canvas2d/Rotate.ts b/src/nodes/Canvas2d/Rotate.ts
new file mode 100644
index 0000000..077b485
--- /dev/null
+++ b/src/nodes/Canvas2d/Rotate.ts
@@ -0,0 +1,53 @@
+import Canvas2d from './Canvas2d';
+import {waitForMedia} from '../../utils';
+import {mediaSize} from '../canvas';
+import {
+    NumberVar
+} from '../io/AbstractIOSet';
+
+const inputs = {
+    angle: {
+        type: 'Number',
+        default: 0,
+        min: 0,
+        max: 360,
+    } as NumberVar,
+};
+
+const outputs = {};
+
+export default class Rotate extends Canvas2d<typeof inputs, typeof outputs> {
+
+    constructor() {
+        super('Rotate', inputs, outputs);
+    }
+
+    /**
+     * @param {any} values
+     * @param {HTMLCanvasElement} canvas
+     * @param {CanvasRenderingContext2D} ctx
+     */
+    async render({image: media, angle}, canvas, ctx) {
+        await waitForMedia(media)
+        if (!media) {
+            return;
+        }
+
+        if (!angle) {
+            return media;
+        }
+
+       
+        const {width: srcWidth, height: srcHeight} = mediaSize(media);
+        const angleInRad = angle * Math.PI / 180;
+
+        const newWidth = Math.abs(srcWidth * Math.cos(angleInRad) + srcHeight * Math.sin(angleInRad));
+        const newHeight = Math.abs(srcWidth * Math.sin(angleInRad) + srcHeight * Math.cos(angleInRad));
+        canvas.width = newWidth;
+        canvas.height = newHeight;
+        ctx.translate(newWidth / 2, newHeight / 2);
+        ctx.rotate(angleInRad);
+        ctx.drawImage(media, -srcWidth / 2, -srcHeight / 2);
+        return canvas;
+    }
+}
\ No newline at end of file
diff --git a/src/nodes/index.ts b/src/nodes/index.ts
index 38b7afb..dfb2b70 100644
--- a/src/nodes/index.ts
+++ b/src/nodes/index.ts
@@ -7,6 +7,7 @@ export {default as Flip} from './Canvas2d/Flip';
 export {default as EmptySpace} from './Canvas2d/EmptySpace';
 // export {default as ImageIdentity} from './Canvas2d/ImageIdentity';
 export {default as Text} from './Canvas2d/Text';
+export {default as Rotate} from './Canvas2d/Rotate';
  // WebGL
 export {default as BrightnessContrast} from './WebGL/BrightnessContrast';
 export {default as HSV} from './WebGL/HSV';