{"id":366,"date":"2009-08-04T09:42:32","date_gmt":"2009-08-04T16:42:32","guid":{"rendered":"https:\/\/actionsnippet.com\/?p=1906"},"modified":"2009-08-04T09:42:32","modified_gmt":"2009-08-04T16:42:32","slug":"twitter-texture-alphabet","status":"publish","type":"post","link":"https:\/\/actionsnippet.com\/?p=366","title":{"rendered":"Twitter Texture Alphabet"},"content":{"rendered":"
\r\n[SWF(width = 1000, height=800, frameRate=60)]\r\n\r\n\/\/ if you don't have flex you'll need to embed this font in your library\r\n[Embed(source="\/Library\/Fonts\/Verdana.ttf", fontFamily="Verdana")]\r\nvar Verdana:Class;\r\n\r\nvar canvas:BitmapData = new BitmapData(1000,800,false, 0xFFFFFF);\r\naddChild(new Bitmap(canvas));\r\nvar overlay:BitmapData = new BitmapData(1000,800,true, 0x01FFFFFF);\r\n \r\n\r\nvar txt:TextField = TextField(addChild(new TextField()));\r\nwith (txt){\r\n\tdefaultTextFormat = new TextFormat("Verdana", 10);\r\n\tembedFonts = true;\r\n\twidth = stage.stageWidth-20;\r\n\theight = stage.stageHeight-20;\r\n\tmultiline = true;\r\n\twordWrap = true;\r\n\ttext ="";\r\n\ttextColor = 0x444444;\r\n\tselectable = false;\r\n\tx = y = 10;\r\n\ttext = "loading...";\r\n}\r\n\r\n\r\nvar selectWords:Array = [];\r\nvar currFirstLetter:String="";\r\nvar prevFirstLetter:String="";\r\nvar index:int = 0;\r\nvar anchorX:Number = 0, anchorY:Number = 0, theta:Number, radius:Number;\r\naddEventListener(Event.ENTER_FRAME, onLoop);\r\nfunction onLoop(evt:Event):void {\r\n\t canvas.copyPixels(overlay, overlay.rect, new Point(0,0), null, null, true);\r\n\t var leng:int = selectWords.length;\r\n     if (leng > 0){\r\n\t\t var word:String = selectWords[index % leng];\r\n\t\t trace(word);\r\n\t\t currFirstLetter = word.charAt(0);\r\n\t\t if (currFirstLetter != prevFirstLetter){\r\n\t\t\t anchorX = Math.random() * (stage.stageWidth - 200) + 100\r\n\t\t\t anchorY = Math.random() * (stage.stageHeight - 200) + 100;\r\n\t\t\t theta = Math.random() * Math.PI * 2;\r\n\t\t\t radius = 50 + Math.random() * 100;\r\n\t\t\t txt.textColor = [0,0xFFFFFF,0xCCCCCC,0x666666][int(Math.random()*4)];\r\n\t\t }else{\r\n\t\t\t txt.x = anchorX + radius * Math.cos(theta);\r\n\t\t\t txt.y = anchorY + radius * Math.sin(theta);\r\n\t\t\t theta += Math.random() * .1;\r\n\t\t\t radius += 3;\r\n\t\t\t txt.scaleX = txt.scaleY = 1 + Math.random();\r\n\t\t\t if (int(Math.random()*30) == 1) txt.scaleX = txt.scaleY = 1 + Math.random()*10;\r\n\t\t\t txt.rotation = theta \/ Math.PI * 180;\r\n\t\t\t txt.text = word;\r\n\t\t\t canvas.draw(txt, txt.transform.matrix);\r\n\t\t }\r\n\t\t prevFirstLetter = currFirstLetter;\r\n\t\t index++;\r\n\t }\r\n}\r\n\r\nvar loader:URLLoader = new URLLoader();\r\nvar req:URLRequest = new URLRequest("http:\/\/search.twitter.com\/search.atom");\r\nvar vars:URLVariables = new URLVariables();\r\nvars.q = "alphabet";\r\n\/\/ results per page\r\nvars.rpp = "100";\r\nvars.page = 1;\r\nvars.lang = "en";\r\n\r\nreq.data = vars;\r\nreq.method = URLRequestMethod.POST;\r\nloader.load(req);\r\nloader.addEventListener(Event.COMPLETE, onLoaded);\t\t\t\t\t\t\t\t\t\r\nfunction onLoaded(evt:Event):void{\r\n\tvar searchData:XML = new XML(loader.data);\r\n\tvar atom:Namespace = searchData.namespace("");\r\n\tdefault xml namespace = atom;\r\n\tvar titles:String = "";\r\n\tfor each(var entry:XML in searchData.entry){\r\n\t\ttitles += entry.title.toString();\r\n\t}\r\n\tvar index:int = 0;\r\n\tvar words:Array = titles.split(" ");\r\n\tfor (var i:int = 0; i<words.length; i++){\r\n\t\t\/\/ exclude a few things\r\n\t\tif (words[i].match(\/RT|@|#|http\/g).length == 0){\r\n\t\t\tselectWords[index++] = words[i].replace(\/s|r|n|"\/g, "");\r\n\t\t}\r\n\t}\r\n\tselectWords.sort();\r\n\ttxt.text =""\r\n        removeChild(txt);\r\n}\r\n<\/pre>\n
This snippet draws a texture using a twitter search for the word “alphabet”. The results are arranged alphabetically and used to draw a texture.<\/p>\n

\nHave a look at the swf:<\/p>\n
<\/a>