From 4b79611de72d0cd048b191d10423d80b89b7bcf8 Mon Sep 17 00:00:00 2001 From: Lance Date: Tue, 17 Feb 2026 14:24:46 -0800 Subject: [PATCH 1/3] add demo: render image with scripting --- scripting/demos.mdx | 1 + snippets/demos.jsx | 8 ++++++++ 2 files changed, 9 insertions(+) diff --git a/scripting/demos.mdx b/scripting/demos.mdx index 5281eb9c..92e34496 100644 --- a/scripting/demos.mdx +++ b/scripting/demos.mdx @@ -17,6 +17,7 @@ import { Demos } from '/snippets/demos.jsx' "scriptingDrawingShapes", "scriptingTippingConverter", "scriptingMasonry", + "renderImageWithScripting", "scriptingUnitTesting", "scriptingMultiTouch", "scriptingNestedPointers", diff --git a/snippets/demos.jsx b/snippets/demos.jsx index 71d9169a..a5a40d0f 100644 --- a/snippets/demos.jsx +++ b/snippets/demos.jsx @@ -232,6 +232,14 @@ export const Demos = ({ editor: "https://rive.app/community/files/25823-text-path-effects/" } }, + renderImageWithScripting: { + title: "Render an Image with Scripting", + image: "https://static.rive.app/docs/render-image-with-scripting.jpg", + description: "Draw an image from your Assets Panel to your scene.", + links: { + editor: "https://rive.app/community/files/26406-49444-draw-an-image-with-scripting/" + } + }, scriptingSlotMachine: { title: "Slot Machine - Complete Game", image: "https://static.rive.app/docs/slot-machine.png", From 63af83343283e4652225bd7da1149a75a717f7eb Mon Sep 17 00:00:00 2001 From: Lance Date: Thu, 19 Feb 2026 18:23:20 -0800 Subject: [PATCH 2/3] Add more drawing demos --- scripting/demos.mdx | 4 +++- snippets/demos.jsx | 18 +++++++++++++++++- 2 files changed, 20 insertions(+), 2 deletions(-) diff --git a/scripting/demos.mdx b/scripting/demos.mdx index 92e34496..62d1c118 100644 --- a/scripting/demos.mdx +++ b/scripting/demos.mdx @@ -17,7 +17,9 @@ import { Demos } from '/snippets/demos.jsx' "scriptingDrawingShapes", "scriptingTippingConverter", "scriptingMasonry", - "renderImageWithScripting", + "scriptingDrawImage", + "scriptingDrawImageTransforms", + "scriptingDrawImageMesh", "scriptingUnitTesting", "scriptingMultiTouch", "scriptingNestedPointers", diff --git a/snippets/demos.jsx b/snippets/demos.jsx index a5a40d0f..39574c08 100644 --- a/snippets/demos.jsx +++ b/snippets/demos.jsx @@ -232,7 +232,7 @@ export const Demos = ({ editor: "https://rive.app/community/files/25823-text-path-effects/" } }, - renderImageWithScripting: { + scriptingDrawImage: { title: "Render an Image with Scripting", image: "https://static.rive.app/docs/render-image-with-scripting.jpg", description: "Draw an image from your Assets Panel to your scene.", @@ -240,6 +240,22 @@ export const Demos = ({ editor: "https://rive.app/community/files/26406-49444-draw-an-image-with-scripting/" } }, + scriptingDrawImageTransforms: { + title: "Transform Images with Scripting", + image: "https://static.rive.app/docs/render-image-transforms-with-scripting.jpg", + description: "Add transforms to your images rendered with Scripting.", + links: { + editor: "https://rive.app/community/files/26452-49556-transform-an-image" + } + }, + scriptingDrawImageMesh: { + title: "Draw ImageMeshes with Scripting", + image: "https://static.rive.app/docs/render-image-mesh-with-scripting.jpg", + description: "Draw image meshes with Scripting.", + links: { + editor: "https://rive.app/community/files/26451-draw-an-imagemesh-with-scripting" + } + }, scriptingSlotMachine: { title: "Slot Machine - Complete Game", image: "https://static.rive.app/docs/slot-machine.png", From 006a62bdf19996add79a762a3c8fff62d6c475e8 Mon Sep 17 00:00:00 2001 From: Lance Date: Thu, 5 Mar 2026 14:13:42 -0800 Subject: [PATCH 3/3] combine image demos --- scripting/demos.mdx | 4 +--- snippets/demos.jsx | 20 ++------------------ 2 files changed, 3 insertions(+), 21 deletions(-) diff --git a/scripting/demos.mdx b/scripting/demos.mdx index 62d1c118..0039da11 100644 --- a/scripting/demos.mdx +++ b/scripting/demos.mdx @@ -17,9 +17,7 @@ import { Demos } from '/snippets/demos.jsx' "scriptingDrawingShapes", "scriptingTippingConverter", "scriptingMasonry", - "scriptingDrawImage", - "scriptingDrawImageTransforms", - "scriptingDrawImageMesh", + "scriptingDrawImages", "scriptingUnitTesting", "scriptingMultiTouch", "scriptingNestedPointers", diff --git a/snippets/demos.jsx b/snippets/demos.jsx index d26f2c7b..f050a0a2 100644 --- a/snippets/demos.jsx +++ b/snippets/demos.jsx @@ -232,30 +232,14 @@ export const Demos = ({ editor: "https://rive.app/community/files/25823-text-path-effects/" } }, - scriptingDrawImage: { + scriptingDrawImages: { title: "Render an Image with Scripting", image: "https://static.rive.app/docs/render-image-with-scripting.jpg", - description: "Draw an image from your Assets Panel to your scene.", + description: "Draw an image, give it transforms, and control its mesh all through scripting.", links: { editor: "https://rive.app/community/files/26406-49444-draw-an-image-with-scripting/" } }, - scriptingDrawImageTransforms: { - title: "Transform Images with Scripting", - image: "https://static.rive.app/docs/render-image-transforms-with-scripting.jpg", - description: "Add transforms to your images rendered with Scripting.", - links: { - editor: "https://rive.app/community/files/26452-49556-transform-an-image" - } - }, - scriptingDrawImageMesh: { - title: "Draw ImageMeshes with Scripting", - image: "https://static.rive.app/docs/render-image-mesh-with-scripting.jpg", - description: "Draw image meshes with Scripting.", - links: { - editor: "https://rive.app/community/files/26451-draw-an-imagemesh-with-scripting" - } - }, scriptingSlotMachine: { title: "Slot Machine - Complete Game", image: "https://static.rive.app/docs/slot-machine.png",