[Dynapi-CVS] CVS: dynapi3x/examples demo.slideshow.html,NONE,1.1 dynapi.functions.fadecolor.htm,NONE

SourceForge Headquarters 1320 Columbia Street Suite 310 San Diego, CA 92101 +1 (858) 422-6466

Update of /cvsroot/dynapi/dynapi3x/examples
In directory sc8-pr-cvs1:/tmp/cvs-serv11257/examples

Added Files:
	demo.slideshow.html dynapi.functions.fadecolor.htm 
	dynapi.gui.imageclip.htm 
Log Message:
added by raymond

--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - Slide Show</title>
<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">
	dynapi.library.setPath('../src/')
	dynapi.library.include('dynapi.api')
	dynapi.library.include('ImageClip');
</script>
<script language="Javascript">

	projector = new ImageClip({x:200,y:100,w:32,h:32,cols:5,rows:1,speed:400});
	projector.addImage(dynapi.functions.getImage('images/file.gif'));
	projector.addImage(dynapi.functions.getImage('images/eicon1.gif'));
	projector.addImage(dynapi.functions.getImage('images/eicon3.gif'));
	projector.addImage(dynapi.functions.getImage('images/calc.gif'));
	projector.addImage(dynapi.functions.getImage('images/eicon2.gif'));

	dynapi.document.addChild(projector);

	var slide=1;

</script>
</head>
<body>
<p><font face="Arial" size="4">ImageClip Slide Show</font></p>
<a href="javascript:projector.playAnimation(false,'1>5');">Show Slides &gt;&gt;</a><br>
<a href="javascript:projector.playAnimation(false,'1<5');"> &lt;&lt; Show Slides</a><br><br>
<a href="javascript:projector.playAnimation(false,'1<3,5,2,1,4,2,4');"> Mixed Slides</a><br><br>
<a href="javascript:slide++;if(slide>5) slide=5;projector.setFrame(slide);"> Next Slide &gt;</a><br>
<a href="javascript:slide--;if(slide<1) slide=1;projector.setFrame(slide);"> &lt; Previous Slide</a>
<script>
	dynapi.document.insertAllChildren();
</script>
</body>
</html>

--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples- Fade Color</title>
<script language="JavaScript" src="../src/dynapi.js"></script>
<script language="Javascript">
	dynapi.library.setPath('../src/');
	dynapi.library.include('dynapi.api');
	dynapi.library.include('Color');
</script>
<script language="Javascript">

	var inc=0;
	var lastColor='#FFCC00';
	var newColor='#000000';

	var lyr = new DynLayer(null,100,100,200,200,lastColor);
	dynapi.document.addChild(lyr)

	dynapi.document.addChild(new DynLayer(null,10,50,20,20),'lyrFrom')
	dynapi.document.addChild(new DynLayer(null,35,50,20,20),'lyrTo')

	function fadeLyr(){
		inc+=5;
		var c=dynapi.functions.fadeColor(lastColor,newColor,inc)
		if(inc<100) window.setTimeout('fadeLyr()',50);
		else inc=0;
		lyr.setBgColor(c);
	};

	function start(){
		lastColor=lyr.getBgColor();
		newColor=dynapi.functions.getRandomColor();
		dynapi.document.lyrFrom.setBgColor(lastColor);
		dynapi.document.lyrTo.setBgColor(newColor);
		fadeLyr();
	}

</script>
</head>
<body>
<a href="javascript:start()">Fade Layer Color</a>
</body>
</html>
--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - ImageClip</title>
<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">
	dynapi.library.setPath('../src/')
	dynapi.library.include('dynapi.api')
	dynapi.library.include('dynapi.fx.MotionX')
	dynapi.library.include('dynapi.fx.TimerX');
	dynapi.library.include('ImageClip');
</script>
<script language="Javascript">

	var img1 = dynapi.functions.getImage('images/penguin_red.gif');
	var img2 = dynapi.functions.getImage('images/penguin_blue.gif');

	vp=new DynLayer(null,10,65,500,300,'#FFFFFF');
	vp._overflow = 'hidden';

	redpenguin= new ImageClip({x:100,y:100,w:64,h:64,clipImage:img1,cols:11,rows:2,speed:150});
	bluepenguin= new ImageClip({x:400,y:200,w:64,h:64,clipImage:img2,cols:11,rows:2,speed:150});

	tree=new DynLayer(null,150,60,207,214)
	tree.setHTML('<img src="images/tree.gif">')

	evn= {
		ontimer : function(e){
			// timer event
			var me,xx=0,yy=0;
			me=e.getSource();
			xx=Math.random()*430;
			yy=Math.random()*200;

			me.lpengx=me.x;
			me.lpengy=me.y;
			me.pengx=xx;
			me.pengy=yy;
			me.slideTo(xx,yy,null,50);
		},
		onmove : function(e){
			var me=e.getSource();
			var fn=0,col=0

			if (me.pengx<=me.x) {col=0}else{col=2}
			fn=me.fm
			if (fn==1){fn=2}else{fn=1}
			me.setFrame(fn+col);
			me.fm=fn

			if (me.pengx==me.x && me.pengy==me.y) {
				if (Math.floor(Math.random()*10)==5) {
					me.playAnimation(false,'17>18,17<18,17>18,22')
				}else if (Math.floor(Math.random()*10)==3) {
					me.playAnimation(false,'21>22,21<22,21>22')
				}else {
					me.setFrame(22)
				}
			}
		}
	}

	redpenguin.addEventListener(evn);
	bluepenguin.addEventListener(evn);
	redpenguin.startTimer(2000);
	bluepenguin.startTimer(1500);

	vp.addChild(redpenguin);
	vp.addChild(bluepenguin);
	vp.addChild(tree);

	dynapi.document.addChild(vp);

</script>
</head>
<body>
<p><font face="Arial" size="4">ImageClip Widget</font></p>
<script>
	dynapi.document.insertAllChildren();
</script>
</body>
</html>

[Dynapi-CVS] CVS: dynapi3x/examples demo.slideshow.html,NONE,1.1 dynapi.functions.fadecolor.htm,NONE

[Dynapi-CVS] CVS: dynapi3x/examples demo.slideshow.html,NONE,1.1 dynapi.functions.fadecolor.htm,NONE,1.1 dynapi.gui.imageclip.htm,NONE,1.1