How-to guides
Remix the showcase
Open six finished creative projects, see how they were made, and direct a meaningful revision of your own.
Start with a finished piece, open its source, and change a creative decision. Each film below has its own brief, production recipe, and suggested revision. The illustrations, geometry, animation, and music are original; the eclipse edits use credited NASA footage.
For a first project, follow Create and revise your first animation. The complete showcase recipes use a source checkout, Bun, and the runtimes named in each recipe. Rendering happens locally. The illustrated and 3D pieces need no paid model; the eclipse explainer can use your own recording or generated narration.
Rain, bottled
Blender scene
Rain, bottledAn imaginary luxury object contains a miniature storm. Four composed shots bring its brass, glass, light and weather to life with an original score.
14s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun; a qualified Blender 5.2.2 runtime, Python 3 and FFmpeg. No paid model is needed.
The brief: make a tiny weather instrument feel like an object worth collecting. A metal selector, a suspended cloud, a contained storm, and a final droplet give the fourteen-second advertisement a beginning and an ending.
The scene uses Blender geometry, a volume cloud, clear glass, studio lighting, and four camera setups. The rain and water rings are art-directed geometry. A separately authored score supplies metal clicks, rain, thunder, and the final droplet. Picture and sound remain separate inputs in the assembled Slopcamera project.
Open the source and production recipe. Render a still before the complete sequence: transparent materials and small engraved details need inspection at full size.
Direct another version: “Keep the framing and instrument. Make the rain amber, and make the storm half as fierce.” The supplied revision job changes rain strength and color in the same scene. For a timing change, edit the shot intervals and sound cues together.
Last tram
HTML timeline
Last tram to the moonA copper tram changes its destination from CITY to MOON, then follows a rising track out of a rainy midnight city.
12s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun; macOS with a qualified Slopcamera local HTML runtime and FFmpeg. Original score uses Python 3 with NumPy. No paid model is needed.
The brief: a copper tram in a rainy midnight city changes its destination to MOON, then follows the rails into the sky. The destination must register before departure; the last composition needs time to settle.
The scene is original Canvas artwork with layered city silhouettes, rain, moving wheels, and a rising track. Slopcamera renders the retained HTML scene and its original score. The artwork needs no image service, stock assets, or downloaded font.
Last tram, revised
HTML timeline
Last tram, a larger moonThe same journey, palette and timing, with a larger moon that changes the composition. A real rendered revision of the same editable scene.
12s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun; macOS with a qualified Slopcamera local HTML runtime and FFmpeg. Original score uses Python 3 with NumPy. No paid model is needed.
The direction: “Make the moon larger so it dominates the destination. Keep the journey, palette, and timing.” These are two rendered versions of the same source. Compare the same moment, then watch both endings.
Make both versions in the first-animation tutorial, or open the scored production recipe. The tutorial renders silent picture; the production recipe adds the soundtrack.
Paper ocean
HTML timeline
An ocean folded from paperAn envelope opens into layered waves. A paper whale breaches; the ocean settles into a finished illustrated poster.
12s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun; macOS with a qualified Slopcamera local HTML runtime and FFmpeg. Original score uses Python 3 with NumPy. No paid model is needed.
The brief: an envelope opens into an ocean, a whale breaches, and the whole scene settles into a print. Keep the paper edges, restrained palette, and layered shadows consistent as the composition unfolds.
The paper, grain, shapes, lighting, and motion are procedural Canvas artwork. The whale and quiet values of parameters.variant offer different compositions. A still export uses the same source as the film, so the final image can continue into a poster or article illustration.
Open the source and film/still recipes.
Direct another version: “Use the quiet composition. Make the sea a little darker and give the whale more space above the water. Keep the folded-paper edges and warm stock.” Check the overlapping layers during the breach, then inspect the still at its final display size.
Laundromat after midnight
HTML timeline
The laundromat after midnightA record-shaped dancer brings a midnight laundromat to life, with spinning machines, wayward socks and an original twelve-second score.
12s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun; macOS with a qualified Slopcamera local HTML runtime and FFmpeg. Original score uses Python 3 with NumPy. No paid model is needed.
The brief: a record-shaped dancer wakes up a pastel laundromat. A sock interrupts the routine; the character recovers and finds the matching pair.
The performance uses authored poses, alternating planted feet, flexible limbs, a sock arc, and six bars of original music. It is a 2D Canvas scene. Motion and sound share a deliberate twelve-second structure.
Direct another version: “Give the dancer a longer surprised pause when the sock lands. Take that time from the first dance phrase and move the musical accent with it.” Review the planted feet, the contact, and the recovery in motion.
Square-wave jazz
HTML timeline
A square wave auditions for jazzFive odd harmonics find their swing. Watch and hear their actual Fourier sum approach a square wave in an illustrated jazz miniature.
12s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun; macOS with a qualified Slopcamera local HTML runtime and FFmpeg. Original score uses Python 3 with NumPy. No paid model is needed.
The brief: let five odd harmonics form a tiny jazz band. Hear the tone become brighter as the visible wave becomes squarer.
The lead voice and displayed curve use the same Fourier sum, with partial weights of 1, 1/3, 1/5, 1/7, and 1/9. Five terms approximate a square wave; the overshoot remains visible. The musicians represent pure partials. Bass, piano, and brushes accompany the lead, so the picture shows its oscillator rather than the complete audio mix.
Open the source, score, and mathematical check, or read the visual transcript.
Direct another version: “Turn this into a nocturnal radio show: deep blue stock, pale pink ink, and quieter brushes. Preserve the equation, entry times, and overshoot.” Run the supplied check after changing the wave or its labels.
One shoot, three stories
The same NASA eclipse time-lapse becomes three different pieces through selection, framing, typography, pace, and sound. Footage: NASA / Mike Toillion, Mazatlán, Mexico, 8 April 2024. These are independent edits; NASA does not endorse Slopcamera.
One shoot, cinematic
Color grade
One shoot, three storiesNASA eclipse footage becomes a quiet monochrome film with a precise title, a restrained score and a held ending. Compare its vertical and narrated cuts in the guide.
12s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun and FFmpeg on macOS or Linux; the credited NASA input. Supply a short recording for narration or generate one with a paid provider.
A monochrome landscape cut gives the eclipse space, with a restrained title and a quiet original score. The source time-lapse is accelerated further for this short edit.
One shoot, vertical
Color grade
The eclipse, in portraitThe same NASA time-lapse becomes a vertical edit: a close crop, expressive typography and an original pulsing score.
12s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun and FFmpeg on macOS or Linux; the credited NASA input. Supply a short recording for narration or generate one with a paid provider.
The same sequence gets a square crop inside a vertical canvas, a different typographic hierarchy, and a more rhythmic score. Text occupies deliberate space above and below the footage.
One shoot, explainer
Color grade
The hidden atmosphereA narrated visual explanation reveals the Sun’s corona, with a deliberate annotation, a quiet score and English captions.
12s · Sound available in video controls
Follow the guideView sourceOpen video
Requirements
Requires: Source checkout; Bun and FFmpeg on macOS or Linux; the credited NASA input. Supply a short recording for narration or generate one with a paid provider.
A tighter selection, a labeled corona, narration, and captions explain what becomes visible when the Moon covers the Sun's bright disk. The recording and picture remain separate source files.
Open the editing recipe, footage credit, and narration text. It combines Slopcamera's local color operation with explicit FFmpeg edits, overlays, and audio mixing. The recipe makes no provider call; supply your own short recording or follow Generate images, video, and narration.
Direct another version: “Keep the eclipse, but make the vertical cut quiet and contemplative. Remove the pulse, delay the title, and hold the last clear view.” Review the crop on a phone and check that every spoken word has time to finish.
Carry the method into your own work
Borrow a decision, then change the subject: the tram's readable departure, the bottle's material study, the paper ocean's ending, the dancer's anticipation, the jazz film's visible explanation, or the eclipse's three editorial treatments. Keep earlier versions and judge the whole sequence with sound. Direct a film gives you the vocabulary for the next revision.