ＤＨＴＭＬサンプル集第３回
ダイレクトアニメーション
今回はインターネットエクスプローラー4.0の独自の機能であるダイレクトアニメーション（DirectXのDirectDraw）を使ってみましょう。ＩＥ４．０以降でしか使えないので注意して下さい。
<html>
<head><title></title></head>
<body>
<object classid="clsid:369303c2-d7ac-11d0-89d5-00a0c90833e6"
id="sample"
style="position:absolute;width:200;height:200;">
</object>
<script language="JavaScript">
<!--
var ds;
lib=sample.library;
ds=sample.DrawSurface;
ds.fillcolor(lib.blue);
ds.rect(-30,-30,100,100);
ds.fillcolor(lib.red);
ds.oval(-70,-50,100,100);
rotation();
function rotation(){
sample.rotate(5,5,5);
window.setTimeout("rotation()",50);
}
//-->
</script>
</body>
</html>
解説
classidは決められたＩＤです。間違いないように入力してください。
☆.DrawSurface.fillcolor(☆.library★)
☆.DrawSurface.rect(△,▲,○,●)
☆.DrawSurface.oval(△,▲,○,●)
☆.rotate(□,■,◆)
☆＝データソースオブジェクト名
★＝色
△＝中心から左までの距離
▲＝中心から上までの距離
○＝図形の幅
●＝図形の高さ
□＝Ｘ方向への回転角度
■＝Ｙ方向への回転角度
◆＝Ｚ方向への回転角度
次回もサンプルを紹介したいと思います。