{"id":13389,"date":"2024-10-29T17:44:45","date_gmt":"2024-10-29T16:44:45","guid":{"rendered":"https:\/\/www.typografics.be\/?p=13389"},"modified":"2024-12-09T15:04:27","modified_gmt":"2024-12-09T14:04:27","slug":"rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills","status":"publish","type":"post","link":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/","title":{"rendered":"Rive: gamechanger voor interactieve animaties zonder coding skills"},"content":{"rendered":"\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<p>Wie nog niet van Rive gehoord heeft, maar wel een voorliefde heeft voor soepele animaties, soepele UI die je die extra voldoening geeft, of websites die een blijvende indruk nalaten door hun interactieve je ne sais quoi, dan is het even tijd om deze gloednieuwe app je aandacht te geven. Want die combineert het allemaal.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<p class=\"has-h-2-font-size\"><strong>01<\/strong> <strong>Wat is Rive?<\/strong><\/p>\n\n\n\n<p>Rive is een van die next-gen apps die je volledig in de browser kan draaien, maar evengoed als app kan downloaden. De manier waarop het ontworpen is, is met een hedendaagse blik, met aandacht voor gebruiksgemak, eenvoud van ontwerp en empowerment voor de gebruiker om straf spul te cre\u00ebren, zonder dat deze eerst een lange traditie van verschillende vakgebieden moet instuderen. Het is instapklaar, maar in de finesses kan je er toch veel in uitdiepen. Easy to learn, hard to master.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Wil je meteen een goed idee van wat mogelijk is? Je kan bestaande projecten uittesten en analyseren via hun eigen <a href=\"https:\/\/rive.app\/community\/files\/\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-secondary-color\"><span style=\"text-decoration: underline;\">community hub<\/span><\/mark><\/a>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<p class=\"has-h-2-font-size\"><strong>02 Hoe Rive de kloof dicht tussen design en development<\/strong><\/p>\n\n\n\n<p>Voor de creatie van interactieve graphics waren de meeste designers altijd wat beperkt vanwege verscheidene&nbsp; technische aspecten. Een van de belangrijkste is de development-kant die komt kijken bij de creatie van interactieve ervaringen. Die tegenstrijdige mix van DNA van designers die zowel visuele pareltjes weten te ontwerpen, en de abstracte logica van programmeertalen zoals JavaScript onder de knie hebben, is vrij zeldzaam.<br>Rive cre\u00ebert die mogelijkheid voor een bredere groep designers, dankzij hun State Machine. Dit is een visuele interface waarin je jouw interactieve animaties uiteenzet. Je zou het kunnen omschrijven als een soort flowchart.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Een ander voordeel van Rive is dat het kan voortbouwen op bestaande concepten en werkwijzen, maar die condenseren en verbeteren met een frisse blik. Wie reeds kan werken met Adobe After Effects of Animate zal om die reden al een stap voor hebben op het leerproces. En de introductie van nieuwe concepten hier bovenop zullen diezelfde gebruikers geweldig vinden. Neem als voorbeeld hoe animaties kunnen ontworpen worden tussen verschillende States. In de klassieke apps ben je beperkt tot Easing-curves voor heel specifieke animaties. Wil je daar diversiteit in, dan moet je elke mogelijke animatie als aparte tijdlijn ontwerpen. In Rive vloeien de Easings in elkaar over tussen de mogelijke States die je ontwerpt, heen en terug. Het is een clevere maar tegelijk heel logische uitvoering.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>En vooraleer iemand de term Lottie kan laten vallen, ook daar heb je met Rive een enorm voordeel. Om iedereen up-to-speed te brengen, met Lottie kan je jouw After Effects-projecten webvriendelijk maken. Maar dat was altijd wat omstreden wegens bestandsgrootte en performantie die, hoewel niet slecht, zeker ook beter kan. In een use case van Duolingo wordt omschreven hoe een specifieke animatie na herontwerp in Rive nog slechts 16 kb groot was, waarheen voordien vanuit Lottie 241 kb. Heb je zo\u2019n website of app met meer van dit soort animaties en een grote groep gebruikers, dan telt elke kilobyte.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<p class=\"has-h-2-font-size\"><strong>03<\/strong> <strong>Andere use cases<\/strong><\/p>\n\n\n\n<p>Een paar van de early adopters van Rive zijn zeker geen kleine namen. We lieten Duolingo al vallen, maar ook de homepage van Figma werd ge-rived. Tot de lijst zouden ook Google, Samsung, Sonos, Adobe en Soundcloud moeten behoren, om er maar een paar te noemen.<\/p>\n\n\n\n<p>Maar beslis vooral zelf. Veel interessanter om het over te hebben, zijn de diverse omgevingen waar je jouw Rive-animaties kan inzetten. Dankzij de Rive Runtimes wordt jouw ontwerp met eenvoud omgezet naar een van de volgende apps, games of websites: Web (Javascript), iOS, macOS, Android, Flutter, React en React Native, C++, Defold, Unity, Unreal, Framer en Webflow.<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<p class=\"has-h-2-font-size\"><strong>04 Wat moet dat kosten?<\/strong><\/p>\n\n\n\n<p>Op het ogenblik is Rive volledig gratis voor onbeperkte periode. Je bent dan wel gelimiteerd tot 3 ontwerpbestanden, maar voor wie Rive gewoon wilt uitproberen is dat van geweldige waarde. Beslis je van professioneel te gaan, dan is er de Voyager-formule, of de Enterprise voor grote bedrijven. Bij de Voyager leg je zo\u2019n 32 dollar per maand op tafel.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-10 py-8\"><\/div>\n\n\n\n<p class=\"has-h-2-font-size\"><strong>05 Starten met Rive<\/strong><\/p>\n\n\n\n<p>Ben je nog op zoek naar 3 damn good reasons om te <a href=\"https:\/\/www.typografics.be\/opleidingen\/interactieve-animaties-met-rive\/\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-secondary-color\"><span style=\"text-decoration: underline;\">starten met Rive<\/span><\/mark><\/a>? Here you go:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Interactiviteit toevoegen is heel eenvoudig<\/li>\n\n\n\n<li>Complexe animaties maak je in no time<\/li>\n\n\n\n<li>Animaties met responsive layouts\u00a0<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group blur-case is-style-breakout is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-typografics-core-spacer md:py-20 py-10\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<h3 class=\"wp-block-heading has-text-align-center\">Door guru:<\/h3>\n\n\n\n<div class=\"wp-block-typografics-core-spacer md:py-4 py-4\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\"><a href=\"https:\/\/www.typografics.be\/en\/team\/senior-graphic-designer-trainer-jensie\/\" aria-label=\"Jensie\" class=\"team-member team-member--overlay\">\n    <figure class=\"team-member__image-wrapper\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/Jensie_c_600x600.jpg\" alt=\"\" title=\"\"  width=\"600\" height=\"600\" class=\"team-member__color\" loading=\"lazy\" \/>\n                <h3>Jensie<\/h3>\n    <\/figure>\n<\/a><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Wie nog niet van Rive gehoord heeft, maar wel een voorliefde heeft voor soepele animaties, soepele UI die je die extra voldoening geeft, of websites die een blijvende indruk nalaten door hun interactieve je ne sais quoi, dan is het even tijd om deze gloednieuwe app je aandacht te geven. Want die combineert het allemaal. 01 Wat is Rive? Rive is een van die next-gen apps die je volledig in de browser kan draaien, maar evengoed als app kan downloaden. De manier waarop het ontworpen is, is met een hedendaagse blik, met aandacht voor gebruiksgemak, eenvoud van ontwerp en empowerment voor de gebruiker om straf spul te cre\u00ebren, zonder dat deze eerst een lange traditie van verschillende vakgebieden moet instuderen. Het is instapklaar, maar in de finesses kan je er toch veel in uitdiepen. Easy to learn, hard to master. Wil je meteen een goed idee van wat mogelijk is? Je kan bestaande projecten uittesten en analyseren via hun eigen community hub.&nbsp; 02 Hoe Rive de kloof dicht tussen design en development Voor de creatie van interactieve graphics waren de meeste designers altijd wat beperkt vanwege verscheidene&nbsp; technische aspecten. Een van de belangrijkste is de development-kant die komt kijken bij de creatie van interactieve ervaringen. Die tegenstrijdige mix van DNA van designers die zowel visuele pareltjes weten te ontwerpen, en de abstracte logica van programmeertalen zoals JavaScript onder de knie hebben, is vrij zeldzaam.Rive cre\u00ebert die mogelijkheid voor een bredere groep designers, dankzij hun State Machine. Dit is een visuele interface waarin je jouw interactieve animaties uiteenzet. Je zou het kunnen omschrijven als een soort flowchart. Een ander voordeel van Rive is dat het kan voortbouwen op bestaande concepten en werkwijzen, maar die condenseren en verbeteren met een frisse blik. Wie reeds kan werken met Adobe After Effects of Animate zal om die reden al een stap voor hebben op het leerproces. En de introductie van nieuwe concepten hier bovenop zullen diezelfde gebruikers geweldig vinden. Neem als voorbeeld hoe animaties kunnen ontworpen worden tussen verschillende States. In de klassieke apps ben je beperkt tot Easing-curves voor heel specifieke animaties. Wil je daar diversiteit in, dan moet je elke mogelijke animatie als aparte tijdlijn ontwerpen. In Rive vloeien de Easings in elkaar over tussen de mogelijke States die je ontwerpt, heen en terug. Het is een clevere maar tegelijk heel logische uitvoering. En vooraleer iemand de term Lottie kan laten vallen, ook daar heb je met Rive een enorm voordeel. Om iedereen up-to-speed te brengen, met Lottie kan je jouw After Effects-projecten webvriendelijk maken. Maar dat was altijd wat omstreden wegens bestandsgrootte en performantie die, hoewel niet slecht, zeker ook beter kan. In een use case van Duolingo wordt omschreven hoe een specifieke animatie na herontwerp in Rive nog slechts 16 kb groot was, waarheen voordien vanuit Lottie 241 kb. Heb je zo\u2019n website of app met meer van dit soort animaties en een grote groep gebruikers, dan telt elke kilobyte. 03 Andere use cases Een paar van de early adopters van Rive zijn zeker geen kleine namen. We lieten Duolingo al vallen, maar ook de homepage van Figma werd ge-rived. Tot de lijst zouden ook Google, Samsung, Sonos, Adobe en Soundcloud moeten behoren, om er maar een paar te noemen. Maar beslis vooral zelf. Veel interessanter om het over te hebben, zijn de diverse omgevingen waar je jouw Rive-animaties kan inzetten. Dankzij de Rive Runtimes wordt jouw ontwerp met eenvoud omgezet naar een van de volgende apps, games of websites: Web (Javascript), iOS, macOS, Android, Flutter, React en React Native, C++, Defold, Unity, Unreal, Framer en Webflow. 04 Wat moet dat kosten? Op het ogenblik is Rive volledig gratis voor onbeperkte periode. Je bent dan wel gelimiteerd tot 3 ontwerpbestanden, maar voor wie Rive gewoon wilt uitproberen is dat van geweldige waarde. Beslis je van professioneel te gaan, dan is er de Voyager-formule, of de Enterprise voor grote bedrijven. Bij de Voyager leg je zo\u2019n 32 dollar per maand op tafel.&nbsp; 05 Starten met Rive Ben je nog op zoek naar 3 damn good reasons om te starten met Rive? Here you go: Door [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":13400,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_blog_takeaway_title":"","_blog_takeaway_text":"","_blog_download_title":"","_blog_download_url":"","_blog_footer":"contact","footnotes":""},"categories":[262],"tags":[],"class_list":["post-13389","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-read"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Rive: gamechanger voor interactieve animaties zonder coding skills - Typografics<\/title>\n<meta name=\"description\" content=\"Voeg makkelijk interactiviteit toe met Rive. Een nieuwe tool die je UI-elementen, logo\u2019s, iconen, tekst, illustraties of banners tot leven brengt.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rive: gamechanger voor interactieve animaties zonder coding skills - Typografics\" \/>\n<meta property=\"og:description\" content=\"Voeg makkelijk interactiviteit toe met Rive. Een nieuwe tool die je UI-elementen, logo\u2019s, iconen, tekst, illustraties of banners tot leven brengt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/\" \/>\n<meta property=\"og:site_name\" content=\"Typografics\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-29T16:44:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-09T14:04:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"868\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Emma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/\"},\"author\":{\"name\":\"Emma\",\"@id\":\"https:\/\/www.typografics.be\/en\/#\/schema\/person\/162e7904950a224d6e99910c6660dceb\"},\"headline\":\"Rive: gamechanger voor interactieve animaties zonder coding skills\",\"datePublished\":\"2024-10-29T16:44:45+00:00\",\"dateModified\":\"2024-12-09T14:04:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/\"},\"wordCount\":707,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.typografics.be\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg\",\"articleSection\":[\"Read\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/\",\"url\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/\",\"name\":\"Rive: gamechanger voor interactieve animaties zonder coding skills - Typografics\",\"isPartOf\":{\"@id\":\"https:\/\/www.typografics.be\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg\",\"datePublished\":\"2024-10-29T16:44:45+00:00\",\"dateModified\":\"2024-12-09T14:04:27+00:00\",\"description\":\"Voeg makkelijk interactiviteit toe met Rive. Een nieuwe tool die je UI-elementen, logo\u2019s, iconen, tekst, illustraties of banners tot leven brengt.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#primaryimage\",\"url\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg\",\"contentUrl\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg\",\"width\":1600,\"height\":868,\"caption\":\"Rive tool interactieve animaties\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.typografics.be\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rive: gamechanger voor interactieve animaties zonder coding skills\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.typografics.be\/en\/#website\",\"url\":\"https:\/\/www.typografics.be\/en\/\",\"name\":\"Typografics\",\"description\":\"jouw partner in visuele communicatie\",\"publisher\":{\"@id\":\"https:\/\/www.typografics.be\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.typografics.be\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.typografics.be\/en\/#organization\",\"name\":\"Typografics\",\"url\":\"https:\/\/www.typografics.be\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.typografics.be\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/logo-typografics.svg\",\"contentUrl\":\"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/logo-typografics.svg\",\"width\":1,\"height\":1,\"caption\":\"Typografics\"},\"image\":{\"@id\":\"https:\/\/www.typografics.be\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.typografics.be\/en\/#\/schema\/person\/162e7904950a224d6e99910c6660dceb\",\"name\":\"Emma\",\"url\":\"https:\/\/www.typografics.be\/en\/blog\/author\/emma\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rive: gamechanger voor interactieve animaties zonder coding skills - Typografics","description":"Voeg makkelijk interactiviteit toe met Rive. Een nieuwe tool die je UI-elementen, logo\u2019s, iconen, tekst, illustraties of banners tot leven brengt.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/","og_locale":"en_US","og_type":"article","og_title":"Rive: gamechanger voor interactieve animaties zonder coding skills - Typografics","og_description":"Voeg makkelijk interactiviteit toe met Rive. Een nieuwe tool die je UI-elementen, logo\u2019s, iconen, tekst, illustraties of banners tot leven brengt.","og_url":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/","og_site_name":"Typografics","article_published_time":"2024-10-29T16:44:45+00:00","article_modified_time":"2024-12-09T14:04:27+00:00","og_image":[{"width":1600,"height":868,"url":"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg","type":"image\/jpeg"}],"author":"Emma","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Emma","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#article","isPartOf":{"@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/"},"author":{"name":"Emma","@id":"https:\/\/www.typografics.be\/en\/#\/schema\/person\/162e7904950a224d6e99910c6660dceb"},"headline":"Rive: gamechanger voor interactieve animaties zonder coding skills","datePublished":"2024-10-29T16:44:45+00:00","dateModified":"2024-12-09T14:04:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/"},"wordCount":707,"commentCount":0,"publisher":{"@id":"https:\/\/www.typografics.be\/en\/#organization"},"image":{"@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#primaryimage"},"thumbnailUrl":"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg","articleSection":["Read"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/","url":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/","name":"Rive: gamechanger voor interactieve animaties zonder coding skills - Typografics","isPartOf":{"@id":"https:\/\/www.typografics.be\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#primaryimage"},"image":{"@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#primaryimage"},"thumbnailUrl":"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg","datePublished":"2024-10-29T16:44:45+00:00","dateModified":"2024-12-09T14:04:27+00:00","description":"Voeg makkelijk interactiviteit toe met Rive. Een nieuwe tool die je UI-elementen, logo\u2019s, iconen, tekst, illustraties of banners tot leven brengt.","breadcrumb":{"@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#primaryimage","url":"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg","contentUrl":"https:\/\/www.typografics.be\/wp-content\/uploads\/2024\/10\/Blogpost-Rive-Gamechanger.jpg","width":1600,"height":868,"caption":"Rive tool interactieve animaties"},{"@type":"BreadcrumbList","@id":"https:\/\/www.typografics.be\/en\/blog\/rive-gamechanger-voor-interactieve-animaties-zonder-coding-skills\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.typografics.be\/en\/"},{"@type":"ListItem","position":2,"name":"Rive: gamechanger voor interactieve animaties zonder coding skills"}]},{"@type":"WebSite","@id":"https:\/\/www.typografics.be\/en\/#website","url":"https:\/\/www.typografics.be\/en\/","name":"Typografics","description":"jouw partner in visuele communicatie","publisher":{"@id":"https:\/\/www.typografics.be\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.typografics.be\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.typografics.be\/en\/#organization","name":"Typografics","url":"https:\/\/www.typografics.be\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.typografics.be\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/logo-typografics.svg","contentUrl":"https:\/\/www.typografics.be\/wp-content\/uploads\/2023\/08\/logo-typografics.svg","width":1,"height":1,"caption":"Typografics"},"image":{"@id":"https:\/\/www.typografics.be\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.typografics.be\/en\/#\/schema\/person\/162e7904950a224d6e99910c6660dceb","name":"Emma","url":"https:\/\/www.typografics.be\/en\/blog\/author\/emma\/"}]}},"_links":{"self":[{"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/posts\/13389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/comments?post=13389"}],"version-history":[{"count":6,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/posts\/13389\/revisions"}],"predecessor-version":[{"id":13640,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/posts\/13389\/revisions\/13640"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/media\/13400"}],"wp:attachment":[{"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/media?parent=13389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/categories?post=13389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.typografics.be\/en\/wp-json\/wp\/v2\/tags?post=13389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}