{"id":1251,"date":"2011-12-12T06:03:09","date_gmt":"2011-12-12T10:03:09","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=1251"},"modified":"2011-12-12T06:18:47","modified_gmt":"2011-12-12T10:18:47","slug":"skew-text-using-flash-action-script","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/skew-text-using-flash-action-script\/","title":{"rendered":"Skew Text Using Flash Action Script"},"content":{"rendered":"

Step-1 Open a new document in flash.<\/p>\n

Step-2 Writes the following script in Key frame 1 \u2013 action script panel (F9).<\/p>\n

inputString = “Skew Text”;<\/em>
\nletterWidths = new Array(0, 55, 35, 20, 40, 40, 40, 50, 40, 40, 20, 40, 35);<\/em>
\noffset = 65;<\/em>
\nfor (count = 0; count < inputString.length; count++)<\/em>
\n{<\/em>
\n\u00a0\u00a0\u00a0 attachMovie(“skewtext”, “letter” + count, count);<\/em>
\n\u00a0\u00a0\u00a0 thisLetter = this[“letter” + count];<\/em>
\n\u00a0\u00a0\u00a0 offset = offset + letterWidths[count];<\/em>
\n\u00a0\u00a0\u00a0 thisLetter._x = offset;<\/em>
\n\u00a0\u00a0\u00a0 thisLetter._y = 150;<\/em>
\n\u00a0\u00a0\u00a0 thisLetter.topLetter.midLetter.rawLetter.text = inputString.charAt(count);<\/em>
\n\u00a0\u00a0\u00a0 storeHeight = thisLetter._height;<\/em>
\n\u00a0\u00a0\u00a0 storeWidth = thisLetter._width;<\/em>
\n\u00a0\u00a0\u00a0 thisLetter.letterWidth = letterWidths[count + 1];<\/em>
\n\u00a0\u00a0\u00a0 thisLetter.skewAxis = 1;<\/em>
\n} \/\/ end of for<\/em>
\nmouseListener = new Object();<\/em>
\nMouse.addListener(mouseListener);<\/em>
\n_root.skewMeX = function (skewTarget, degrees)<\/em>
\n{<\/em>
\n\u00a0\u00a0\u00a0 var _loc1 = skewTarget;<\/em>
\n\u00a0\u00a0\u00a0 skewAmt = 1 \/ Math.tan(0.017453 * degrees \/ -2);<\/em>
\n\u00a0\u00a0\u00a0 _loc1.topLetter.midLetter._rotation = 45 * skewAmt \/ skewAmt;<\/em>
\n\u00a0\u00a0\u00a0 _loc1.topLetter._xscale = skewAmt * 100;<\/em>
\n\u00a0\u00a0\u00a0 _loc1.topLetter._rotation = -1 * skewAmt \/ skewAmt * Math.atan(1 \/ skewAmt) * 180 \/ 3.141593;<\/em>
\n\u00a0\u00a0\u00a0 newHeight = Math.sin(-2 * Math.atan(1 \/ skewAmt)) * storeHeight * -1;<\/em>
\n\u00a0\u00a0\u00a0 _loc1._xscale = 100;<\/em>
\n\u00a0\u00a0\u00a0 _loc1._yscale = 100;<\/em>
\n\u00a0\u00a0\u00a0 newScale = 100 * newHeight \/ _loc1._height;<\/em>
\n\u00a0\u00a0\u00a0 _loc1._xscale = newScale;<\/em>
\n\u00a0\u00a0\u00a0 _loc1._yscale = newScale;<\/em>
\n};<\/em><\/p>\n

Step-3 Here I had set background image by importing (Ctr l + Enter) into stage.<\/p>\n

Step-4\u00a0 Ctrl + Enter to run the program.<\/p>\n

Final Preview:<\/strong><\/p>\n

<\/object><\/p>\n","protected":false},"excerpt":{"rendered":"

Step-1 Open a new document in flash. Step-2 Writes the following script in Key frame 1 \u2013 action script panel (F9). inputString = “Skew Text”; letterWidths = new Array(0, 55, 35, 20, 40, 40, 40, 50, 40, 40, 20, 40, 35); offset = 65; for (count = 0; count < inputString.length; count++) { \u00a0\u00a0\u00a0 attachMovie(“skewtext”, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[89,87,86,88],"class_list":["post-1251","post","type-post","status-publish","format-standard","hentry","category-flash","category-web-design","tag-action-script-tutorial","tag-flash-intermediate-tutorial","tag-skew-text-in-flash","tag-transforming-text-using-as3-in-flash"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=1251"}],"version-history":[{"count":9,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1251\/revisions"}],"predecessor-version":[{"id":1256,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1251\/revisions\/1256"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=1251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=1251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=1251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}