{"id":366,"date":"2011-04-13T10:21:20","date_gmt":"2011-04-13T08:21:20","guid":{"rendered":"http:\/\/www.capri-soft.de\/blog\/?p=366"},"modified":"2011-04-13T10:50:09","modified_gmt":"2011-04-13T08:50:09","slug":"adobe-flex-3-composite-pattern-fur-charakter-animation-mit-inverser-kinematik","status":"publish","type":"post","link":"https:\/\/www.capri-soft.de\/blog\/?p=366","title":{"rendered":"Adobe Flex 3: Composite Pattern f\u00fcr Charakter-Animation mit inverser Kinematik"},"content":{"rendered":"<h1>Aufgabenstellung<\/h1>\n<p>Es wird eine Flex-Anwendung entwickelt, die das Grundger\u00fcst f\u00fcr ein 360 Grad Flex-Spiel mit einer Schlange erstellt.<\/p>\n<h1>Ansatz<\/h1>\n<p>Unter der Verwendung des Composite-Patterns werden die Teile der Schlange zusammengesetzt. Die Teile interagieren \u00fcber &#8222;inverse Kinematik&#8220; miteinander, d.h. jedes Teil ist Autonom, wird aber von seinem Verbindungsteil gezogen.<\/p>\n<p>Die Schlange verf\u00fcgt \u00fcber die Eigenschaften:<br \/>\n&#8211; gleichm\u00e4\u00dfig beschleunigte Bewegung (Up-Taste am Keyboard)<br \/>\n&#8211; gleichm\u00e4\u00dfig verz\u00f6gerte Bewegung (Up-Taste loslassen)<br \/>\n&#8211; R\u00fcckimpuls (Kollision mit Button)<br \/>\n&#8211; Lenkung in der Beschleunigung (Left- und Right-Button)<br \/>\n&#8211; Jedes vordere Verbindungsst\u00fctz zur Schlange bestimmt die Position des hinteren (inverse Kinematik)<\/p>\n<p>Der Code ist minimal, die Main-Datei besteht lediglich aus der Schlange selbst und der Angabe, welches UI-Objekt eine Barriere (hier &#8222;Der b\u00f6se Button&#8220;) sein soll. Diese Barriere verf\u00fcgt \u00fcber die Eigenschaften des Back-Impulses bei einer Kollision in der Beschleunigung.<\/p>\n<p>Main-Code:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;\r\n&lt;mx:Application backgroundColor=&quot;#ffffff&quot; xmlns:mx=&quot;http:\/\/www.adobe.com\/2006\/mxml&quot; \r\n                         layout=&quot;absolute&quot; xmlns:snake=&quot;org.actionscript.snake.*&quot;&gt;\r\n  &lt;snake:Snake barrier=&quot;{boeserButton}&quot; height=&quot;100&quot; width=&quot;100&quot; snakelength=&quot;100&quot; \/&gt;\r\n  &lt;mx:Button x=&quot;10&quot; y=&quot;256&quot; id=&quot;boeserButton&quot; width=&quot;400&quot; label=&quot;Der b\u00f6se Button&quot; \/&gt;\r\n&lt;\/mx:Application&gt;\r\n<\/pre>\n<h1>L\u00f6sung<\/h1>\n<p><a href='https:\/\/www.capri-soft.de\/blog\/wp-content\/uploads\/2011\/04\/CompositeSnake3.swf' target=\"_new\">In neuem Browser \u00f6ffnen (bitte 1x anklicken und dann Pfeiltasten benutzen)<\/a><\/p>\n<h1>Code<\/h1>\n<p>Der Code wurde im Flex-Builder 3 entwickelt und ist als Flex 3-Projekt gezippt.<br \/>\n<a href='https:\/\/www.capri-soft.de\/blog\/wp-content\/uploads\/2011\/04\/CompositeSnake.zip'>Adobe Flex 3 Projekt downloaden<\/a><\/p>\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Fwww.capri-soft.de%2Fblog%2F%3Fp%3D366&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px;margin-top:5px;\"><\/iframe>","protected":false},"excerpt":{"rendered":"<p>Aufgabenstellung Es wird eine Flex-Anwendung entwickelt, die das Grundger\u00fcst f\u00fcr ein 360 Grad Flex-Spiel mit einer Schlange erstellt. Ansatz Unter der Verwendung des Composite-Patterns werden die Teile der Schlange zusammengesetzt. Die Teile interagieren \u00fcber &#8222;inverse Kinematik&#8220; miteinander, d.h. jedes Teil ist Autonom, wird aber von seinem Verbindungsteil gezogen. Die Schlange verf\u00fcgt \u00fcber die Eigenschaften: &#8211; &hellip; <a href=\"https:\/\/www.capri-soft.de\/blog\/?p=366\" class=\"more-link\"><span class=\"screen-reader-text\">Adobe Flex 3: Composite Pattern f\u00fcr Charakter-Animation mit inverser Kinematik<\/span> weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[5,3],"tags":[],"class_list":["post-366","post","type-post","status-publish","format-standard","hentry","category-adobe-flex","category-programmierung"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4yGeN-5U","jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=\/wp\/v2\/posts\/366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=366"}],"version-history":[{"count":10,"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=\/wp\/v2\/posts\/366\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=\/wp\/v2\/posts\/366\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.capri-soft.de\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}