en.osm.town is one of the many independent Mastodon servers you can use to participate in the fediverse.
An independent, community of OpenStreetMap people on the Fediverse/Mastodon. Funding graciously provided by the OpenStreetMap Foundation.

Server stats:

250
active users

#rive

0 posts0 participants0 posts today
TOV<p>Shotcut open source video editor supports a wide variety of animation formats, including Lottie, rawr, Rive, and After Effects animations.</p><p><a href="https://shotcut.org/features/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">shotcut.org/features/</span><span class="invisible"></span></a></p><p><a href="https://fosstodon.org/tags/shotcut" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shotcut</span></a> <a href="https://fosstodon.org/tags/Lottie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Lottie</span></a> <a href="https://fosstodon.org/tags/rawr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rawr</span></a> <a href="https://fosstodon.org/tags/Rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rive</span></a> <a href="https://fosstodon.org/tags/After" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>After</span></a> <a href="https://fosstodon.org/tags/Effects" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Effects</span></a> <a href="https://fosstodon.org/tags/animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animations</span></a></p>
💧🌏 Greg Cocks<p>The Ecological Benefits Of More Room For Rivers<br>--<br><a href="https://doi.org/10.1038/s44221-025-00403-0" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">doi.org/10.1038/s44221-025-004</span><span class="invisible">03-0</span></a> &lt;-- shared technical article<br>--<br><a href="https://techhub.social/tags/spatial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spatial</span></a> <a href="https://techhub.social/tags/spatiotemporal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spatiotemporal</span></a> <a href="https://techhub.social/tags/morphology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>morphology</span></a> <a href="https://techhub.social/tags/meander" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>meander</span></a> <a href="https://techhub.social/tags/levee" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>levee</span></a> <a href="https://techhub.social/tags/understanding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>understanding</span></a> <a href="https://techhub.social/tags/oxbow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oxbow</span></a> <a href="https://techhub.social/tags/pointbar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pointbar</span></a> <a href="https://techhub.social/tags/river" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>river</span></a> <a href="https://techhub.social/tags/water" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>water</span></a> <a href="https://techhub.social/tags/hydrology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hydrology</span></a> <a href="https://techhub.social/tags/landform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>landform</span></a> <a href="https://techhub.social/tags/geomorphology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geomorphology</span></a> <a href="https://techhub.social/tags/geomorphometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geomorphometry</span></a> <a href="https://techhub.social/tags/geology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geology</span></a> <a href="https://techhub.social/tags/fluvial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fluvial</span></a> <a href="https://techhub.social/tags/riverine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>riverine</span></a> <a href="https://techhub.social/tags/weather" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>weather</span></a> <a href="https://techhub.social/tags/climate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>climate</span></a> <a href="https://techhub.social/tags/erosion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>erosion</span></a> <a href="https://techhub.social/tags/sediment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sediment</span></a> <a href="https://techhub.social/tags/sedimentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sedimentation</span></a> <a href="https://techhub.social/tags/DEM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DEM</span></a> <a href="https://techhub.social/tags/floodplain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>floodplain</span></a> <a href="https://techhub.social/tags/terraces" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>terraces</span></a> <a href="https://techhub.social/tags/ecsosystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ecsosystems</span></a> <a href="https://techhub.social/tags/ecology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ecology</span></a> <a href="https://techhub.social/tags/sustainable" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sustainable</span></a> <a href="https://techhub.social/tags/climatechange" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>climatechange</span></a> <a href="https://techhub.social/tags/flood" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flood</span></a> <a href="https://techhub.social/tags/floodrisk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>floodrisk</span></a> <a href="https://techhub.social/tags/risk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>risk</span></a> <a href="https://techhub.social/tags/hazard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hazard</span></a> <a href="https://techhub.social/tags/management" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>management</span></a> <a href="https://techhub.social/tags/planning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>planning</span></a> <a href="https://techhub.social/tags/monitoring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>monitoring</span></a> <a href="https://techhub.social/tags/migration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>migration</span></a> <a href="https://techhub.social/tags/engineering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>engineering</span></a> <a href="https://techhub.social/tags/unconfined" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>unconfined</span></a> <a href="https://techhub.social/tags/rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rive</span></a> <a href="https://techhub.social/tags/channel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>channel</span></a> <a href="https://techhub.social/tags/metaecosystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>metaecosystem</span></a> <a href="https://techhub.social/tags/connections" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>connections</span></a> <a href="https://techhub.social/tags/biodiversity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>biodiversity</span></a> <a href="https://techhub.social/tags/extremeweather" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>extremeweather</span></a></p>
Codrops<p>In today’s tutorial by Abe Yang, learn how to bring the Mac Mini animation to life using Rive’s powerful no-code tools, with tips on nested artboards, state machines, and faux 3D effects. </p><p>Check it out: <a href="https://tympanus.net/codrops/2024/11/14/recreating-the-mac-mini-effect-step-by-step-in-rive/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tympanus.net/codrops/2024/11/1</span><span class="invisible">4/recreating-the-mac-mini-effect-step-by-step-in-rive/</span></a></p><p><a href="https://mastodon.social/tags/3d" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>3d</span></a> <a href="https://mastodon.social/tags/rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rive</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a></p>
Tizian<p><span class="h-card" translate="no"><a href="https://infosec.exchange/@Em0nM4stodon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Em0nM4stodon</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.art/@Krita" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Krita</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.art/@inkscape" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>inkscape</span></a></span> I think this settles it to use <a href="https://mastodon.online/tags/Rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rive</span></a> over <a href="https://mastodon.online/tags/LottieFiles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LottieFiles</span></a> :BlobhajShock:</p>
Matthias Andrasch<p>Played around a bit more with <a href="https://social.tchncs.de/tags/rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rive</span></a> and added a navbar example with an animated button - still need to figure out how to crop in Rive Editor <a href="https://rive-vite-demo.vercel.app/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">rive-vite-demo.vercel.app/</span><span class="invisible"></span></a><br><a href="https://social.tchncs.de/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://social.tchncs.de/tags/webanimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webanimation</span></a></p>
Matthias Andrasch<p>Good News: With help of Aratmany I got Rive running within Vite. 🥳 <a href="https://social.tchncs.de/tags/rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rive</span></a> <a href="https://social.tchncs.de/tags/vite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vite</span></a> <a href="https://social.tchncs.de/tags/webgl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webgl</span></a><br><a href="https://github.com/mandrasch/rive-vite-demo" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mandrasch/rive-vite</span><span class="invisible">-demo</span></a></p>
Mario<p>I have some bad news...seems Inkscape-produced SVG files don't work great with <a href="https://mastodon.art/tags/Rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rive</span></a>. <br>One file loaded fine. Another started to load, and never stopped. I had to re-open the file in Adobe Illustrator and re-save the SVG file per the instructions on Rive's site, and then it worked. I did look at the before and after SVG text, and the Inkscape-specific tags might be futzing w Rive and making it fail to load.</p><p><a href="https://mastodon.art/tags/inkscape" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>inkscape</span></a> nerds - how do we fix this?</p>
Matthias Andrasch<p>Tried my first Vite demo with Rive today - production build works fine, but locally I run into "Uncaught TypeError: Cannot read properties of undefined (reading 'Rive')" 🤔<a href="https://github.com/mandrasch/rive-vite-demo" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mandrasch/rive-vite</span><span class="invisible">-demo</span></a> <a href="https://social.tchncs.de/tags/vite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vite</span></a> <a href="https://social.tchncs.de/tags/rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rive</span></a> <a href="https://social.tchncs.de/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
Matthias Andrasch<p>"Rive: Animate Web UIs with State Machines" <a href="https://social.tchncs.de/tags/rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rive</span></a> <a href="https://social.tchncs.de/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a> <a href="https://marmelab.com/blog/2023/01/30/rive-animation-state-machine.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">marmelab.com/blog/2023/01/30/r</span><span class="invisible">ive-animation-state-machine.html</span></a></p>
Matthias Andrasch<p>"Is this the new Flash? Rive and the future of interactive design" - School of Motion Podcast 👨‍🎨 👩‍🎨 <a href="https://social.tchncs.de/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://social.tchncs.de/tags/motion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motion</span></a> <a href="https://social.tchncs.de/tags/rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rive</span></a> <a href="https://open.spotify.com/episode/64pOVsEV32RAcgHJo4sSIt?si=SKJMIXAbSgWiH7QyeEEa4g" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">open.spotify.com/episode/64pOV</span><span class="invisible">sEV32RAcgHJo4sSIt?si=SKJMIXAbSgWiH7QyeEEa4g</span></a></p>
Matthias Andrasch<p>Since I had more contact with a motion designer I totally got curious about <a href="https://social.tchncs.de/tags/Spline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Spline</span></a>, <a href="https://social.tchncs.de/tags/Rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rive</span></a>, <a href="https://social.tchncs.de/tags/ThreeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ThreeJS</span></a>, <a href="https://social.tchncs.de/tags/WebGL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebGL</span></a> and all the other awesome stuff happening in the area of interactive web animations (2D/3D). (Most of the time I still try to figure out how I could control these things easily via <a href="https://social.tchncs.de/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> though, like scroll trigger. 🤓 )</p>
Mitex LeoIn the hush of dawn, the world awakes,<br> As the sun's first light gently breaks.<br> A palette of colors fills the sky,<br> As night surrenders, bidding goodbye.<br> <br> The birds sing out their morning tune,<br> As nature stirs beneath the moon.<br> The earth is bathed in golden glow,<br> In the quiet magic that only sunrise can bestow.<br> <br> A new day dawns, full of hope and light,<br> Chasing away the remnants of the night.<br> In the embrace of the sun's warm rays,<br> We find the promise of brand new days.<br> <br> <a href="https://nixorigin.one/discover/tags/morning?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#morning</a> <a href="https://nixorigin.one/discover/tags/nature?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#nature</a> <a href="https://nixorigin.one/discover/tags/trees?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#trees</a> <a href="https://nixorigin.one/discover/tags/sunrise?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#sunrise</a> <a href="https://nixorigin.one/discover/tags/fediverse?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://nixorigin.one/discover/tags/pixelfed?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#pixelfed</a> <a href="https://nixorigin.one/discover/tags/photography?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#photography</a> <a href="https://nixorigin.one/discover/tags/sun?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#sun</a> <a href="https://nixorigin.one/discover/tags/rive?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#rive</a> <a href="https://nixorigin.one/discover/tags/bangladesh?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#bangladesh</a>
Amadeus Maximilian<p>If you're looking for ways to do complex animations in your <a href="https://mastodon.design/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> projects and aren't interested in going the SVG + CSS / SMIL or want to visually prototype them, have a look at <a href="https://mastodon.design/tags/Rive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rive</span></a> or <a href="https://mastodon.design/tags/Fable" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fable</span></a>, two really interesting projects for creating animations on the web / for the web. 😊</p><p>I feel like they're not being talked about much on here, so I thought I'd mention them. 😊</p><p>Learn more at <a href="https://fable.app" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">fable.app</span><span class="invisible"></span></a> and <a href="https://rive.app" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">rive.app</span><span class="invisible"></span></a></p><p><a href="https://mastodon.design/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.design/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a></p>