Scripting is Live in Rive ✨

01 · Product intro · 0:00–0:04

Black title card: RIVE_SCRIPTING in large white monospace type glitches with an RGB split, then snaps clean. A starburst NEW badge pops in above it, cycling red, yellow, purple. Small gray function and end words frame the title.

On-screen text: “RIVE_SCRIPTING”, “v0.8.4057”, “CHANGE LOG”, “NEW”

Techniques: Kinetic type

Camera: Static

02 · Feature reveal · 0:04–0:04

On a plain black background, the white title HELLO WORLD! appears centered and holds for the length of the clip. The frame is locked off with no camera movement.

On-screen text: “HELLO WORLD!”

Camera: Static

03 · Feature reveal · 0:04–0:07

A dark code editor fills the frame, showing monospace lines of a type definition with a blinking text caret on line 17 and a small autocomplete dropdown that pops in and updates below it.

Camera: Static

04 · Feature reveal · 0:07–0:08

A dark code editor on the left shows a SlotMachine script, a center preview renders a one-eyed bird with a slot-machine body against a blue sky, and a right panel arranges the character's stars, wheel and red button. A cursor drifts across the panel.

Camera: Static

05 · Feature reveal · 0:08–0:10

A static screen capture of the Rive editor: a code panel on the left, a 3D bird character with a slot-machine body animating in the center canvas, and asset and color panels on the right. The frame stays locked while the character's parts shift.

Camera: Static

06 · Feature reveal · 0:10–0:11

A dark code panel with a Lua script sits left of a vertical game preview. In the preview, a cartoon bird with a slot-machine body stands on a path under a blue sky; its reels spin from hearts to stars while the stars on its head shift.

Camera: Static

07 · Feature reveal · 0:11–0:12

A 3D cartoon bird stands on a dirt path, holding a red panel in front of its body. Three yellow stars pop onto the panel as a white ring expands around them. A round red button marked 4 sits at its feet; a small caption fragment sits on the left.

On-screen text: “tle slower than the last.”

Camera: Static

08 · Feature reveal · 0:12–0:13

A white one-eyed creature with star antennae sits in a blue sky with clouds, counters at 0/10 across the top. The gray stars snap to yellow with glowing rings while loose yellow stars pop and fade around its face.

On-screen text: “tle slower than the last.”

Techniques: Particles

Camera: Static

09 · Feature reveal · 0:13–0:14

Locked-off split view: a dark code editor lists the snake game's TypeScript on the left while the right canvas runs it, a segmented snake slides and curls, the score ticks up, and a green EXCELLENT flash fades out.

On-screen text: “0/10”

Techniques: Split screen

Camera: Static

10 · Feature reveal · 0:14–0:15

A dark F1 dashboard fills the screen: a leaderboard on the left cycles highlighted rows, a driver card pops up beside each, while a Shanghai track map on the right shows small dots moving along the circuit. A cursor drifts over the list.

Techniques: Cursor demo

Camera: Static

11 · Feature reveal · 0:15–0:16

Three panes side by side: a dark code editor on the left, a food-delivery checkout screen scrolling down from Payment to a Courier Tip section in the center, and a design panel with an interpolation graph on the right. A ringed cursor hovers over the phone UI.

Techniques: Split screen, Cursor demo

Camera: Static

12 · Feature reveal · 0:16–0:18

A dark editor screen centers blue wireframe voxel blocks on a circular grid with light rays. A compass ring of N, S, E, W labels and a gear icon fade in, and a vertical slider slides in at the right edge; code and controls flank the view.

Techniques: Cursor demo

Camera: Static

13 · Feature reveal · 0:18–0:19

A locked-off isometric 3D town shows a skull-faced concert hall, a burning garage, and a decaying mansion. A green tooltip labeled Gallery sits over a small shack, then fills solid with a right-pointing chevron.

Camera: Pull out

14 · Feature reveal · 0:19–0:21

A 3D phone mockup on a white background shows a chess puzzle app. A yellow beam flashes down the board, then confetti bursts around the pieces while the avatar's speech bubble updates and a green Excellent bar sits at the bottom.

Techniques: 3D mockup, Light sweep, Particles

Camera: Static

15 · Feature reveal · 0:21–0:22

A dark game-engine editor fills the frame: a silver car on a black grid in the viewport, with Outliner, Blueprint and Details panels. At 0.9s the view cuts to a first-person cockpit with a glowing READY hologram beside the Details panel.

Techniques: 3D mockup

Camera: Static

16 · Feature reveal · 0:22–0:23

The Unreal Engine editor fills the frame, locked off. A dark cockpit viewport shows a glowing logo shifting from cyan to red, with Outliner and Details panels on the right and a Fire widget with sliders at the lower left.

Camera: Static

17 · Feature reveal · 0:23–0:24

A circular smart display glows on a gray wall, its face showing the time, weather and an upcoming meeting. The camera pulls back to reveal the display inside a design tool's artboard, with the app's toolbars, panels and timeline framing it.

Techniques: 3D mockup, UI zoom

Camera: Push in

18 · Feature reveal · 0:24–0:25

In a design tool's dark canvas, a watch face builds on a glowing blue ring: 'NEW YORK' scales in, a weather and date row slides in, the event label swaps from 'Design Meeting' to 'Design Startup,' then all text scales out, leaving the ring and a still cursor.

Techniques: Kinetic type

Camera: Static

19 · Feature reveal · 0:25–0:26

A dark circular thermostat dial on a black canvas, framed by design-tool side panels. The blue progress arc brightens, the white title and a large 80° reading fade in at the center, and four mode icons (sun, leaf, fan, snowflake) appear along the bottom.

Camera: Static

20 · Feature reveal · 0:26–0:29

A dark editor interface is screen-recorded as the cursor clicks Effects, then Script Effects, opening a submenu of text effects. The view zooms into the menu, then cuts back to the canvas where the word 'text' warps into a slanted trapezoid shape.

Techniques: UI zoom, Cursor demo

Camera: Static

21 · Feature reveal · 0:29–0:30

A dark editor interface fills the frame; on the center black canvas the white word 'text' shears and tilts as the trapezoid angle in the right panel changes from 128 to 58, a cursor hovering at the angle field.

Techniques: Cursor demo

Camera: Static

22 · Feature reveal · 0:30–0:31

The creative tool's interface fills the frame, a dark canvas holding a slowly rotating sphere built from red dots, blue digits and small triangles. Side panels list the hierarchy and properties while the particle globe turns in place.

Techniques: Particles

Camera: Static

23 · Feature reveal · 0:31–0:32

A code-and-preview screen: TypeScript on the left, a black canvas on the right where a white core of particles bursts and scatters into blue dots, tracking a moving cursor.

Techniques: Cursor demo, Particles

Camera: Static

24 · Feature reveal · 0:32–0:33

A dark editor interface frames a black canvas holding two sketchy text blocks: white “Boil” on a blue rectangle and black “it!” on a pink rectangle. A left hierarchy panel lists the layers. The frame stays locked and static.

Camera: Static

25 · Feature reveal · 0:33–0:34

Dark design-tool interface: a numbered swatch column on the left, a properties panel on the right, and a center canvas where orange balls with faces and glowing green and red rings drop and pile along the bottom under a pink BALLZ title and a SCORE 0 counter.

On-screen text: “Boil”, “it!”

Camera: Pan

26 · Feature reveal · 0:34–0:36

A design tool screen frames a black canvas where glossy multicolored balls and thin red and green rings bounce and pile along the bottom. A white SCORE label with a red number sits top-left. Side panels list numbered ball layers and properties.

Techniques: Particles

Camera: Static

27 · Feature reveal · 0:36–0:38

On a black background, red ringed circles, green outline circles and blue-orange spheres bounce and stack into a growing mound; a yellow smiley ball and a white cursor sit within the pile. The heap keeps shifting and rising as the balls settle.

Camera: Static

28 · Demo · 0:38–0:40

A split view shows Lua code on the left and a pixel-art game on the right, where a small red-eyed character jumps over pits in a dark parallax cityscape while the score reads 0.

Techniques: Split screen, Parallax

Camera: Static

29 · Demo · 0:40–0:42

A top-down racing game runs inside a browser window. A red car races up a scrolling road past buildings and trees while a blue car leads. A side panel shows the score ticking up and a boost meter, with MAX SPEED flashing in yellow.

Camera: Pan

30 · Demo · 0:42–0:46

Top-down road: a red car drives up the middle as the asphalt and roadside trees and houses scroll down. It passes a yellow gas truck, GAS+ pops up, then BOOST slides in and the car erupts in flames inside a glow ring, pulling ahead of a blue car.

On-screen text: “GAS+”, “BOOST”

Techniques: Kinetic type, Particles

Camera: Pull out

31 · Demo · 0:46–0:48

A vertical game panel shows a grid of glowing dots; face balls drop and burst into a spray of particles over the scoring slots, then a dark result card slides up from the bottom reading “Glow getter! 9,500 points & 1 tokens” with a Next Round button.

Techniques: Particles

Camera: Static

32 · Demo · 0:48–0:49

A dark game-results card displays the headline Glow getter! with a points total and a Next Round button, while a metallic 3D claw lifts to reveal a row of coin prizes below.

Techniques: Cursor demo

Camera: Static

33 · Demo · 0:49–0:52

The Duelist X0 main menu shows a cloaked figure on a glowing circle as the cursor clicks OPTIONS and the panel expands into sliders. A cut reveals a white hatchback from behind, ringed by a blue circle and a 100% caption.

On-screen text: “100%”

Techniques: Cursor demo, Masking

Camera: Static

34 · Demo · 0:52–0:53

A 3D render of a car cockpit holds on the wide instrument cluster behind a blurred steering wheel. The light dashboard UI loads in place: a top-down car model with a 100% battery ring, a Rive-Mix mode dial, range, gear and power readouts fade and slide into position.

Techniques: 3D mockup

Camera: Push in

35 · Demo · 0:53–0:56

A split screen pairs a glossy black helmet with red glowing visor lines on the left, its display cycling numbers, with the Rive editor on the right, where a red wireframe builds into a HUD and a timeline node slides.

Techniques: Split screen, 3D mockup

Camera: Static

36 · Demo · 0:56–0:56

A dim 3D object with rounded lobes hovers at the top of a black frame. In the center, a thin horizontal line animates from white to a green notched outline, then settles into a green line with a small dash. The numeral 90 holds still.

On-screen text: “90”

Techniques: Light sweep

Camera: Static

37 · Demo · 0:56–0:57

A dark multi-rotor drone sits centered in a front view. The model and a green targeting HUD fade from near-black to full brightness, drawing in a center crosshair, side brackets, the label TARGET LOCKED with an alert icon, and the figure 50 below.

On-screen text: “TARGET LOCKED”, “50”

Techniques: 3D mockup

Camera: Static

38 · Demo · 0:57–0:59

A white 3D gaming mouse sits centered on a dark background, its black cable looping behind it. The green HUNTER X title and three green menu buttons brighten into view.

On-screen text: “HUNTER X”, “CAMPAIGN”, “MULTIPLAYER”, “OPTIONS”

Techniques: 3D mockup

Camera: Static

39 · Demo · 0:59–1:03

Three flat phone mockups on a lime green background, each showing a dark Spotify-style screen. The left scrolls from an intro card into a concentric-circle race view; the middle's ringed timeline stretches as its month card swaps from May to October; the right holds a large green Bad Bunny portrait.

Techniques: Split screen, UI zoom

Camera: Static

40 · Feature reveal · 1:03–1:06

A dark interface zooms out from a typed prompt in the input box; the send button becomes a multicolor icon, the agent's reply and a success tag appear above, and a black canvas and tab bar fill the rest of the frame.

Techniques: UI zoom

Camera: Static

41 · Feature reveal · 1:06–1:07

A dark agent interface fills the frame. A chat panel on the left streams a task prompt and a success line, while a blinking cursor waits in the input field above a row of tabs. The right half remains a black preview pane.

Camera: Static

42 · Feature reveal · 1:07–1:08

A dark app screen splits into a left chat panel, where agent messages scroll up as new lines stream in, and a right preview showing a game menu with stacked buttons ending in a red Quit Game bar. A tab bar runs along the bottom.

Camera: Static

43 · Feature reveal · 1:08–1:10

A dark editor window splits into a text spec panel on the left and a game menu artboard on the right. The artboard's right edge slides left, collapsing a duplicated second column of buttons into one centered list under the gold GAME MENU title.

Camera: Static

44 · Feature reveal · 1:10–1:11

A dark IDE interface fills the frame. A cursor hovers over the highlighted GameMenuViewModel row in the left data panel, then glides right into the empty Stage area as the row's blue selection bar fills in.

Techniques: Cursor demo

Camera: Static

45 · Feature reveal · 1:11–1:13

A design tool window frames a game menu mockup with a stack of colored buttons. A cursor drags the hue slider in the right color picker, and the New Game button shifts from magenta to green while its hex value updates in the left data panel.

Techniques: Cursor demo

Camera: Static

46 · CTA · 1:13–1:14

A dark editor layout fills the frame: a white analog clock sits on the central stage with a context menu expanding over it, code and a node graph occupy the side and bottom panels, and a cursor hovers across the menu items.

Techniques: Cursor demo

Camera: Static

47 · CTA · 1:14–1:15

A dark design-tool screen pairs a code editor with a live masonry preview. The preview shows columns of gradient tiles in star, diamond and circle shapes that scroll upward in a staggered rhythm as the cursor hovers over the grid.

Camera: Static

48 · CTA · 1:15–1:17

On a black 3D fretboard grid, six glowing colored pads line the foreground. Hexagonal light prisms travel down the lanes toward the pads, and a cursor hovers over the magenta then cyan pad as each fires a ripple ring.

Techniques: 3D mockup, Cursor demo

Camera: Static

49 · CTA · 1:17–1:19

A low-poly figure with a boxy head crouches on the rim of a black tower silhouette, a hazy beige city of blocky buildings behind. A mouse cursor drifts up the right side as a red laser beam streaks across the frame.

On-screen text: “士”

Techniques: Cursor demo, Light sweep

Camera: Static

50 · CTA · 1:19–1:21

A design tool screen shows a black canvas with a red sun and white Liquid text rippling like water. The cursor raises the WarpEffect depth from 78 to 104, and the ripple lines under the text spread and deepen.

On-screen text: “Liquid text”

Techniques: Kinetic type, Cursor demo

Camera: Static

51 · Outro · 1:21–1:24

A dark square tile holding a white R mark with a small lightning bolt sits centered on black, then shrinks to a tiny centered square and fades out.

Camera: Static