{"id":359,"date":"2022-04-06T12:01:01","date_gmt":"2022-04-06T12:01:01","guid":{"rendered":"https:\/\/djoko.nl\/home6\/?p=359"},"modified":"2022-07-02T04:37:09","modified_gmt":"2022-07-02T04:37:09","slug":"64-schoenen-in-animatie","status":"publish","type":"post","link":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/","title":{"rendered":"64 schoenen in Animate"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hier is een voorbeeld om variatie van prototypes te maken met behulp van movieclips  en een beetje javascript. (Je kunt naar rechts scrollen op je mobiel)<\/p>\n\n\n\n<iframe style=\"height: 290px; border: 0px solid;\" src=\"https:\/\/djoko.nl\/home6\/random\/random_schoenen_2a_HTML5.html\"><\/iframe>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Adobe Animate heette vroeger Adobe Flash. Toen de Flash player het etiquette verouderd kreeg, moest de naam van het programma ook maar op de schop. Jammer dat tegelijk de fantastisch software &#8220;Edge Animate&#8221; hierbij het onderspit moest delven. De naam Animate verhuisde dus, maar onder de moterkap herken je nog veel van Flash, al was het maar in de extentie .fla. Je kunt met Adobe Animate veel meer dan animaties maken. Het kost wat concentratie en oefening maar door onderdelen als  movieclip op te slaan, kun je, binnen elke movieclip, verschillende frames realiseren. Hier zijn de zolen, de veters en bovenkant van de schoen apart als movieclip gemaakt, waar telkens vier (kleur) versies zijn uitgewerkt. Dit zorgt voor 4 x 4 x 4 = 64 variatiemogelijkheden per schoen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De drie movieclips zijn weer in een movieclip &#8220;schoen&#8221;  gestopt en deze  movieclip staat hier vier keer op de stage. Zorg ervoor dat alle movieclip &#8220;instance&#8221;-namen hebben. Hiermee kun je ze namelijk bereiken via redelijk eenvoudig javascript:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/djoko.nl\/home6\/random\/RandomSchoenen_versie_a.zip\">Download dit .fla-bestand<\/a> als je Adobe Animate hebt, daar vind je het volledige script.<\/p>\n\n\n\n<pre class=\"wp-block-code\" style=\"font-size:16px\"><code>this.schoen1_mc.veters_mc.gotoAndStop(Math.floor( Math.random() * 4) + 1);\nthis.schoen1_mc.stiksel_mc.gotoAndStop(Math.floor( Math.random() * 4) + 1);\nthis.schoen1_mc.zolen_mc.gotoAndStop(Math.floor( Math.random() * 4) + 1);\nthis.schoen1_mc.rotation = ((Math.random() * 10) -5);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Omdat hier vaak een paar movieclips naar hetzelfde framenummer springen (de toevalsgetallen zijn soms namelijk identiek), kunnen we beter een array maken van de framenummers. Dit is in het voorbeeld hieronder gedaan. <a href=\"https:\/\/djoko.nl\/home6\/random\/RandomSchoenen_versie_b.zip\">Download dit fla-bestand<\/a> voor de code.<\/p>\n\n\n\n<iframe style=\"height: 290px; border: 0px solid;\" src=\"https:\/\/djoko.nl\/home6\/random\/random_schoenen_2b_HTML5.html\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\">Tot slot is hier nog een snel gemaakte uitwerking met knoppen en \u00e9\u00e9n schoen. De properties y (y-positie), alpha (transparantie) en scaleX &amp; scaleY zijn hier toegepast op de movieclip. Een accent-knop verspringt van positie.<\/p>\n\n\n\n<iframe style=\"height: 290px; border: 0px solid;\" src=\"https:\/\/djoko.nl\/home6\/random\/random_schoenen_2b_HTML5_c.html\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/djoko.nl\/home6\/random\/RandomSchoenen_versie_c.zip\">Download dit fla-bestand<\/a> voor de code.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusie<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adobe Animatie is een prima programma om, naast animaties, interactieve prototypes mee te maken. Kies bij het maken van een nieuw bestand voor HTML5 Canvas ipv ActionScript 3. En zet alle scripts in \u00e9\u00e9n keyframe in de bovenste laag (&#8220;Actions&#8221;) van de scene. Zet nooit actions in de tijdlijn van de movieclips. Veel plezier.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hier is een voorbeeld om variatie van prototypes te maken met behulp van movieclips en een beetje javascript. (Je kunt naar rechts scrollen op je mobiel)<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,13],"tags":[],"class_list":["post-359","post","type-post","status-publish","format-standard","hentry","category-programmeren","category-visueel-ontwerp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>64 schoenen in Animate - djoko<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"64 schoenen in Animate - djoko\" \/>\n<meta property=\"og:description\" content=\"Hier is een voorbeeld om variatie van prototypes te maken met behulp van movieclips en een beetje javascript. (Je kunt naar rechts scrollen op je mobiel)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/\" \/>\n<meta property=\"og:site_name\" content=\"djoko\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-06T12:01:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-02T04:37:09+00:00\" \/>\n<meta name=\"author\" content=\"Jean-Fran\u00e7ois Roebers\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jean-Fran\u00e7ois Roebers\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/\"},\"author\":{\"name\":\"Jean-Fran\u00e7ois Roebers\",\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\"},\"headline\":\"64 schoenen in Animate\",\"datePublished\":\"2022-04-06T12:01:01+00:00\",\"dateModified\":\"2022-07-02T04:37:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/\"},\"wordCount\":337,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\"},\"articleSection\":[\"programmeren\",\"visueel ontwerp\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/\",\"url\":\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/\",\"name\":\"64 schoenen in Animate - djoko\",\"isPartOf\":{\"@id\":\"https:\/\/djoko.nl\/home6\/#website\"},\"datePublished\":\"2022-04-06T12:01:01+00:00\",\"dateModified\":\"2022-07-02T04:37:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/djoko.nl\/home6\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"64 schoenen in Animate\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/djoko.nl\/home6\/#website\",\"url\":\"https:\/\/djoko.nl\/home6\/\",\"name\":\"djoko\",\"description\":\"reflectie op creatie van beeld, woord en muziek\",\"publisher\":{\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/djoko.nl\/home6\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\",\"name\":\"Jean-Fran\u00e7ois Roebers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg\",\"url\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg\",\"contentUrl\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg\",\"width\":148,\"height\":48,\"caption\":\"Jean-Fran\u00e7ois Roebers\"},\"logo\":{\"@id\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg\"},\"description\":\"Mijn interesse in vormgeving en ontwerpen in het algemeen, gebruik van programmeertalen en digitaal gereedschap, relaties met geschiedenis en wiskunde, combineer ik in deze blog.\",\"sameAs\":[\"http:\/\/djoko.nl\/home6\",\"https:\/\/www.linkedin.com\/in\/jean-franois-roebers-a14408\/\"],\"url\":\"https:\/\/djoko.nl\/home6\/index.php\/author\/jean_admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"64 schoenen in Animate - djoko","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:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/","og_locale":"nl_NL","og_type":"article","og_title":"64 schoenen in Animate - djoko","og_description":"Hier is een voorbeeld om variatie van prototypes te maken met behulp van movieclips en een beetje javascript. (Je kunt naar rechts scrollen op je mobiel)","og_url":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/","og_site_name":"djoko","article_published_time":"2022-04-06T12:01:01+00:00","article_modified_time":"2022-07-02T04:37:09+00:00","author":"Jean-Fran\u00e7ois Roebers","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Jean-Fran\u00e7ois Roebers","Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/#article","isPartOf":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/"},"author":{"name":"Jean-Fran\u00e7ois Roebers","@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c"},"headline":"64 schoenen in Animate","datePublished":"2022-04-06T12:01:01+00:00","dateModified":"2022-07-02T04:37:09+00:00","mainEntityOfPage":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/"},"wordCount":337,"commentCount":0,"publisher":{"@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c"},"articleSection":["programmeren","visueel ontwerp"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/","url":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/","name":"64 schoenen in Animate - djoko","isPartOf":{"@id":"https:\/\/djoko.nl\/home6\/#website"},"datePublished":"2022-04-06T12:01:01+00:00","dateModified":"2022-07-02T04:37:09+00:00","breadcrumb":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/djoko.nl\/home6\/index.php\/2022\/04\/06\/64-schoenen-in-animatie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/djoko.nl\/home6\/"},{"@type":"ListItem","position":2,"name":"64 schoenen in Animate"}]},{"@type":"WebSite","@id":"https:\/\/djoko.nl\/home6\/#website","url":"https:\/\/djoko.nl\/home6\/","name":"djoko","description":"reflectie op creatie van beeld, woord en muziek","publisher":{"@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/djoko.nl\/home6\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":["Person","Organization"],"@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c","name":"Jean-Fran\u00e7ois Roebers","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg","url":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg","contentUrl":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg","width":148,"height":48,"caption":"Jean-Fran\u00e7ois Roebers"},"logo":{"@id":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg"},"description":"Mijn interesse in vormgeving en ontwerpen in het algemeen, gebruik van programmeertalen en digitaal gereedschap, relaties met geschiedenis en wiskunde, combineer ik in deze blog.","sameAs":["http:\/\/djoko.nl\/home6","https:\/\/www.linkedin.com\/in\/jean-franois-roebers-a14408\/"],"url":"https:\/\/djoko.nl\/home6\/index.php\/author\/jean_admin\/"}]}},"_links":{"self":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts\/359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/comments?post=359"}],"version-history":[{"count":14,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts\/359\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts\/359\/revisions\/475"}],"wp:attachment":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/media?parent=359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/categories?post=359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/tags?post=359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}