{"id":357,"date":"2009-07-26T11:49:27","date_gmt":"2009-07-26T18:49:27","guid":{"rendered":"https:\/\/actionsnippet.com\/?p=1841"},"modified":"2009-07-26T11:49:27","modified_gmt":"2009-07-26T18:49:27","slug":"wave-trick","status":"publish","type":"post","link":"https:\/\/actionsnippet.com\/?p=357","title":{"rendered":"Wave Trick"},"content":{"rendered":"
\r\n[SWF(width=800, height=600)]\r\nvar dupes:int = 5\r\nvar pntNum:int = 180;\r\n\r\nvar hh:Number = stage.stageHeight \/ 2;\r\nvar points:Vector.<Number> = new Vector.<Number>();\r\nvar vel:Vector.<Number> = new Vector.<Number>();\r\nvar cmds:Vector.<int> = new Vector.<int>();\r\nvar vectors:Vector.<Shape> = new Vector.<Shape>();\r\n\r\nfor (var i:int = 0; i<dupes; i++){\r\n\tvectors[i] = Shape(addChildAt(new Shape(),0));\r\n\tvectors[i].x = 10 * i;\r\n\tvectors[i].y = -10 * i;\r\n}\r\nvar index:int = 0;\r\nfor (i = 0; i<pntNum; i++){\r\n\tpoints[index++] = 10 + i * 4;\r\n\tpoints[index++] = hh;\r\n\tcmds[i] = 2;\r\n\tvel[i] = 0;\r\n}\r\ncmds[0] = 1;\r\naddEventListener(Event.ENTER_FRAME, onLoop);\r\nfunction onLoop(evt:Event):void {\t\r\n   index = 1;\r\n   points[index] += (mouseY - points[index]) \/ 12;\r\n   for (var i:int = 3; i<points.length; i+=2){\r\n         points[i] += vel[index];\r\n\t\t vel[index] += ((points[i] - points[i - 2]) * -0.16 - vel[index]) \/ 4;\r\n\t\t index++;\r\n   }\r\n   for (i = 0; i<dupes; i++){\r\n\t   var c:uint =  255 - 255 \/ i;\r\n\t   with (vectors[i].graphics){\r\n\t\t   clear();\r\n\t\t   lineStyle(0,c << 16 | c << 8 | c);\r\n\t\t   drawPath(cmds, points);\r\n\t   }\r\n   }\r\n}\r\n<\/pre>\n
This snippet uses elasticity to create an interesting wave effect. I first stumbled upon this technique back in my director days…<\/p>\n

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