Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX ...

iw3htp_20.fm Page 645 Friday, May 5, 2000 6:09 PM
Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls 645
20
Dynamic HTML:
Path, Sequencer and Sprite ActiveX Controls
1
2
3
4
5
6
7
8 Path control
9
10
11
12
13
14 Path animation:
15
16
18
19
20
21
22
24
25
26
27
28
Fig. 20.1 Demonstrating the DirectAnimation Path Control .
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 646 Friday, May 5, 2000 6:09 PM
646 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls Chapter 20
1
2
3
4
5
6
7 Path Control - Multiple paths
8
9
10
11 SPAN { position: absolute;
12 font-family: sans-serif;
13 font-size: 2em;
14 font-weight: bold;
15 filter: shadow( direction = 225 );
16 padding: 9px;
17 }
18
19
20
21
22
23
24
26
27
29 Multimedia Cyber Classroom
30 Programming Tip Icons
31
32
34 Common Programming Errors
35
36
38 Good Programming Practices
39
40
42 Performance Tips
43
44
46 Portability Tips
47
48
50 Software Engineering Observations
51
52
Fig. 20.2 Controlling multiple elements with the Path Control (part 1 of 4).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 647 Friday, May 5, 2000 6:09 PM
Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls 647
54 Testing and Debugging Tips
55
56
58
59
60
62
63
64
65
67
68
69
71
72
73
74
76
77
78
80
81
82
83
85
86
87
89
90
91
92
94
95
96
98
99
100
101
103
104
105
107
Fig. 20.2 Controlling multiple elements with the Path Control (part 2 of 4).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 648 Friday, May 5, 2000 6:09 PM
648 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls Chapter 20
108
109
110
112
113
114
116
117
118
119
Fig. 20.2 Controlling multiple elements with the Path Control (part 3 of 4).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 649 Friday, May 5, 2000 6:09 PM
Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls 649
Fig. 20.2 Controlling multiple elements with the Path Control (part 4 of 4).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 650 Friday, May 5, 2000 6:09 PM
650 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls Chapter 20
1
2
3
4
5
6
7
8 Path control - Advanced Paths
9
10
12
13 if ( marker == "mark1" )
14 pole.style.zIndex += 2;
15
16 if ( marker == "mark2" )
17 pole.style.zIndex -= 2;
18
19
20
21
22
23
25
26
28
29
31
32
33
34
35
36
37
38
39
40
41
43
44
45
46
47
50
Fig. 20.3 Adding time markers for script interaction (part 1 of 2).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 651 Friday, May 5, 2000 6:09 PM
Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls 651
51
52
53
55
56
58
60
62
64
66
68
70
71
72
73
Fig. 20.3 Adding time markers for script interaction (part 2 of 2).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 652 Friday, May 5, 2000 6:09 PM
652 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls Chapter 20
1
2
3
4
5
6
7
8
9
10
11 DIV { font-size: 2em;
12 color: white;
13 font-weight: bold }
14
15
16
17
18 sequencer.Item( "showThem" ).at( 2.0, "show( line1 )" );
19 sequencer.Item( "showThem" ).at( 4.0, "show( line2 )" );
20 sequencer.Item( "showThem" ).at( 6.0, "show( line3 )" );
21 sequencer.Item( "showThem" ).at( 7.0, "show( line4 )" );
22 sequencer.Item( "showThem" ).at( 8.0, "runPath()" );
23
24
25
26 function show( object )
27 {
28 object.style.visibility = "visible";
29 }
30
31 function start()
32 {
33 sequencer.Item( "showThem" ).Play();
34 }
35
36 function runPath()
37 {
38 pathControl.Play();
39 }
40
41
42
43
44
45 Sequencer DirectAnimation
47
48 ActiveX Control
50
51 Controls time intervals
Fig. 20.4 Using the DirectAnimation Sequencer Control (part 1 of 3).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 653 Friday, May 5, 2000 6:09 PM
Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls 653
53
54 For dynamic effects
56
57
59
60
61
63
64
65
66
67
68
69
70
71
72
Fig. 20.4 Using the DirectAnimation Sequencer Control (part 2 of 3).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 654 Friday, May 5, 2000 6:09 PM
654 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls Chapter 20
Fig. 20.4 Using the DirectAnimation Sequencer Control (part 3 of 3).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 655 Friday, May 5, 2000 6:09 PM
Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls 655
Fig. 20.5
Source image for Sprite Control (walking.gif).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 656 Friday, May 5, 2000 6:09 PM
656 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls Chapter 20
1
2
3
4
5
6
7
8 Sprite Control
9
10
11
12
13
15
16
17
18
19
20
21
22
23
24
Fig. 20.6 Simple animation with the Sprite Control .
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 657 Friday, May 5, 2000 6:09 PM
Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls 657
1
2
3
4
5
6
7
8 Sprite Control
9
10
12
13 bounce.Stop();
14 bounce.PlayRate = -3;
15 bounce.Play();
16
17
18
20
21 bounce.Stop();
22 bounce.PlayRate = 1;
23 bounce.Play();
24
25
26
27
28
29 Sprite Control
30
31
33
34
35
36
37
38
39
40
41
42
43
44
Fig. 20.7 Responding to mouse events with the Sprite Control (part 1 of 2).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 658 Friday, May 5, 2000 6:09 PM
658 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls Chapter 20
Fig. 20.7 Responding to mouse events with the Sprite Control (part 2 of 2).
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.

iw3htp_20.fm Page 659 Friday, May 5, 2000 6:09 PM
Chapter 20 Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls 659
Fig. 20.8
Viewing an Animated Gif in Animation Shop
© Copyright 2000 by Prentice Hall. All Rights Reserved.
For use only by instructors in classes for which Java How to Program, Third Edition is the required textbook.