
In Progress
Posted
Paid on delivery
In Rive create a user-interactive 2D animation that mirrors exactly the layout and functionality of an existing sample provided as swf Flash. I provide a paid Rive account for the project. I provide the the images, audio track files and the texts to be used in the animation. Scope: • Re-create the sample’s structure, timing, and interactions in a new Rive project with a new, atrractive UI. • Sync each scene with the provided audio and texts. • Ensure the transitions are accurate, and audio doesn't have interruptions. • Create a simple navigation system (js/html) to allow choosing quickly a chapter from the list with all chapters. • Package the finished animation in a clean HTML5 wrapper. A milestone will be released after each chapter is delivered as part of the entire project. Deliverables: .riv file, .rev project
Project ID: 40714715
87 proposals
Remote project
Active 6 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

Hi, there. I recently developed a Rive-based interactive animation with multiple scenes, shared UI components, synchronized audio, chapter navigation, and an HTML5 wrapper for browser delivery. The main challenge was maintaining accurate timing between animation, narration, text, and user interactions while keeping repeated elements consistent across chapters. I handled this through reusable Rive components, state machines, carefully organized timelines, and JavaScript-driven chapter control. I am planning to recreate the SWF structure in Rive with a refreshed UI, matching scene transitions and interaction behavior while using the supplied images, audio, and text. I offer to build the chapter list in JavaScript/HTML, connect it to the Rive runtime, prevent audio interruptions, and package each completed chapter with its .riv and .rev project files inside a clean HTML5 wrapper. I can also structure common elements so future chapter updates remain maintainable instead of requiring unnecessary duplication. If I use my previous experience, your project will likely be completed successfully. Hope to discuss this in detail. Through detailed discussion, I think I can find the better solution to finish your project successfully. Thank you
$50 USD in 7 days
2.7
2.7
87 freelancers are bidding on average $68 USD for this job

Hello, Over the past 15 years, I've cultivated a robust skill set that aligns perfectly with your project needs. As an experienced developer well-versed in JavaScript and Mobile App Development, I am confident that I can successfully recreate the structure, timing, and interactions of your sample Flash animation using Rive. My in-depth knowledge of Rive combined with my ability to sync scenes seamlessly with audio and texts makes me the right choice to ensure accurate transitions with no audio interruptions. In addition to my technical capabilities, my knack for creative UI design will give your project a unique and appealing look. My dedication to clean, maintainable coding practices ensures that end-products stand the test of time while facilitating long-term supportability. I'll apply these same standards as I package your animations within a clean HTML5 wrapper for a polished result. Lastly, my commitment to delivering projects on time is unwavering. The milestone-based approach you proposed meshes perfectly with how I prefer to work as well. So let's not only re-create each chapter as part of the entire project, but let's also create a long-lasting professional relationship where you can rely on me & A4Logic for future projects. Thank you for considering my application, I look forward to turning your vision into reality! Thanks!
$130 USD in 3 days
8.1
8.1

I’d start by breaking down the provided SWF into chapter states, scene timings, interaction triggers, and audio cues before rebuilding them in Rive, so the new UI remains attractive without changing the sample’s functionality. I’ll use the supplied images, text, and audio, then connect Rive state machines to a lightweight JavaScript/HTML chapter navigator and package everything in a clean HTML5 wrapper with uninterrupted scene playback. I’ll deliver the completed .riv file, .rev project, and working HTML5 wrapper in 4 days, with each chapter organized for milestone-based review. The paid Rive account can be used directly for the project, and I’ll keep the animation structure easy to adjust if timing or text changes are needed. Does the provided SWF contain all chapters and interactions in one file? Muhammad Saad
$50 USD in 4 days
7.8
7.8

With experience in Rive animations and HTML5 development, I understand your need to recreate a user-interactive 2D animation from a Flash sample. Could you clarify if the navigation system should also be compatible with mobile devices for optimal user experience? Regards, Yogesh Kumar
$50 USD in 8 days
7.8
7.8

Hey ClientFirstName, I can see the real challenge here: the hard part isn’t just recreating motion, it’s preserving the exact rhythm, scene logic, and audio flow while turning a Flash sample into a cleaner, modern Rive experience. I’ve worked on interactive web and animation integrations, and I can rebuild the structure, timing, and chapter navigation in a way that feels faithful yet polished. I’ve shared an initial estimate based on your description, and once we go over a few technical or functional details, I’ll confirm the exact cost and delivery schedule. I’ll organize the Rive scenes, sync the provided audio/text assets carefully, and package everything into a clean HTML5 wrapper with smooth chapter selection. If helpful, I can also structure the build so each chapter can be reviewed independently through milestones. How many chapters are in the sample, and do you want the new UI to stay visually close to the original or be more redesigned? Will each chapter need its own navigation state and progress handling inside the HTML wrapper? Do you already have the SWF file exported assets, or should I extract key timing references from the sample during implementation? Looking forward to your reply so we can finalize the exact plan. Thanks, Asad
$95 USD in 7 days
7.3
7.3

Hi, I went through your project details and understand what you're looking to achieve. I'd be interested in working with you on this. Based on the requirements you've shared, I can handle the project from start to completion while keeping the work aligned with your expectations, timeline, and desired outcome. My approach is straightforward: first, I'll make sure the requirements and expected deliverables are clear. Then I'll complete the work in structured stages, share progress along the way, incorporate your feedback, and deliver the final work after everything has been reviewed. Before we begin, I have a couple of questions about your requirements that will help me understand the scope more accurately. Feel free to message me so we can discuss the details and determine the best way to move forward. Best regards, Anum
$250 USD in 1 day
6.9
6.9

Hi there, Thank you for posting the good task! Flash to Rive only works when timing, hits, and audio stay locked to the sample, then the UI can look fresher without changing how people click through. I build interactive 2D in Rive and wrap it in clean HTML5 with simple JS chapter lists. Similar work includes a multi-scene Rive piece synced to a voice track, and an old SWF-style walkthrough rebuilt with state machines plus a chapter picker so reviewers could jump without scrubbing. Happy to share those in messages. I am comfortable in your paid Rive account, using the images audio and texts you supply, and delivering per-chapter milestones with the .riv file and Rive project on each drop. Audio gaps and mistimed transitions are the usual risk. I check scene cuts against the sample and keep playback continuous before packaging the HTML5 wrapper. One thing I would like to nail down before quoting is how many chapters the SWF contains and whether you can share that sample plus a chapter list at kickoff. Looking forward to working with you for the long term. Sincerely, Diah
$50 USD in 7 days
7.6
7.6

Your Flash-to-Rive migration will fail if the state machine logic isn't architected to handle audio sync without frame drops. Most developers treat this as a simple animation port, but Rive's event-driven model requires a completely different approach to timeline management than Flash's frame-based system. Quick questions - what's your target frame rate for mobile playback, and are you planning to preload all audio files or stream them per chapter? Here is the architectural approach: - RIVE STATE MACHINES: Build modular state controllers for each chapter with audio event listeners that trigger transitions without blocking the main thread. - HTML5 WRAPPER: Create a lightweight navigation shell using vanilla JavaScript with chapter indexing and preload logic to eliminate audio interruptions during scene changes. - MOBILE OPTIMIZATION: Implement asset compression and lazy-loading for .riv files to keep initial load under 2MB and maintain 60fps on mid-tier Android devices. I've migrated 4 legacy Flash projects to modern web animation frameworks for clients who needed SCORM-compliant training modules. Let's schedule a 15-minute call to review your sample SWF and confirm the state machine complexity before we lock scope.
$50 USD in 3 days
7.2
7.2

Hi there, Converting legacy Flash animations into modern Rive formats often leads to broken audio synchronization and clunky UI transitions if not handled with precise state machine structuring. I will recreate your legacy SWF animation in Rive with a modern, high-converting UI, flawless audio-visual sync, and a clean HTML5 wrapper featuring an intuitive chapter navigation system. Before we dive in, here are my questions: 1. Are there specific state machine triggers or conditional logic from the original SWF that need to be preserved in the new Rive file? 2. Do you have a preferred UI style or design system for the new attractive interface? Drop me a message so we can get started right away.
$50 USD in 1 day
6.2
6.2

Greetings, I see that you're looking to create an engaging interactive app using Rive that replicates an existing Flash animation. I can help with this by taking your provided images, audio, and texts to re-create the structure and interactions you need. My approach would involve carefully syncing the animations with the audio tracks to ensure a smooth flow and no interruptions, while also designing a fresh, attractive UI that enhances user experience. Additionally, I’ll implement a simple navigation system to make it easy for users to jump between chapters. With my background in JavaScript and web animation, I’m confident in delivering a polished .riv file and .rev project wrapped in clean HTML5. I’m excited to bring your vision to life! Best regards, Saba Ehsan
$50 USD in 4 days
6.2
6.2

Hi, You're looking to recreate a Flash SWF-like interactive sample as a Rive project with a new UI, synchronized audio, and a simple chapter navigator wrapped in HTML5. I’ve worked on asset-driven animations with exact timing and in-browser navigation, including audio sync and responsive UI. Execution approach: I’d start by mapping the SWF flow to a Rive timeline, import assets, and prototype a chapter-switcher in JS to validate timing against the audio before polishing transitions. One technical risk / key challenge: Audio drift or micro-timing deviations can accumulate across chapters if not checked early. Two clarification questions: 1) What should happen if a chapter's audio or text is revised after delivery? 2) Who owns the final assets and how should milestone handoffs be staged for review? If we're aligned, I can outline the implementation plan before kickoff. Best regards, Brandon
$100 USD in 1 day
6.1
6.1

Hi, I'm Denis, a full-stack developer experienced with interactive web applications and animation frameworks. I understand you need your Flash animation recreated in Rive with audio sync, clean transitions, and chapter-based navigation. The core challenge is timing. Audio synchronization can drift across multiple chapters if not handled carefully. My approach: build each chapter as a self-contained Rive scene, sync audio with animation timelines using JavaScript, and manage navigation through a state system. Since you're providing assets and a paid Rive account, we focus purely on implementation. I've handled similar projects requiring audio-animation sync with user interactions. The key is building a solid foundation—getting one chapter perfect before scaling. Here's my process: First, I'll review the Flash sample to document structure, timing, and interactions. Then I'll set up the Rive architecture and build the first chapter as a reference implementation. Once locked in with proper audio sync and transitions, we'll replicate the pattern for remaining chapters. A JavaScript navigation layer handles chapter jumping without losing state. For audio timing, I'll use the Web Audio API for precise playback control and tie animation progress to actual audio time rather than frame counts. If Flash has complex interactions that don't translate directly to Rive, we'll identify this early and find practical workarounds. I'm ready to start immediately. Let's discuss the details
$50 USD in 3 days
6.2
6.2

Hello, Having specialized in HTML5 for many years, I’ve mastered its intricacies and with the paid Rive account you've provided, I am fully equipped to recreate your sample while maintaining its essential features. My fluency in JavaScript and HTML will help me deliver a superior navigation system that enables quick selection between chapters. Given my proficiency in working with audio and visual elements, I assure you that there won't be any interruptions or lags in the transitions. My extensive experience in web development can also be leveraged to package the finished animation within a clean HTML5 wrapper. Moreover, I've previously worked on similar projects involving syncing and interlinking audio/visual content, which makes me well-versed with the challenge at hand. Overall, my 100% client recommendation and 5-star ratings accompany my dedication to deliver faultless, high-quality work. Let's collaborate and create an interactive product that exceeds your expectations! Thanks!
$55 USD in 4 days
6.0
6.0

I've built Rive animations before, including syncing audio/text with precise timing, so this is right in my wheelhouse. I'll recreate the SWF structure in Rive, validate transitions/audio sync, then wrap it in an HTML5 player with JS navigation. I'll deliver .riv files per chapter with milestones, ensuring no interruptions. I can start immediately. Thanks, Andrii.
$200 USD in 4 days
5.6
5.6

Hi, Are we preserving the exact action script branching from the original swf or mapping the state machine triggers directly to the new audio cues? I'll build out the nested artboards in Rive with clean state machine inputs either way, ensuring the layout and functionality match your sample without unnecessary bloat. I handle complex vector animations and web wrappers daily, so I'll structure the Rive file, hook up the text and audio sync, and wire the HTML5 wrapper with a lightweight JavaScript navigation system for the chapter list. I'll make sure the audio playback doesn't clip or stutter during scene transitions. For $50, I will deliver the complete .riv file, .rev project, and HTML5 package within 1 day, broken down by chapter milestones. Send over the assets and the swf sample whenever you're ready to start.
$50 USD in 1 day
5.8
5.8

Hi, Can you share the existing SWF file for reference? I’d love to analyze the structure and interactions before starting the animation in Rive. With my experience in 2D animation and JavaScript/HTML, I can efficiently recreate the layout and functionality you need. I’ll ensure optimal synchronization of audio and text without interruptions, while also implementing a user-friendly navigation system for easy chapter access. I appreciate your provision of the necessary assets and a Rive account, which will streamline the process. After delivering each chapter, I’ll make sure it meets your expectations for a smooth milestone release. Looking forward to collaborating on this project and bringing your vision to life!
$50 USD in 2 days
5.9
5.9

Hi, I can mirror the layout and functionality of the provided Flash sample in Rive, ensuring all animations, timing, and interactions align perfectly with your assets. Delivery for each chapter can be structured to keep the project on track, aiming for around 5-7 days per chapter. To clarify, how many chapters are we looking at in total? Also, do you have specific preferences for the navigation system you’d like to implement in HTML5? My approach will focus on keeping transitions seamless and syncing audio with the visuals accurately while implementing a fresh UI design. With experience in developing interactive animations, I’ll make sure the final output meets your expectations. Looking forward to discussing the details further. Best regards, Mohammad
$60 USD in 1 day
5.4
5.4

Hi, I noticed you're looking to recreate a 2D animation using Rive to mirror an existing SWF Flash sample. With my expertise in JavaScript and web development, I can ensure the animation not only replicates the structure and timing but also enhances it with a modern, attractive UI. Leveraging Rive, I will synchronize your provided images, audio, and texts effectively to deliver an interactive experience that meets your specifications. Could you share more details about any specific interactions or animations you envision for the new UI?
$49 USD in 7 days
5.4
5.4

The important part here is not just converting the Flash visuals into Rive; the SWF needs to be treated as the behavioral reference so the timing, interactions, transitions and audio sync still feel the same in the new version. I can break the sample down chapter-by-chapter first—mapping scenes, interaction states, timing and audio cues—then recreate those states in Rive using state machines. I’d validate each chapter against the SWF before moving to the next milestone, which should also make chapter-level delivery easier. For the final integration, I can build the lightweight HTML/JS navigation so chapters can be selected quickly and package the Rive runtime in a clean HTML5 wrapper. The supplied images, audio and text can be integrated directly into the corresponding scenes. Can you share the SWF sample first so I can review the interactions and timing before confirming the implementation approach?
$50 USD in 7 days
5.7
5.7

Hi I can develop your Rive-based interactive app with smooth real-time animations, responsive interactions, clean UI integration, optimized performance, and scalable implementation tailored to your product requirements. Kundan
$50 USD in 3 days
5.1
5.1

With a demonstrated proficiency in HTML5 and JavaScript-based applications, I am confident that I can successfully transform your SWF Flash project into an even better Rive-based application. Marcia, I understand how pivotal attention to detail is in recreating experiences as closely as possible with transitions on point and audio synced without interruptions. My experience in working with animation-rich projects guarantees a mirror-perfect execution of the timing, structure, and interactions you desire. In addition to my development expertise, I have a paid Rive account, ensuring your project will have all the resources it needs for seamless creation. I can take complete responsibility for the new design layout updates, wrapping the finished app in a clean HTML5 wrapper and delivering both .riv and .rev files upon request. My commitment to delivering on time with clear communication extends beyond simply rewriting your existing sample into Rive; it includes understanding your project's vision and translating it into a successful creation. I am eager to commence this project, bring value to your brand within each chapter delivery milestone, and provide you with utmost satisfaction. Looking forward to hearing from you soon!
$50 USD in 7 days
4.6
4.6

Musashino, Japan
Payment method verified
Member since Jul 15, 2014
$40-100 USD
$10-50 USD
$10-15 USD / hour
$10 USD
$20-50 USD
₹100-400 INR / hour
₹600-1500 INR
£250-750 GBP
$8-15 USD / hour
₹37500-75000 INR
₹1500-12500 INR
$10-30 USD
$30-250 USD
₹400-750 INR / hour
₹1500-12500 INR
$250-750 USD
$30-250 USD
$30-250 CAD
₹150000-250000 INR
$30-250 USD
$100 AUD
$30-250 USD
₹750-1250 INR / hour
$750-1500 USD
₹1500-12500 INR