JScript Samples

This section describes the Microsoft® JScript® Samples included with Microsoft DirectAnimation®. Click any link to display the sample.

This section describes the following types of samples.

JScript Exercises
JScript Templates
JScript Showcase Samples

JScript Exercises

The JScript® exercise samples are in the DXMedia\Samples\Multimedia\DAnim\JScript\Exercises folder. The following table lists the available JScript exercises and the concepts that they illustrate (click any link to display the sample).

JScript exercise name	Description
HelloWorld.html	The HelloWorld JScript sample demonstrates simple text rendering.
StartTime.html	The StartTime JScript sample demonstrates how to use numbers, colors, and string behaviors together. It also demonstrates a cyclic color behavior.
ColorSwitch.html	The ColorSwitch JScript sample demonstrates using Visual Basic buttons to color an animation. It also illustrates modifiable behaviors.
ColorArray.html	The ColorArray JScript sample demonstrates an array with a time-varying index that is used to change colors.
Image.html	The Image JScript sample demonstrates importing an image and rotating it.
AnimatedGlow.html	The AnimatedGlow JScript sample demonstrates a glow filter on a vector graphic using a montage.
Collage3D.html	The Collage3D JScript sample demonstrates how to combine 2-D and 3-D transformations. The transforms include scaling, rotation, translation, and shear.
ImageOsc.html	The ImageOsc sample demonstrates an oscillating structured graphics image with corresponding MIDI sound.
MeterCoords.html	The MeterCoords JScript sample demonstrates 2-D structured graphics that use the MeterLibrary (instead of the PixelLibrary).
PixelCoords.html	The PixelCoords JScript sample demonstrates 2-D structured graphics that use the PixelLibrary (instead of the MeterLibrary).
Movie.html	The Movie JScript sample demonstrates playing a movie in a variable-sized playback window and varying the movie volume with the size of the playback.
Geometry.html	The Geometry JScript sample demonstrates how to import and display an animated geometry (rotating cube), including camera, light, rendering, and 3-D transforms.

JScript Templates

The JScript® template samples are in the DXMedia\Samples\Multimedia\DAnim\JScript\Templates folder. The following table lists the available JScript templates and the concepts that they illustrate (click any link to display the sample).

JScript template name	Description
Basic.html	The Basic JScript sample demonstrates a simple animation (rotating oval) using the core DirectAnimation library. This is useful as a starting point for writing new content.
BasicDS.html	The BasicDS JScript sample is the same animation as Basic but written using the drawing surface API, an API with a slightly different style.
HelloWorldJS.html	The HelloWorldJS JScript sample demonstrates basic text animation as a windowless control.
Shadows.html	The Shadows JScript sample demonstrates applying shadows to geometries. Note that the buttons will have no effect if you do not have DirectX 5.x or later installed.
UntilEx.html	The UntilEx JScript sample demonstrates how to use the UntilEx function.
Extract.html	The Extract JScript sample demonstrates how to use the Snapshot and NotifyScript functions to extract values of non-constant behaviors.
Rotate.html	The Rotate JScript sample demonstrates how to use the Snapshot and NotifyScript functions to enable the user to incrementally rotate a cube.
Resize.html	The Resize JScript sample demonstrates a DirectAnimation control that sizes itself to fit in the browser window.
Cropping.html	The Cropping JScript sample demonstrates a cropped animated image that overlays another variation of itself.
Shapes.html	The Shapes JScript sample illustrates a variety of 2-D structured graphics primitives and fill styles.
AnnotatedLogo.html	The AnnotatedLogo JScript sample demonstrates how to animate HTML text in a coordinated fashion.
Rotational.html	The Rotational JScript sample demonstrates applying 3-D transforms to 2-D structured graphics models.
Sequencing.html	The Sequencing JScript sample demonstrates the mechanisms for sequencing an animation along a timeline. It uses Duration, Repeat, Sequence, and various kinds of transforms. It sequences the transforms with a corresponding text annotation.
Bounce.html	The Bounce JScript sample demonstrates text bouncing in the browser window, even if the window is resized. You must have Internet Explorer 5 to run this sample.
CoordsAndPaths.html	The CoordsAndPaths JScript sample demonstrates the pixel construction mode in which the positive y-axis points downward. It shows SlowInSlowOut interpolation and overlays on an HTML page.
AnimatedProperties.html	The AnimatedProperties JScript sample demonstrates animated strings, numbers, and script callbacks.
PerspectiveImg.html	The PerspectiveImg JScript sample demonstrates how to render a rotating image in 3-D perspective, while preserving the image's aspect ratios.
TextureMesh.html	The TextureMesh JScript sample demonstrates how to use an HTML element (DIV) as a texture on a 3-D object. The 3-D object is defined in the page, and its interactivity and animation are controlled through DirectAnimation. You must have Internet Explorer 5 to run this sample.
Random.html	The Random JScript sample demonstrates how to incorporate periodic randomness into scripting.
JumpURL.html	The JumpURL JScript sample demonstrates an image that interacts with the mouse. When the mouse moves over it, a tip box appears and a sound plays. When you click the mouse on the box, it takes you to another Web page.
DragImg.html	The DragImg JScript sample demonstrates a draggable image.
BrowserDetect.html	The BrowserDetect JScript sample demonstrates how to detect the type of browser viewing the sample, and how to adapt the sample to the browser.
Marquee.html	The Marquee JScript sample demonstrates how to start scroll text in a banner when the user clicks a button.

JScript Showcase Samples

The JScript® showcase samples are in the DXMedia\Samples\Multimedia\DAnim\JScript\Showcase folder. The following table lists the available JScript showcase samples and the concepts that they illustrate (click any link to display the sample).

JScript showcase name	Description
LightBox.html	The LightBox JScript sample shows how to animate objects along 2-D motion paths. It attaches 3-D spotlights shining into a room. Pressing the left mouse button shows the paths. Two animated points control the audio volume and pan parameters of a looping MIDI sound.
FrameRate.html	The FrameRate JScript sample illustrates the use of the new DirectAnimation property ViewFrameRate.
DxMLogoDots.html	The DxMLogoDots JScript sample shows animation that is coordinated with HTML images specified by IMG tags, using dots that follow the outline of the images. It also demonstrates how to relate between the meter and pixel coordinate systems.
LightBoxBG.html	The LightBoxBG JScript sample is a variation of LightBox, where only the image of the lit room is tiled and used as a background for an HTML page.
VideoWall.html	The VideoWall JScript sample shows integration of movies and geometries. If you move the mouse over the movie, the surface explodes and each piece continues playing the movie.
Solar.html	The Solar JScript sample shows several textured 3-D objects with sound sources, illustrates spatialization and mixing of sound, and has a simple 2-D user interface for restricted manipulation of the camera.
DragGeo.html	The DragGeo JScript sample demonstrates a draggable geometry.
Tile.html	The Tile JScript sample shows animated cropping, tiling, and gradient fill colors.
Async_Load.html	The Async_Load JScript sample shows how to use an animation to mask download time for a large media file.
WebVCR.html	The WebVCR JScript sample demonstrates a custom VCR for starting and stopping audio and video playback in a web page, using dynamic HTML.
Eyes.html	The Eyes JScript sample shows an animation that tracks mouse movement.
MSWorldLogo.html	The MSWorldLogo JScript sample shows how DirectAnimation can be used to create Web banners or Web-based advertisements using 3-D objects and vector graphics in an intuitive way.
Plane3D.html	The Plane3D JScript sample shows how to construct paths and objects that follow the path. The speed of the object depends on where it is on the path. It also demonstrates the PixelLibrary.
DxMLogoGeo.html	The DxMLogoGeo JScript sample is the same as DxMLogoDots except that the dots are 3-D spotlights.
Explode.html	The Explode JScript sample demonstrates how to integrate DirectAnimation with DirectX Transform effects. Note that you must have DirectX 6.x or later installed to run this sample. Instantiation of the DirectX Transform COM object will fail if you attempt to use transforms without the proper software installed.
Mirror.html	The Mirror JScript sample creates a left and right mirror image of a 3-D object. Note that this sample will not display if you do not have DirectX 6.x or later installed.