Use the code below to embed this stepwork on any site.
These commands are part of the official Stepwise specification, and are more likely to be supported in other stages or clients.
Command | Description | $setbackcolor:[CSS color] |
Sets the current background color. | $setforecolor:[CSS color] |
Sets the foreground color. |
---|
These commands are specific to the current stage, and are less likely to be supported in other stages or clients.
Command | Description | $setfont:[Google font name][:font weight] |
Sets the current font to a selection from Google Fonts. Font weight parameter is optional. | $settextalign:[alignment] |
Sets the horizontal alignment of text. Analogous to the CSS text-align property. |
$setfontsize:[size] |
Sets the current font size. | $setlineheight:[height] |
Sets the current line height. | $setletterspacing:[spacing] |
Sets the current letter spacing. | $settexttransform:[text transform] |
Sets the current text transform. | $setstagecolor:[CSS color] |
Sets the overall background color for the stage. | $setgrid:[columns] [rows] |
Sets the row and column dimensions of the grid. | $setlayout:[row] [column] [width] [height] |
Sets the position and dimensions of a character region in row and column units. | $setposition:[row] [column] |
Instantaneously sets the position of the character region in row and column units. | $moveto:[row] [column] |
Moves the character region to a new position in row and character units. | $setsize:[width] [height] |
Instantaneously sets the size of the character region in row and column units. | $changesize:[width] [column] |
Adjusts the size of the character region to a new value in row and column units. | $setimagetransition:[seconds] |
Sets the duration with which images are faded in and out. | $setlayouttransition:[seconds] |
Sets the duration of layout changes. | $setmargin:[size] |
Sets the size of the margin surrounding a character region. | $setborderwidth:[width] |
Sets the width of the border surrounding a character region. | $setbordercolor:[CSS color] |
Sets the color of the border surrounding a character region. | $setbackgroundsize:[CSS background size] |
Sets the size of the current background image. | $setvolume:[0-1] |
Set the volume of sounds associated with the current character. | $pause |
Pauses playback of media associated with the current character. | $play |
Plays media associated with the current character. | $setloop:[boolean] |
Sets the loop state for media associated with the current character. | $setaspectratio:[aspect ratio] |
Constrains the aspect ratio of the stage to the given value. | $setcaptionmargin:[size] |
Sets the size of the margin surrounding a character region's caption. | $setcaptionbackgroundcolor:[CSS color] |
Sets the background color of the caption for the current character region. | $setcaptionpadding:[size] |
Sets the size of the padding for a character region's caption. | $fadeto:[CSS color] |
Fades the character region to the given color. | $enteronseam:[right] [left] [top] [bottom] |
Randomly moves the character region in from offscreen in one of the specified directions (right, left, top, bottom), along an existing region seam. | $push:[columns] [rows] |
Pushes all character regions except the current one by the specified number of rows and columns. | $pushall:[columns] [rows] |
Pushes all character regions by the specified number of rows and columns. | $setfadeduration:[seconds] |
Set the duration of fade animations. | $setbackgroundimage:[URL or "none"] |
Sets the background image of the current character region to the image at the specified URL. Using "none" will remove any previous image. |
---|
Enter the URL of your specially formatted Google Sheets document below. The document must be published to the web in Google Sheets using File > Publish to the Web... but do not use the URL shown in the Publish to Web dialog. Instead, copy the URL to your spreadsheet from the location bar of your browser.
Enter Stepwise XML below. More about Stepwise XML.
Choose a new script to load.
The opening number from Hamilton: An American Musical. Book, lyrics and music by Lin-Manuel Miranda. © Hamilton the Musical.
Verbs from a walkthrough for the boss battles of the 1994 video game Earthworm Jim, set to music adapted from Tommy Tallarico’s score.
A sentence that includes every letter of the alphabet.
Packing instructions for strangers met in passing. Text by Erik Loyer. Music inspired by a phrase credited to Aaron Copland in Miguel Atwood-Ferguson's Phrase Codex, elaborated by Erik Loyer.
A collection of Critical Commons GIF animations from GIPHY. Includes animations by SSWIII.
A poetic loop from Laura Mvula's song "Green Garden".
Non-Stop, from Hamilton: An American Musical. Book, lyrics, music, and © by Lin-Manuel Miranda.
A protest chant.
Eight scholars join an experimental writing workshop in the hope of transforming their work and its impact. They find that by changing the way you write, you can indeed change the way you think—but can that change the world? Part 1 of 2.
Eight scholars join an experimental writing workshop in the hope of transforming their work and its impact. They find that by changing the way you write, you can indeed change the way you think—but can that change the world? Part 1 of 2.
Gerunds from a walkthrough for the 1994 video game Super Metroid, set to music adapted from Kenji Yamamoto and Minako Hamano's score.
A musical adaptation of the influential work of concrete poetry by Décio Pignatari. Text by Décio Pignatari. Music by Erik Loyer.
A description of Isao Tomita's album "The Bermuda Triangle" published in Electronics and Music Maker magazine, February 1983.
Apocalyptic tic-tac-toe inspired by the 1983 film WarGames.
A protest chant.
A story about a depressed and anxious mind. By Elizabeth Brantley.
A transcription of the text and music for Nike's Unlimited Greatness ad telling the story of Serena Williams' career, first aired during the 2016 U.S. Open. © 2016 Nike.
The classic Abbott and Costello comedy routine. Demonstration text showing dialogue between two characters.
A story in which some Americans are surprised to discover to whom they are adjacent. Three rows of randomized statements describing attitude, proximity, and identity. Text and music by Erik Loyer.
Enter the text of your script below. Each line wil be turned into a separate step.