The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Loading animation for an Activity Tracker app.
The app was loading too long on the watch, around 15 seconds. And at that time it was hard to find the way to load it faster. So he asked me to give my variant of loading animation.
I wanted to breathe a bit of life into the gear logo. And this was my suggestion.
Made in Rive. Check it with a little bit of interaction
https://rive.app/marketplace/23210-43523-gear-loading-animation/
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Just published a new case study on Contra for Tiun.io 🚀
A 3-minute product launch video combining UI animation, motion graphics, and dynamic transitions to showcase their backend infrastructure platform.
Check it out and let me know what you think💭
It's alive! It's alive! And it's... addicted to mobile games?
DOOMSWIPE -- Doomscrolling for monsters -- is my entry for the Rive Halloween Challenge!
This is what comes out when you pour an ounce of CLI, a drop of GPU Canvas, a spoon of craft, a cup of scripting, a web of state machine transitions, and a ton of intention into building something w/ Rive 🎃
DEAD STILL is a Victorian spirit-photography game in three sittings. Ghosts can’t be seen. Only photographed.
You are J. Ashworth, “Photographer of the Departed”. Frame your clients, turn the brass focus ring, and hold a long exposure while the plate drinks the light. Then rock the plate in a red-lit darkroom and watch who was really standing beside them:
- The widow: her husband, in his empty armchair. The first sitting teaches you, step by step.
- The twins: a dead girl who will not keep still. Frost on the glass betrays her, and only a magnesium flash can freeze her.
- Mr. Hale: an investigator who asks for a portrait “with whoever is here”. Then the print looks back at you.
Rive features used:
1) Rive CLI: the whole project is RML, Luau and WGSL, checked with --verify, inspect, --screenshot and --test (20 unit tests that guard the rules), and shipped with --publish=web.
2) GPU Canvas: the shaders are the mechanics:
- 2D Rive artboards lit inside a 3D studio, with shadows and depth of field
- long exposure as real accumulation into a float plate: anything that moves smears
- a development shader you agitate by hand, with the dead coming up last
- frost on the ground glass where a spirit stands, and candle flames that bend toward the cold
- a magnesium flash, then smoke
- for the twist, a "living print": the plate re-exposed every frame, so a face in the photograph can open its eyes
3) Scripting (Luau): the sittings, the scoring and the story; it scrubs Ashworth's Wake timeline to open his eyes.
4) Data Binding: one view model drives the whole HUD.
5) State machines on every artboard; the HUD's hints run on one.
6) Skinned image meshes with bones for every character, each with an idle timeline.
7) Layout, vector feathering, trim paths, dash paths and Rive audio (gapless loops for the clock, the candles and the darkroom).
The video shows the game itself (every gameplay frame rendered by the game), the CLI run that shipped it, its RML, Luau and WGSL, the GPU Canvas passes, the file opened in the Rive Editor, and the same signed .riv running in a local build of my own portfolio site.
Amazing....
