{"id":504,"date":"2012-12-18T12:13:47","date_gmt":"2012-12-18T12:13:47","guid":{"rendered":"https:\/\/digitalmediacomputing.org.uk\/?p=504"},"modified":"2013-01-10T14:48:26","modified_gmt":"2013-01-10T14:48:26","slug":"curvy-trees","status":"publish","type":"post","link":"https:\/\/digitalmediacomputing.org.uk\/?p=504","title":{"rendered":"Curvy trees"},"content":{"rendered":"<p>Today we tried out a different &#8216;tween&#8217; &#8211; the motion tweet. \u00a0This lets your object fly along a straight or curved line. <a href=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2012\/12\/motion-curve-ball1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-506\" title=\"motion curve ball\" alt=\"motion curve ball\" src=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2012\/12\/motion-curve-ball1.png\" width=\"316\" height=\"139\" srcset=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2012\/12\/motion-curve-ball1.png 502w, https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2012\/12\/motion-curve-ball1-300x131.png 300w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/a> \u00a0 First create a circle. \u00a0Then insert a keyframe further along the timeline (maybe around frame 30). \u00a0Right-click on the grey part of the timeline and select Create Motion Tween. \u00a0Select the first frame and drag the ball to where you want it to start. \u00a0Select the last frame and drag the circle to where you want it to end. \u00a0A dotted green straight line should appear.<\/p>\n<p>You can bend the dotted line using the black selection arrow<\/p>\n<p><a href=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2013\/01\/2013-01-10_12h51_43-edit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-518\" title=\"Bending the motion line using the selection tool\" alt=\"Bending the motion line using the selection tool\" src=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2013\/01\/2013-01-10_12h51_43-edit-300x210.png\" width=\"300\" height=\"210\" srcset=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2013\/01\/2013-01-10_12h51_43-edit-300x210.png 300w, https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2013\/01\/2013-01-10_12h51_43-edit.png 695w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>You can also bend the line in more interesting ways using the white sub-selection arrow. \u00a0If you play about with dragging the handles on the green lines that are shown at the ends of the curve then you can alter the direction and angle of the curve.<\/p>\n<p><a href=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2013\/01\/2013-01-10_13h02_32-edit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-519\" title=\"Bending the motion line using the sub-selection tool\" alt=\"Bending the motion line using the sub-selection tool\" src=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2013\/01\/2013-01-10_13h02_32-edit-300x204.png\" width=\"300\" height=\"204\" srcset=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2013\/01\/2013-01-10_13h02_32-edit-300x204.png 300w, https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2013\/01\/2013-01-10_13h02_32-edit.png 696w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>You can now preview \u00a0the animation and see your object flying around the screen following your curve.<\/p>\n<p>We then made our Christmas trees bounce around&#8230;<\/p>\n<span id='swf-504-1'>Sorry, either Adobe flash is not installed or you do not have it enabled<\/span><script type=\"text\/javascript\">swfobject.embedSWF(\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2012\/12\/xmas-tree-with-motion-tween-curve.swf\", \"swf-504-1\", \"300\", \"218\", \"9.0.0\", \"\" , {}, {base:\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2012\/12\"});<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Today we tried out a different &#8216;tween&#8217; &#8211; the motion tweet. \u00a0This lets your object fly along a straight or curved line. \u00a0 First create a circle. \u00a0Then insert a keyframe further along the timeline (maybe around frame 30). \u00a0Right-click on the grey part of the timeline and select Create Motion Tween. \u00a0Select the first [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":505,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,78,43,47,45,46],"tags":[],"class_list":["post-504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-flash","category-animation","category-ms-farrells-blog","category-s3dmc","category-s4dmc","category-s5-6dmc"],"_links":{"self":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=504"}],"version-history":[{"count":5,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/504\/revisions"}],"predecessor-version":[{"id":521,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/504\/revisions\/521"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/media\/505"}],"wp:attachment":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}