{"id":2572,"date":"2013-02-15T18:09:56","date_gmt":"2013-02-16T01:09:56","guid":{"rendered":"http:\/\/www.nathalielawhead.com\/candybox\/?p=2572"},"modified":"2014-03-18T23:52:32","modified_gmt":"2014-03-19T06:52:32","slug":"the-old-frog-pond-tutorial-in-3-0","status":"publish","type":"post","link":"https:\/\/www.nathalielawhead.com\/candybox\/the-old-frog-pond-tutorial-in-3-0","title":{"rendered":"The Old Frog Pond Tutorial (In 3.0)"},"content":{"rendered":"

Several years ago I co-authored in New Masters Of Flash Volume 3<\/em>, and wrote a tutorial for it which extensively covered illustrating in Flash then bringing the graphics to life with code\u2026 adding the interactive layer.
\nIt crossed my mind that I could port it to Actionscript 3.0<\/em> for fun! I really loved making it. The original Frog Pond<\/a> was part of an unreleased portion of BlueSuburbia<\/a>. BlueSuburbia<\/a> is 100% vector art<\/em>, and, as was the case with all the graphics in BlueSuburbia<\/a>, it was drawn in Flash. The original tutorial (found in the book) is still an excellent walkthrough for how to approach creating graphics in Flash. Doing so is something I enjoy a lot because it saves a lot of time.
\nSo here it is. The Frog Pond 3.0.<\/p>\n

DOWNLOAD THE SOURCE HERE (3.0).<\/a><\/p>\n

[swfobj src=”http:\/\/nathalielawhead.com\/sourcefiles\/Frog_Pond\/frog_3.0.swf” height=”600″ width=”550″]
\nClick Here for full screen!<\/a><\/p>\n

It’s got some fun tricks in it. Like making a cursor that follows the mouse with friction and rotation pointing in the direction of the mouse movement.
\nLike so\u2026<\/p>\n

<\/p>\n

\n
\/\/rotating follow mouse function<\/span>\r\nfunction <\/span>mouseRotFunc<\/span>(<\/span>event:<\/span>Event<\/span>)<\/span> {<\/span>\r\n\tvar<\/span> clip:MovieClip<\/span> =<\/span> MovieClip(<\/span>event.<\/span>currentTarget<\/span>);<\/span>\r\n\t\/\/check how far the movie clip is from the cursor<\/span>\r\n\t\/\/with a little friction added<\/span>\r\n\tvar<\/span> disX:Number<\/span> =<\/span> (<\/span>mouseX-<\/span>clip.<\/span>x<\/span>)\/<\/span>6<\/span>;<\/span>\r\n\tvar<\/span> disY:Number<\/span> =<\/span> (<\/span>mouseY-<\/span>clip.<\/span>y<\/span>)\/<\/span>6<\/span>;<\/span>\r\n\t\/\/calculate the angle in radians then convert <\/span>\r\n\t\/\/it to degrees (plus 90)<\/span>\r\n\t\/\/so that the movie clip rotates<\/span>\r\n\tvar<\/span> myRads:Number<\/span> =<\/span> Math.<\/span>atan2<\/span>(<\/span>disY,<\/span> disX);<\/span>\r\n    var<\/span> myDegs:Number<\/span> =<\/span> Math.<\/span>round<\/span>(<\/span>myRads*<\/span>180<\/span>\/<\/span>Math.<\/span>PI<\/span>)+<\/span>90<\/span>;<\/span>\r\n\t\/\/apply all of the above<\/span>\r\n\tclip.<\/span>x<\/span> +=<\/span> disX\r\n\tclip.<\/span>y<\/span> +=<\/span> disY\r\n    clip.<\/span>rotation<\/span> =<\/span> myDegs;<\/span>\r\n}<\/span>\r\ncursor_mc.<\/span>addEventListener<\/span>(<\/span>Event.<\/span>ENTER_FRAME<\/span>,<\/span>mouseRotFunc);<\/span>\r\n<\/pre>\n<\/div>\n
You can also get the old (ActionScript 2.0\/1.0) version her<\/a>e.<\/p>\n
Fun stuff!<\/p>\n
I’m a big fan of vector art. I think it animates beautifully, and is a pleasure to look at. I love the clean, smooth, cartoon style lines. Get good at it and you can add an amazing amount of detail to it. That’s when it truly shines! You can see your own science fiction, fantasy, rich environments, or other works of art come to life with however much scalable complexity you want. I never get tired of that concept.<\/p>\n
…In the end, there’s nothing like talking to an artificial intelligence stuck in some giant machine animated with scrap metal, steam, valves, and many robot arms.
\nLike so\u2026<\/p>\n
Go ahead. You can talk to the bellow example!
\nJust turn it ON<\/strong> first. :)
\n[swfobj src=”http:\/\/nathalielawhead.com\/sourcefiles\/Chatbot_Programe_E_Flash\/I.swf” height=”500″ width=”800″]
\nClick here for full screen!<\/a><\/p>\n
For a tutorial on how to set up your own ALICE Chatbot (Program E), and how to create\/program the Flash front end, click here<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"
Several years ago I co-authored in New Masters Of Flash Volume 3, and wrote a tutorial for it which extensively covered illustrating in Flash then bringing the graphics to life with code\u2026 adding the interactive layer. It crossed my mind that I could port it to Actionscript 3.0 for fun! I really loved making it. The original Frog Pond was part of an unreleased portion of BlueSuburbia. BlueSuburbia is 100% vector art, and, as was the case with all the graphics in BlueSuburbia, it was drawn in Flash. The original tutorial (found in the book) is still an excellent walkthrough...<\/p>\n","protected":false},"author":1,"featured_media":4522,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[12],"tags":[],"class_list":["post-2572","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resources"],"_links":{"self":[{"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/posts\/2572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/comments?post=2572"}],"version-history":[{"count":12,"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/posts\/2572\/revisions"}],"predecessor-version":[{"id":3031,"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/posts\/2572\/revisions\/3031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/media\/4522"}],"wp:attachment":[{"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/media?parent=2572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/categories?post=2572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/tags?post=2572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}