Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

Here's the Rive source file and the code behind it. The Rive file is available on the Rive Rive Marketplace, and I'll also share the code below. Apologies in advance for the messy file structure and naming conventions. At some point I stopped naming things properly and chose chaos instead.

Angga Motion

1,890 subscribers

56,636 görüntüleme • 1 ay önce •via X (Twitter)

Sanat Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

"Spotify Wrapped" was built with Rive. LinkedIn's "Year End Review" was built in Rive. The UI inside of every BMW is built with Rive. And now, Rive just launched Scripting! Want to try it out, and win $5k? Today we are launching the "Scripting with Rive" challenge on Contra. What are you going to build ?

"Spotify Wrapped" was built with Rive. LinkedIn's "Year End Review" was built in Rive. The UI inside of every BMW is built with Rive. And now, Rive just launched Scripting! Want to try it out, and win $5k? Today we are launching the "Scripting with Rive" challenge on Contra. What are you going to build ?

ben

32,915 görüntüleme • 6 ay önce

The only tool we use for animation is Rive. Our agency relies entirely on Rive for its features, and we believe it's the #1 solution for this type of animation. Rive animations are lightweight and high-performance too.

The only tool we use for animation is Rive. Our agency relies entirely on Rive for its features, and we believe it's the #1 solution for this type of animation. Rive animations are lightweight and high-performance too.

Praha

44,595 görüntüleme • 6 ay önce

$It's incredible what you can do with Rive + Cursor in just a few hours. This nav I built in Rive is fully integrated into my Swift app and took a fraction of the time to build as it would doing it all in code. It's super performant and really lightweight.$

It's incredible what you can do with Rive + Cursor in just a few hours. This nav I built in Rive is fully integrated into my Swift app and took a fraction of the time to build as it would doing it all in code. It's super performant and really lightweight.

Ben

153,681 görüntüleme • 1 yıl önce

The Games with Rive Challenge just dropped! 👾 Build playable experiences with Rive, share a demo, and enter to win $5K in prizes. Show us what you’ve got 🔥

The Games with Rive Challenge just dropped! 👾 Build playable experiences with Rive, share a demo, and enter to win $5K in prizes. Show us what you’ve got 🔥

Contra

15,462 görüntüleme • 5 ay önce

It's a wrap. Contra x Rive HMI Challenge is ready and sent. You can find link the entire project in the comments. There is also a video walkthrough and some behind the scenes for anyone interesting in the setup/built.

It's a wrap. Contra x Rive HMI Challenge is ready and sent. You can find link the entire project in the comments. There is also a video walkthrough and some behind the scenes for anyone interesting in the setup/built.

Bartek Radziejewski

21,650 görüntüleme • 4 ay önce

Dis 3D Dis. I just can't stop playing with Rive last features. 3D is now accessible for interactivity AND motion design. I'll share the workflow (easy) very soon.

Dis 3D Dis. I just can't stop playing with Rive last features. 3D is now accessible for interactivity AND motion design. I'll share the workflow (easy) very soon.

Frédéric BERRIA

10,263 görüntüleme • 2 ay önce

First look at Rive support in Backdrop 🤩 I optimised performance down to extremely low levels (4-5% CPU) and barely any energy impact! And that's with a fairly intense example of the new Feather effect. Gaussian blur could never. The Rive team did a great job 👏

First look at Rive support in Backdrop 🤩 I optimised performance down to extremely low levels (4-5% CPU) and barely any energy impact! And that's with a fairly intense example of the new Feather effect. Gaussian blur could never. The Rive team did a great job 👏

Oskar Groth

40,467 görüntüleme • 1 yıl önce

Lottie is truly remarkable for website animations. We refactored our homepage animations Dub.co from Rive → Lottie, resulting in 90% smaller file sizes. At our scale, this saved us $1K+/mo on Cloudfront 🤯 h/t Nattu for the pro-tip + Marcus Farrell for the refactor

Lottie is truly remarkable for website animations. We refactored our homepage animations Dub.co from Rive → Lottie, resulting in 90% smaller file sizes. At our scale, this saved us $1K+/mo on Cloudfront 🤯 h/t Nattu for the pro-tip + Marcus Farrell for the refactor

Steven Tey

64,254 görüntüleme • 7 ay önce

We recently had the pleasure of realising Jasper's new Website experience. It's jazzy. Built Webflow with some Rive and GSAP magic and flair.

We recently had the pleasure of realising Jasper's new Website experience. It's jazzy. Built Webflow with some Rive and GSAP magic and flair.

OFF+BRAND.

50,667 görüntüleme • 1 yıl önce

Recently released a massive update for Slash - redesign, rebranding, and development of the new website. - Next.js - Sanity - TailwindCSS - Rive

Recently released a massive update for Slash - redesign, rebranding, and development of the new website. - Next.js - Sanity - TailwindCSS - Rive

Alex Barashkov

34,275 görüntüleme • 1 yıl önce

This is wild. Rive just released a new Layout feature It lets us easily change the aspect ratio of our designs and automatically resizes all the elements for us!

This is wild. Rive just released a new Layout feature It lets us easily change the aspect ratio of our designs and automatically resizes all the elements for us!

el.cine

154,153 görüntüleme • 1 yıl önce

I've gotten some feedback and also added a few things in (Then my dumbass overwritten the fbx file with a blank blend file and had to do the changes all over again 💔)

I've gotten some feedback and also added a few things in (Then my dumbass overwritten the fbx file with a blank blend file and had to do the changes all over again 💔)

SkyThePony

89,360 görüntüleme • 6 ay önce

Create file upload dropzone using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Create file upload dropzone using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

89,810 görüntüleme • 2 yıl önce

Happy to announce two cool updates to Endel on the web: 1) All the iOS/Android Scenarios are now available on the web, too 2) Visualizers now look and work better, courtesy of Rive Check it out and let us know what you think!

Happy to announce two cool updates to Endel on the web: 1) All the iOS/Android Scenarios are now available on the web, too 2) Visualizers now look and work better, courtesy of Rive Check it out and let us know what you think!

Endel

17,101 görüntüleme • 1 yıl önce

LinkedIn wrapped is here! And it's made with Rive Stoked to be invited by BUCK to join the project. I wasn’t actually animating the thing though I had more of a technical assignment and we had quite a few things to solve. There is 9 chapters total (but not everyone sees all the chapters or even all the slides in given chapter) in 3 languages, the data being sent to Rive is raw so we had to cover for many variables: - A progress bar aware what chapters are included for given user - A progress bar checking what slides are included for and logging their duration time to progress bar - A custom slider solution (the default Rive slider is not enough if you turn contents on and off) - A State Machine logic aware of chapters or slides skipped from playback - A custom slider behavior for when there is auto-slide (instant) and tap-slide (slide animation) - A custom text-length tracker for to dynamically change font-size for long strings - A custom screen ratio tracker to scale down the UI for small screens - Handling dynamically handle big numbers (10,000 becomes 10k etc.) - Handling translations (3 languages) - Super complex behaviour for when if some data-point is missing we don’t leave a blank space, but it is being replaced with other data point instead (so some user se A-B-C, but some will see only B-C as if A never existed without leaving blank space) - Rage click prevention Amazing experience, thanks for having me. People at BUCK are absolutely goated, kudos to everyone who was helping me and to everyone who was actually doing the animations, stunning. Is it the biggest Rive exposure yet? Maybe Rive

LinkedIn wrapped is here! And it's made with Rive Stoked to be invited by BUCK to join the project. I wasn’t actually animating the thing though I had more of a technical assignment and we had quite a few things to solve. There is 9 chapters total (but not everyone sees all the chapters or even all the slides in given chapter) in 3 languages, the data being sent to Rive is raw so we had to cover for many variables: - A progress bar aware what chapters are included for given user - A progress bar checking what slides are included for and logging their duration time to progress bar - A custom slider solution (the default Rive slider is not enough if you turn contents on and off) - A State Machine logic aware of chapters or slides skipped from playback - A custom slider behavior for when there is auto-slide (instant) and tap-slide (slide animation) - A custom text-length tracker for to dynamically change font-size for long strings - A custom screen ratio tracker to scale down the UI for small screens - Handling dynamically handle big numbers (10,000 becomes 10k etc.) - Handling translations (3 languages) - Super complex behaviour for when if some data-point is missing we don’t leave a blank space, but it is being replaced with other data point instead (so some user se A-B-C, but some will see only B-C as if A never existed without leaving blank space) - Rage click prevention Amazing experience, thanks for having me. People at BUCK are absolutely goated, kudos to everyone who was helping me and to everyone who was actually doing the animations, stunning. Is it the biggest Rive exposure yet? Maybe Rive

Bartek Radziejewski

24,978 görüntüleme • 7 ay önce

Recreate iOS Messages in one step using a Rive layout that fills the space. Simulate a real conversation with 10 messages and placeholders for icons. Include the header and input field. Use the correct color scheme

Recreate iOS Messages in one step using a Rive layout that fills the space. Simulate a real conversation with 10 messages and placeholders for icons. Include the header and input field. Use the correct color scheme

Guido Rosso

17,590 görüntüleme • 1 yıl önce

I’ve completed 1/3 of the UI/UX design for the Chog Portal, and it has been a pleasure working with . His productivity is truly remarkable. This design phase was done in Figma, and several upcoming features will be implemented using the Rive. I’ll share more once they are released.

I’ve completed 1/3 of the UI/UX design for the Chog Portal, and it has been a pleasure working with . His productivity is truly remarkable. This design phase was done in Figma, and several upcoming features will be implemented using the Rive. I’ll share more once they are released.

ZhangLiu

18,011 görüntüleme • 8 ay önce

Your PM and Developer roll their eyes when they see interfaces like that. No more because now you can make it without code. By yourself. In Rive Developers can finally focus on development, not recreating your design again. You finished it, and it’s ready for testing and deployment on real products. Here is my Shutter speed interface for the camera.

Your PM and Developer roll their eyes when they see interfaces like that. No more because now you can make it without code. By yourself. In Rive Developers can finally focus on development, not recreating your design again. You finished it, and it’s ready for testing and deployment on real products. Here is my Shutter speed interface for the camera.

Dmitry Novikov 🇺🇦

41,785 görüntüleme • 1 yıl önce