You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

291 lines
14 KiB

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML>
<HEAD><TITLE>Microsoft DirectAnimation SDK</TITLE>
<STYLE>
<!--
.tctop {color: blue}
.cpslug {color: blue; text-decoration: none}
-->
</STYLE>
<META NAME="MS-HKWD" CONTENT="Microsoft(r) DirectAnimation(tm) is a component of the Microsoft DirectX(r) family of APIs that provides unified, comprehensive support for animation, streaming, and integration of diverse media types, such as 2-D vector graphics, 3-D graphics, sprites, audio, and video. Because it is a COM API with an underlying engine/run time, DirectAnimation functionality can be accessed -- in different ways -- by a wide variety of programmers and authors. HTML authors can animate their Web pages by using the DirectAnimation controls and setting the control parameters, without any programming. Scripting authors using Microsoft Visual Basic(r) Scripting Edition (VBScript) or Microsoft JScript(tm) can integrate their animations with Dynamic HTML and thus animate Web page properties. Programmers using Java, Visual Basic, and Microsoft Visual C++(tm) can develop Microsoft ActiveX(tm) Controls or full applications with multimedia support and interactivity.">
<META NAME="KEYWORDS" CONTENT="animation; Dynamic HTML; multimedia; multimedia controls; animation controls; windowless controls; JScript, animation; VBScript, animation; Java, animation; animation samples; samples, animation; behaviors, animation; Sequencer control, animation; Path control, animation; Sprite control, animation; Structured Graphics control, animation.">
<META NAME="PRODUCT" CONTENT="DirectAnimation; Dynamic HTML Multimedia; DirectX Media.">
<META NAME="CATEGORY" CONTENT="Technical documentation; download; samples.">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso8859-1">
<META NAME="MS.LOCALE" CONTENT="EN-US">
<META NAME="ROBOTS" CONTENT="all">
<!-- SNIFF_START -->
<SCRIPT LANGUAGE="JAVASCRIPT">
//<!--
var g_isIE = false, g_isNav = false, g_iMaj = 0, g_sPlat = "";
// -->
</SCRIPT>
<SCRIPT SRC="ver.js"></SCRIPT>
<SCRIPT DEFER SRC="common.js"></SCRIPT>
<SCRIPT DEFER>
//<!--
function InitPage()
{
if (g_isIE && g_iMaj >= 4)
{
SetTOC();
}
}
//-->
</SCRIPT>
<!-- STYLE_START -->
<SCRIPT LANGUAGE="JAVASCRIPT">
//<!--
var sVR = '' // Set root for the style sheet
var sCSS = '<LINK REL="stylesheet" HREF="' + sVR;
if(g_isIE)
{
if (g_iMaj >= 4) // For MSIE 4.0 or later
{
sCSS += 'basicSDKIE4';
if (g_sPlat == "Win") // Windows only for now
{
document.createStyleSheet(sVR + 'advSDKIE4.css');
}
}
else // For MSIE 3.0 or earlier
{
sCSS += 'basicSDKIE3';
}
}
else if (g_isNav) // For all Nav versions
{
sCSS += 'basicSDKNAV';
}
else
{
sCSS += 'basicSDKIE3'; // default to IE3 sheet
}
sCSS += (sCSS == '' ? '' : '.css" TYPE="text/css">');
document.write(sCSS);
//-->
</SCRIPT>
<!-- STYLE_END -->
</HEAD>
<BODY onload="InitPage()" TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF" LINK="#000000" VLINK="#808080" ALINK="#000000">
<A NAME="pagetop"></A><A NAME="Microsoft_DirectAnim"></A>
<!--TOOLBAR-->
<OBJECT ID="DAControl"
STYLE="position:absolute; left:0; top:11;width:702;height:90"
CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">
</OBJECT>
<!--STYLE="width:702;height:110"-->
<SCRIPT LANGUAGE="JScript">
<!--
// The DirectAnimation library
m = DAControl.PixelLibrary;
/* -- Insert your code here --*/
mediaBase = "art\\";
glowBase = m.importImage(mediaBase + "glow.gif");
xImage = m.importImage(mediaBase + "newtransx.gif");
xImage = xImage.Transform(m.Translate2(-303,0));
//header1 = m.importImage(mediaBase + "header1.gif");
//header1 = header1.Transform(m.Translate2(-301,0));
//header2 = m.importImage(mediaBase + "hdrd3drm.gif");
//header2 = header2.Transform(m.Translate2(-143,0));
//header3 = m.importImage(mediaBase + "header3.gif");
//header3 = header3.Transform(m.Translate2(157,-18));
//background = m.Overlay(header1, m.Overlay( header2, header3));
glowPath1 = m.Polyline( new Array( 295,26, 305,26, 305,50, 310,57, 519,57,
536,40, 536,17, 675,17, 675,23 ) );
glowPath2 = m.PolyLine( new Array( 44,41, 44,25, 52,16, 84,16, 106,16 ) );
glowPath3 = m.PolyLine( new Array( 57,55, 69,55, 78,65, 92,65, 99,58,
99,82, 95,85, 95,93, 132,93, 132,78,
303,78, 315,66, 549,66, 549,17, 675,17,
675,23 ) );
glowPath4 = m.PolyLine( new Array( 29,55, 19,55, 19,31, 38,30, 38,21,
46,16, 106,16 ) );
glowPath5 = m.PolyLine( new Array( 45,62, 45,81, 37,81, 41,85, 46,85,
51,91, 68,91, 66,81, 90,81, 90,65, 94,65, 105,47 ) );
glow1 = glowBase.Transform( moveGlow( glowPath1, 5 ) );
glow2 = glowBase.Transform( moveGlow( glowPath2, 2 ) );
glow3 = glowBase.Transform( moveGlow( glowPath3, 8 ) );
glow4 = glowBase.Transform( moveGlow( glowPath4, 2.5 ) );
glow5 = glowBase.Transform( moveGlow( glowPath5, 2 ) );
finalImg = m.Overlay(xImage, m.Overlay( glow5, m.Overlay( glow4,
m.Overlay( glow3, m.Overlay( glow2, glow1)))));
// set the model, an image, as the model to be displayed
DAControl.Image = finalImg;//m.Overlay(finalImg, background);
// set the background in case of a non-windowless browser (like IE3)
DAControl.BackgroundImage = m.SolidColorImage(m.Blue);
// start the animation
DAControl.Start()
function moveGlow(path, speed) {
imDimX = 702;
imDimY = 120;
coordsXf = m.Translate2(-imDimX/2, -imDimY/2);
path = path.Transform(coordsXf);
return xf = m.FollowPath(path, speed).Repeat(3);
}
//-->
</SCRIPT>
<TABLE BORDER=0 CELLSPACING="0" CELLPADDING="0" WIDTH="*">
<TR>
<TD ROWSPAN="3" VALIGN="TOP" WIDTH="*">
<IMG SRC="art/header1.gif" WIDTH="107" HEIGHT="110" BORDER=0 ALT="DirectAnimation Animated Header --Getting Started"></TD>
<TD ROWSPAN="2" VALIGN="TOP" WIDTH="217">
<IMG SRC="art/hdrdanim.gif" WIDTH="210" HEIGHT="110" BORDER=0 ALT="DirectAnimation Animated Header --Getting Started"></TD><TD VALIGN="TOP" WIDTH="383"><IMG SRC="art/header3.gif" WIDTH="383" HEIGHT="95" BORDER=0 ALT="*">
</TD>
<TD VALIGN="TOP" WIDTH="100%">
<IMG SRC="art/spacer1.gif" WIDTH="100%" HEIGHT="94" BORDER=0 ALT="Microsoft DirectAnimation SDK">
</TD>
</TR><TR><TD VALIGN="TOP"><PRE><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="1"><IMG ID=TOC_ SRC="art/yelbtn.gif" WIDTH="11" HEIGHT="11" ALIGN="MIDDLE" BORDER=0 ALT="*"><A STYLE="color:black;font-weight:bold" ID=TOC HREF="contents.htm">Contents</A> <IMG SRC="art/yelbtn.gif" WIDTH="11" HEIGHT="11"
ALIGN="MIDDLE" BORDER=0 ALT="*"><A STYLE="color:black;font-weight:bold" HREF="index.htm">Index</A> </FONT></PRE></TD></TR>
<TR><TD COLSPAN="2" VALIGN="TOP"><PRE><FONT FACE="Verdana,Arial,Helvetica" SIZE="1"><IMG SRC="art/yelbtn.gif" WIDTH="11" HEIGHT="11" ALIGN="MIDDLE" BORDER=0 ALT="*"><B>Next Topic:</B> <A STYLE="color:black" HREF="DA_E0000.htm">Getting Started</A>
</FONT></PRE></TD></TR></TABLE><BR CLEAR=ALL>
<FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><BLOCKQUOTE STYLE="margin:15pt">
<H2>Microsoft DirectAnimation SDK</H2>
<BR CLEAR=ALL>
<P>Welcome to the Microsoft&#174; DirectAnimation&#153; SDK. Before jumping into any of the reference sections, consider reading the topics in the "Getting Started" and "Programmer's Guide" sections first. These sections provide important overview and conceptual information about DirectAnimation that you will need in other areas of the documentation. For the most recent updates to this documentation, consult the Microsoft DirectX Web site at <A CLASS=tctop HREF="http://www.microsoft.com/directx/" TARGET="_top">http://www.microsoft.com/DirectX/</A>.
<P>Click here to go to the <A Class=tctop HREF="http://www.microsoft.com/directx/resources/dx5mediasdk.htm" TARGET="_top">download</A> page for DirectAnimation and DirectShow.
<P>
<P><B>Last Updated:</B> March 27, 1998
<P>
<TABLE BORDER=0>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="DA_E0000.htm#Getting_Started">Getting Started</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Provides general information about Microsoft&#174; DirectAnimation to help you get oriented when first starting.
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="da_e0001.htm">Guide to Samples</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Contains descriptions of the templates, exercises, and showcase samples included with DirectAnimation and step-by-step procedures describing how to create simple animations in JScript, VBScript, and Java, and how to build the C++ samples. When viewed in HTML, includes live links to the DirectAnimation samples. You can also access the samples from the Samples\Da folder.
</FONT></TD>
</TR>
<TR></TR>
<TR></TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="DA_E0008.htm#scbasics">Scripting Cookbook</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Contains simple scripting samples in VBScript. Each sample illustrates a basic DirectAnimation construction in its simplest form. The samples include animated lines, arcs, hatching, text, and vectors, and can be cut, pasted, and reused.
</FONT></TD>
</TR>
<TR></TR>
<TR></TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="DA_E0019.htm#ihammer">DirectAnimation Multimedia Controls</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Describes DirectAnimation dynamic HTML multimedia controls.
</FONT></TD>
</TR>
<TR></TR>
<TR></TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="DA_E0026.htm#ch_jaxaovr">Programmer's Guide</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Discusses a variety of concepts and techniques useful to many types of DirectAnimation authors, such as coordinate systems, URLs and paths, and events in DirectAnimation. Also discusses DirectAnimation behaviors and how to use them, media types (images, geometries, and sound) and the operations that can be performed on them, sequencing, switching, time substitution, integrals and derivatives, and more.
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="DA_E0032.htm#Scripting_Reference">Scripting Reference</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Provides detailed reference information about the DirectAnimation functions that make animations accessible to Web authors, script writers, and COM programmers.
</FONT></TD>
</TR>
<TR></TR>
<TR></TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="DA_E0118.htm#jaxa_classes">Java Reference</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Provides detailed reference information about the DirectAnimation Java classes.
</FONT></TD>
</TR>
<TR></TR>
<TR></TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="DA_E0265.htm#Ani_Gloss">Animation Glossary</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Defines basic animation terms and how basic animation features are implemented in DirectAnimation.
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2"><A CLASS=tctop HREF="../../relnotda.htm">Readme</A>
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">Contains late-breaking or supplemental information about DirectAnimation.
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
<TR><TD ALIGN=LEFT VALIGN=TOP><FONT FACE="VERDANA,ARIAL,HELVETICA" SIZE="2">
</FONT></TD>
</TR>
</TABLE>
<P><B>Note:</B> The icon <IMG SRC="art/ext_ani.gif" WIDTH="16" HEIGHT="8" ALT="external link"> indicates that the link takes you to a URL that is outside the microsoft.com site; you can return to the DirectAnimation site by using the Back button. Note that most of these external links point to servers that are not under Microsoft's control. Please read Microsoft's <A CLASS=tctop HREF="http://www.microsoft.com/misc/nonms.htm" TARGET="_top">official statement</A> regarding other servers.<P><P><FONT FACE="MS SANS SERIF" SIZE="1" COLOR="BLACK">
<A CLASS=cpslug HREF="http://www.microsoft.com/misc/cpyright.htm" TARGET="_top">&#169; 1998 Microsoft Corporation. All rights reserved. Terms of Use.</A>
</FONT>
<BR CLEAR=ALL><P>
<FONT FACE="Verdana,Arial,Helvetica" SIZE="1"><A HREF="#pagetop"><IMG SRC="art/yelbtn.gif" WIDTH="11" HEIGHT="11" ALIGN="MIDDLE" BORDER=0 ALT="*">Top of Page</A></FONT>
</BLOCKQUOTE><P>
</FONT><P>
</BODY></HTML>