Главная
JavaScript
Контакты
Услуги
Передвижение шаров (эллипсов) по заданным точками траекториям.
<html> <head> <title>Передвижение шаров (эллипсов) по заданным точками траекториям.</title> </head> <body> <object id="DAControl" style="position:absolute; left:100; top:80;width:412;height:450;z-index:1" classid="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D"> </object> <script language="JavaScript"> <!-- // The DirectAnimation library in meter mode m = DAControl.PixelLibrary; // constants imDimX = 362; imDimY = 400; cm = 0.01; // a conversion factor from centimeters to meters dim = 6*cm; speed = 1.1; pi = Math.PI; // for specifying angles in radian. zeroNum = m.DANumber(0); // for convenience // constructs a dot of the given color function Dot(clr) { fillImg = m.SolidColorImage(clr); return(m.Oval(10,10).Fill(m.DefaultLineStyle, fillImg)); } function AnimDot(path, dur, clr) { coordsXf = m.Translate2(-imDimX/2, -imDimY/2); normalPath = path.Transform(coordsXf); // declare an uninitialized behavior for the cyclic expression // that follows changingRate = new ActiveXObject("DirectAnimation.DANumber"); changingRate.Init(m.Until(m.DANumber(speed/dur), m.LeftButtonDown, m.Until(zeroNum, m.LeftButtonDown, changingRate))); eval = m.mod(m.Integral(changingRate), m.DANumber(1)); xf = m.FollowPathEval(normalPath, eval); pt = m.Origin2.Transform(xf); return(Dot(clr).Transform(xf)); } // these three paths were obtained from the image path1 = m.Polyline( new Array(0,0, 0,23, 53,23, 53,75, 81,75, 81,123, 300,123, 300,75, 321,75, 321,23, 114,23, 114,0, 0,0)); dot1 = AnimDot(path1, 3, m.Red); path2 = m.Polyline( new Array(183,200, 189,200, 222,121, 266,148, 291,191, 215,224, 215,235, 290,271, 261,315, 218,338, 187,260, 183,260, 154,331, 143,333, 113,312, 85,265, 156,235, 154,225, 83,189, 108,144, 150,121, 183,200)); dot2 = AnimDot(path2, 4, m.Blue); path3 = m.Polyline( new Array(335,384, 335,358, 288,358, 294,330, 75,324, 75,350, 35,350, 35,384, 335,384)); dot3 = AnimDot(path3, 2.5, m.Green); finalImg = m.OverlayArray(new Array(dot1, dot2, dot3)); DAControl.Image = finalImg; // set the background in case of a non-windowless browser (such as IE3) DAControl.BackgroundImage = m.SolidColorImage(m.Blue); // start the animation DAControl.Start() --> </script> </body> </html>
Дизайн
Scriptic
.