追加TIPS紹介
背景画像のスクロール
※参考:テーブル・ボックスに背景画像をつける方法(基本編) JavaScript ボックス背景をスクロールさせる方法 VBScript
BODYの背景画像スクロールでちょっとだけソースを改変すると、クリックやキーを押すことでスクロールを停止したり、逆転させることが出来ます。
赤とオレンジ部分を追加します。青いところは設定により違いがあります。オレンジ部分が逆転させたり停止したりするための値を変更するSubプロシージャ(関数)です。
<SCRIPT LANGUAGE="VBScript">
<!--
Dim
x, y, flx, fly
y = 0 //ない場合もあります
x = 0 //ない場合もあります
flx = 1
fly = 1
Sub BGScroll()
y = y + 1 * flx //横方向移動ではありませんので追加不要。
x = x + 1 * fly //縦方向移動ではありませんので追加不要。
body1.style.BackgroundPosition= x & " "
& y //移動方向によっては少し違う場合もありますが、問題ありません。
End Sub
Sub Window_Onload()
setInterval
"BGScroll()",50
End Sub
Sub
rev(fx,fy)
flx = fx
fly = fy
End Sub
//-->
</SCRIPT>
後はflxとflyの値を変えることで変化します。
rev(fx,fy)関数に引数を2つ渡します。rev(0,0)とかrev(-5,3)とか工夫できます。
これによりflxとflyの値が引数として渡した値に変わります。
このrev(fx,fy)をイベントハンドラで呼び出せば変化が行えます。
クリックで逆転・・・onclick="rev(-1,-1)
ダブルクリックで通常の動作・・・ondblclick="rev(1,1)"
キーを押すと停止・・・onkeydown="rev(0,0)"
例えばbodyをクリックすると倍速になるようにするには、<body onclick="rev(2,2)" 〜〜〜>とします。
このTIPはコンテナの背景スクロールにも応用できます。複数使用の際は、変数名を変えて利用下さい。
無理矢理サンプル:画像はゆみこさん ==ボタンで方向と速度を変える==
サンプルのソース(追加変更部のみ)
<input type="button" name="button1"
value="左に動きます" onclick="rev(-1,0)"
style="width:100px; position:absolute; top:expression(document.body.clientHeight/2);
left:0px; background-color:rgb(204,255,255);">
<input
type="button" name="button2" value="左上に動きます"
onclick="rev(-1,-1)" style="width:100px; position:absolute;
top:0px; left:0px; background-color:rgb(255,255,204);">
<input
type="button" name="baibutton" value="速くなります"
onclick="bai()" style="width:100px; position:absolute;
top:0px; right:120px; background-color:rgb(255,255,204);">
<input
type="button" name="syubutton" value="遅くなります"
onclick="syu()" style="width:100px; position:absolute;
top:0px; left:120px; background-color:rgb(255,255,204);">
<input
type="button" name="stopbutton" value="停止します"
onclick="bairitu=0" style="width:100px; position:absolute;
bottom:0px; left:120px; background-color:rgb(255,255,204);">
<input type="button" name="button3"
value="上に動きます" onclick="rev(0,-1)"
style="width:100px; position:absolute; top:0px; left:expression(document.body.clientWidth/2-50);
background-color:rgb(255,204,255);">
<input type="button"
name="button4" value="右上に動きます" onclick="rev(1,-1)"
style="width:100px; position:absolute; top:0px; right:0px;
background-color:rgb(204,204,204);">
<input type="button"
name="button5" value="右に動きます" onclick="rev(1,0)"
style="width:100px; position:absolute; top:expression(document.body.clientHeight/2);
right:0px; background-color:rgb(197,240,209);">
<input
type="button" name="button6" value="右下に動きます"
onclick="rev(1,1)" style="width:100px; position:absolute;
bottom:0px; right:0px; background-color:rgb(218,219,250);">
<input
type="button" name="button7" value="下に動きます"
onclick="rev(0,1)" style="width:100px; position:absolute;
bottom:0px; left:expression(document.body.clientWidth/2-50);
background-color:rgb(240,201,205);">
<input type="button"
name="button8" value="左下に動きます" onclick="rev(-1,1)"
style="width:100px; position:absolute; bottom:0px; left:0px;
background-color:rgb(255,204,153);">
上記はフォームのボタンです。下記はスクリプト(青いところは変更または追加)
<SCRIPT LANGUAGE="VBScript">
<!--
Dim
x, y, flx, fly, bairitu //bairituは速度の倍率(実際はスクロールするピクセル数の倍率)
y
= 0
x = 0
fly = 1
flx = 1
bairitu
= 1 //初期値は1にして設定通りの速度になる。
Sub BGScroll()
y
= y + 1 * fly * bairitu //ここで縦方向スクロール量算出して加算
x
= x + 1 * flx * bairitu //ここで横方向スクロール量算出して加算
body1.style.BackgroundPosition
= x & " " & y
End Sub
Sub Window_Onload()
setInterval
"BGScroll()",10
End Sub
Sub
rev(fx,fy) //スクロール方向変更関数
flx = fx
fly = fy
If
bairitu = 0 Then //スクロール方向変更のボタンをクリックした時に、停止している場合にbairituを1にして動かす条件分岐
bairitu
= 1
End If
End Sub
Sub
bai() //スクロール倍率を大きくする関数
If bairitu < 500
Then //bairituは500より大きくならないようにしている。
bairitu
= bairitu + 1
End If
End Sub
Sub
syu() //スクロール倍率を小さくする関数
If bairitu > 1
Then //bairituはマイナス値にならないようにしている
bairitu
= bairitu - 1
End If
End Sub
//-->
</SCRIPT>
無理矢理サンプル:画像はゆみこさん ==クリックした場所によって方向と速度を変える==
<body onclick="vect()" 〜〜>
<SCRIPT LANGUAGE="VBScript">
<!--
Dim
x, y, flx, fly //スクロールピクセル数としてflxとflyを確保
y
= 0
x = 0
flx = 1
fly = 1
Sub
BGScroll()
y = y + 1 * fly //必ず1にflxを掛ける。-
1にするとクリックした場所と反対に動いてしまう。
x
= x + 1 * flx //必ず1にflyを掛ける。- 1にするとクリックした場所と反対に動いてしまう。
body1.style.BackgroundPosition
= x & " " & y
End Sub
Sub Window_Onload()
setInterval
"BGScroll()",50
End Sub
Sub
vect() //クリックした場所により速さと方向を決める関数
flx
= (window.event.x-document.body.ClientWidth/2)/100 //表示領域の半分をクリックした座標から引いて、そのままでは速過ぎるので」100で割る。
fly
= (window.event.y-document.body.ClientHeight/2)/100 //表示領域の半分をクリックした座標から引いて、そのままでは速過ぎるので」100で割る。
End
Sub
//-->
</SCRIPT>
緑の部分をVBScriptならではのイベントプロシージャで書くと
Sub
body1_Onclick() //クリックすると実行されるプロシージャ
flx
= (window.event.x-document.body.ClientWidth/2)/100 //表示領域の半分をクリックした座標から引いて、そのままでは速過ぎるので」100で割る。
fly
= (window.event.y-document.body.ClientHeight/2)/100 //表示領域の半分をクリックした座標から引いて、そのままでは速過ぎるので」100で割る。
End
Sub
bodyタグにonclick="vect()"を入れずに済みます。
雪降りをVML図形で行う
VMLタグをぴあにしもの雪降りで利用してみる。
使用したVML部分のソース
<v:shape
id=nr1 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_loop" Min_X="10"
Max_X="92" Min_Y="6" Max_Y="96"
coordsize = "101,101" fillcolor = "#ffd000"
strokecolor = "#ff9c00" strokeweight = ".75pt"
path = " m85,14 l85,14,85,15,86,16,87,16,87,17,88,17,89,17,89,18,90,18,90,19,91,19,92,19,92,20,92,21,91,21,91,22,90,22,89,23,88,23,88,24
87,24,87,25,86,25,86,26,85,26,85,27,84,27,84,28,83,28,83,29,83,30,82,30,82,31,81,31,81,32,80,32,80,33,80,34,79,34,79,35
79,36,78,36,78,37,77,38,77,39,77,40,76,40,76,41,76,42,76,43,75,43,75,44,75,45,75,46,74,46,74,47,74,48,74,49,73,50,73,51
73,52,73,53,73,54,72,55,72,57,72,58,72,60,72,62,72,63,72,64,72,65,72,66,72,67,72,69,72,70,72,73,72,74,72,75,72,76,72,77
72,78,72,79,72,80,72,81,72,82,72,83,72,84,72,85,72,86,72,87,72,88,72,89,72,90,72,91,72,92,72,93,73,93,73,94,73,95,74,95
74,96,73,95,72,95,71,95,70,95,69,95,68,95,67,95,66,95,65,95,64,95,63,95,62,95,61,95,60,95,59,95,57,94,55,94,53,94,51,94
50,94,49,94,48,94,46,93,44,93,43,93,42,93,41,92,40,92,39,92,38,91,37,91,36,90,35,89,34,89,33,89,33,88,32,88,32,87,31,87
31,86,30,86,30,85,29,85,28,85,27,84,24,82,21,81,19,80,19,79,20,78,21,78,21,77,22,77,22,76,23,76,23,75,24,75,24,74,25,74
25,73,26,73,27,72,27,71,28,71,29,70,30,69,31,68,32,67,33,67,33,66,34,66,34,65,35,65,35,64,36,64,36,63,37,63,37,62,38,62
39,61,39,60,40,60,41,59,42,58,44,57,45,56,45,55,46,55,47,55,47,54,47,53,48,53,49,53,49,52,50,52,49,52,48,52,46,53,46,54
45,54,44,55,43,55,43,56,41,56,40,57,39,58,38,58,37,59,36,59,35,60,34,61,33,62,31,62,29,63,27,64,25,66,24,66,23,67,22,68
21,68,21,69,20,69,19,70,18,70,18,71,17,71,16,72,15,72,15,73,14,73,14,74,13,74,12,74,12,73,12,72,12,71,12,69,12,68,12,67
12,66,12,65,12,64,12,63,12,62,12,61,12,60,12,59,12,58,12,57,12,56,12,55,12,54,11,53,11,52,11,51,11,50,11,49,11,47,11,45
11,43,10,42,10,40,10,39,10,38,10,37,10,36,10,35,10,34,10,33,10,32,10,31,10,30,10,29,10,28,10,27,10,26,10,25,10,24,10,23
10,22,10,21,10,20,10,19,11,19,11,18,11,17,11,16,12,16,12,15,13,15,13,14,14,14,14,13,15,13,15,12,15,11,16,11,16,10,17,10
17,9,18,9,18,8,19,8,19,7,20,7,20,6,21,6,21,7,21,8,21,9,21,10,22,10,22,11,23,11,23,12,23,13,24,13,24,14,25,14
25,15,25,16,26,16,27,18,29,19,30,20,31,21,32,21,33,21,34,21,35,22,36,22,37,22,38,22,38,23,39,23,40,23,42,24,44,24,46,25
47,25,48,25,49,25,50,25,51,25,52,25,53,25,54,25,55,25,56,25,57,25,57,26,58,26,59,26,60,26,61,26,61,27,62,27,63,27,64,27
65,27,65,28,66,28,67,28,68,28,69,28,70,28,71,28,72,28,73,28,74,28,75,28,75,27,76,27,76,26,77,26,77,25,78,25,78,24,79,24
79,23,80,23,80,22,81,22,81,21,82,21,83,21,83,20,84,20,85,20,85,19,86,19,86,18,87,18,87,17,85,14
e"><v:path></v:path><v:fill opacity =
"1"></v:fill><v:stroke opacity = "1"
dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr2 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="62" Min_Y="28" Max_Y="37"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m62,37 l62,37,61,37,60,37,59,37,58,37,57,37,56,37,55,37,53,37,52,37,51,37,50,37,49,37,48,37,47,37,46,37,44,37,43,37,42,36,41,36
40,36,39,36,38,36,37,36,35,35,34,35,33,35,31,34,29,34,28,33,27,33,26,33,25,32,24,32,22,31,21,30,20,30,19,30,18,29,17,29
16,28,15,28 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr3 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="50"
Max_X="61" Min_Y="47" Max_Y="53"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m61,47 l61,47,60,47,60,48,59,48,58,48,57,49,56,50,55,50,54,50,54,51,53,51,53,52,52,52,51,52,51,53,50,53
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr4 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="44"
Max_X="67" Min_Y="64" Max_Y="95"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m67,64 l67,64,60,72,58,75,56,78,55,79,54,80,53,81,52,82,51,84,50,86,49,87,49,88,48,88,48,89,48,90,47,90,47,91,47,92,46,92,46,93
45,93,45,94,45,95,44,95 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr5 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="43" Min_Y="48" Max_Y="52"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m43,48 l43,48,42,49,41,49,39,50,36,51,35,51,34,51,32,51,30,51,29,51,28,52,27,52,26,52,25,52,24,52,23,52,22,52,21,52,20,52,19,52
18,52,17,52,16,52,15,52,17,52 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr6 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="13"
Max_X="40" Min_Y="43" Max_Y="47"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m40,47 l40,47,30,47,28,47,26,47,25,47,23,47,20,46,19,46,18,45,17,45,15,43,14,43,13,43,14,43
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr7 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="37"
Max_X="64" Min_Y="59" Max_Y="90"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m64,59 l64,59,61,61,60,61,59,62,58,62,58,63,56,64,55,64,54,65,52,67,51,68,50,69,49,69,49,70,48,71,47,72,46,73,45,75,44,75,44,77
43,77,42,78,42,79,41,79,41,80,41,81,40,81,40,83,39,84,38,84,38,85,38,86,38,87,37,87,37,88,37,89,37,90,37,89
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr8 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="67"
Max_X="69" Min_Y="79" Max_Y="96"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m69,79 l69,79,69,82,68,83,68,84,68,85,68,86,67,87,67,88,67,89,67,90,67,91,67,92,67,93,67,94,67,95,67,96,67,95
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape>
素材については後から削除します。とりあえずなにか登録して「画像ボックス」雪降りを作成して雛形にしてください。
雛形をテキストエディタなどで開きます。
<div id="gbox0" style="overflow:hidden;
width:500px; height:500px; border:none #ff0000 0px; position:absolute;
z-index:50; left:0px; top:0px;">
<script>
document.write('<img id="obj0" style="filter:alpha(Opacity=100);
position:absolute; left:-2000px; top:-2000px; z-index:50; zoom:1">');
</script>
<script>
document.write('<img
id="obj0" style="filter:alpha(Opacity=100); position:absolute;
left:-2000px; top:-2000px; z-index:50; zoom:1">');
</script>
<script>
document.write('<img
id="obj0" style="filter:alpha(Opacity=100); position:absolute;
left:-2000px; top:-2000px; z-index:50; zoom:1">');
</script>
<script>
document.write('<img
id="obj0" style="filter:alpha(Opacity=100); position:absolute;
left:-2000px; top:-2000px; z-index:50; zoom:1">');
</script>
<script>
document.write('<img
id="obj0" style="filter:alpha(Opacity=100); position:absolute;
left:-2000px; top:-2000px; z-index:50; zoom:1">');
</script>
青いところは雪降りの表示範囲であるボックスです。これは残します。
赤いところをすべて削除します。緑のところは後でで書き換えします。
<div id="gbox0" style="overflow:hidden;
width:500px; height:500px; border:none #ff0000 0px; position:absolute;
z-index:50; left:0px; top:0px;">
<img id="obj0" style="filter:alpha(Opacity=100);
position:absolute; left:-2000px; top:-2000px; z-index:50; zoom:1">
となります。
緑のところimgタグではなくv:groupタグにします。VML表示にはサイズを入れなければなりません。
width:500px;
height:500px;などを追加してください。このサイズがVML画像表示サイズに影響します。
後でブラウザで表示させてみて適当に変更してください。後で述べる複数貼り付けでサイズをそれぞれ変えるといったこともできます。
貼り付けるVMLソースは同じでなくてもいいです。
そしてその後ろに用意しているVMLソースを入れます。その後ろに</v:group>終了タグを入れます。
<div id="gbox0" style="overflow:hidden;
width:500px; height:500px; border:none #ff0000 0px; position:absolute;
z-index:50; left:0px; top:0px;">
<v:group id="obj0" style="width:500px;
height:500px; filter:alpha(Opacity=100); position:absolute; left:-2000px;
top:-2000px; z-index:50; zoom:1">
<v:shape
id=nr1 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_loop" Min_X="10"
Max_X="92" Min_Y="6" Max_Y="96"
coordsize = "101,101" fillcolor = "#ffd000"
strokecolor = "#ff9c00" strokeweight = ".75pt"
path = " m85,14 l85,14,85,15,86,16,87,16,87,17,88,17,89,17,89,18,90,18,90,19,91,19,92,19,92,20,92,21,91,21,91,22,90,22,89,23,88,23,88,24
87,24,87,25,86,25,86,26,85,26,85,27,84,27,84,28,83,28,83,29,83,30,82,30,82,31,81,31,81,32,80,32,80,33,80,34,79,34,79,35
79,36,78,36,78,37,77,38,77,39,77,40,76,40,76,41,76,42,76,43,75,43,75,44,75,45,75,46,74,46,74,47,74,48,74,49,73,50,73,51
73,52,73,53,73,54,72,55,72,57,72,58,72,60,72,62,72,63,72,64,72,65,72,66,72,67,72,69,72,70,72,73,72,74,72,75,72,76,72,77
72,78,72,79,72,80,72,81,72,82,72,83,72,84,72,85,72,86,72,87,72,88,72,89,72,90,72,91,72,92,72,93,73,93,73,94,73,95,74,95
74,96,73,95,72,95,71,95,70,95,69,95,68,95,67,95,66,95,65,95,64,95,63,95,62,95,61,95,60,95,59,95,57,94,55,94,53,94,51,94
50,94,49,94,48,94,46,93,44,93,43,93,42,93,41,92,40,92,39,92,38,91,37,91,36,90,35,89,34,89,33,89,33,88,32,88,32,87,31,87
31,86,30,86,30,85,29,85,28,85,27,84,24,82,21,81,19,80,19,79,20,78,21,78,21,77,22,77,22,76,23,76,23,75,24,75,24,74,25,74
25,73,26,73,27,72,27,71,28,71,29,70,30,69,31,68,32,67,33,67,33,66,34,66,34,65,35,65,35,64,36,64,36,63,37,63,37,62,38,62
39,61,39,60,40,60,41,59,42,58,44,57,45,56,45,55,46,55,47,55,47,54,47,53,48,53,49,53,49,52,50,52,49,52,48,52,46,53,46,54
45,54,44,55,43,55,43,56,41,56,40,57,39,58,38,58,37,59,36,59,35,60,34,61,33,62,31,62,29,63,27,64,25,66,24,66,23,67,22,68
21,68,21,69,20,69,19,70,18,70,18,71,17,71,16,72,15,72,15,73,14,73,14,74,13,74,12,74,12,73,12,72,12,71,12,69,12,68,12,67
12,66,12,65,12,64,12,63,12,62,12,61,12,60,12,59,12,58,12,57,12,56,12,55,12,54,11,53,11,52,11,51,11,50,11,49,11,47,11,45
11,43,10,42,10,40,10,39,10,38,10,37,10,36,10,35,10,34,10,33,10,32,10,31,10,30,10,29,10,28,10,27,10,26,10,25,10,24,10,23
10,22,10,21,10,20,10,19,11,19,11,18,11,17,11,16,12,16,12,15,13,15,13,14,14,14,14,13,15,13,15,12,15,11,16,11,16,10,17,10
17,9,18,9,18,8,19,8,19,7,20,7,20,6,21,6,21,7,21,8,21,9,21,10,22,10,22,11,23,11,23,12,23,13,24,13,24,14,25,14
25,15,25,16,26,16,27,18,29,19,30,20,31,21,32,21,33,21,34,21,35,22,36,22,37,22,38,22,38,23,39,23,40,23,42,24,44,24,46,25
47,25,48,25,49,25,50,25,51,25,52,25,53,25,54,25,55,25,56,25,57,25,57,26,58,26,59,26,60,26,61,26,61,27,62,27,63,27,64,27
65,27,65,28,66,28,67,28,68,28,69,28,70,28,71,28,72,28,73,28,74,28,75,28,75,27,76,27,76,26,77,26,77,25,78,25,78,24,79,24
79,23,80,23,80,22,81,22,81,21,82,21,83,21,83,20,84,20,85,20,85,19,86,19,86,18,87,18,87,17,85,14
e"><v:path></v:path><v:fill opacity =
"1"></v:fill><v:stroke opacity = "1"
dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr2 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="62" Min_Y="28" Max_Y="37"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m62,37 l62,37,61,37,60,37,59,37,58,37,57,37,56,37,55,37,53,37,52,37,51,37,50,37,49,37,48,37,47,37,46,37,44,37,43,37,42,36,41,36
40,36,39,36,38,36,37,36,35,35,34,35,33,35,31,34,29,34,28,33,27,33,26,33,25,32,24,32,22,31,21,30,20,30,19,30,18,29,17,29
16,28,15,28 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr3 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="50"
Max_X="61" Min_Y="47" Max_Y="53"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m61,47 l61,47,60,47,60,48,59,48,58,48,57,49,56,50,55,50,54,50,54,51,53,51,53,52,52,52,51,52,51,53,50,53
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr4 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="44"
Max_X="67" Min_Y="64" Max_Y="95"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m67,64 l67,64,60,72,58,75,56,78,55,79,54,80,53,81,52,82,51,84,50,86,49,87,49,88,48,88,48,89,48,90,47,90,47,91,47,92,46,92,46,93
45,93,45,94,45,95,44,95 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr5 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="43" Min_Y="48" Max_Y="52"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m43,48 l43,48,42,49,41,49,39,50,36,51,35,51,34,51,32,51,30,51,29,51,28,52,27,52,26,52,25,52,24,52,23,52,22,52,21,52,20,52,19,52
18,52,17,52,16,52,15,52,17,52 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr6 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="13"
Max_X="40" Min_Y="43" Max_Y="47"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m40,47 l40,47,30,47,28,47,26,47,25,47,23,47,20,46,19,46,18,45,17,45,15,43,14,43,13,43,14,43
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr7 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="37"
Max_X="64" Min_Y="59" Max_Y="90"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m64,59 l64,59,61,61,60,61,59,62,58,62,58,63,56,64,55,64,54,65,52,67,51,68,50,69,49,69,49,70,48,71,47,72,46,73,45,75,44,75,44,77
43,77,42,78,42,79,41,79,41,80,41,81,40,81,40,83,39,84,38,84,38,85,38,86,38,87,37,87,37,88,37,89,37,90,37,89
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr8 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="67"
Max_X="69" Min_Y="79" Max_Y="96"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m69,79 l69,79,69,82,68,83,68,84,68,85,68,86,67,87,67,88,67,89,67,90,67,91,67,92,67,93,67,94,67,95,67,96,67,95
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape></v:group>
<v:group id="obj0"〜〜から</v:group>までを範囲選択してクリップボードにコピーします。
コピーしたものを降らせたい個数分貼り付けてください。貼り付けた数が雪降り個数になります。下の場合は5個になりますね。
<div id="gbox0" style="overflow:hidden;
width:500px; height:500px; border:none #ff0000 0px; position:absolute;
z-index:50; left:0px; top:0px;">
<v:group id="obj0" style="width:500px;
height:500px; filter:alpha(Opacity=100); position:absolute; left:-2000px;
top:-2000px; z-index:50; zoom:1">
<v:shape
id=nr1 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_loop" Min_X="10"
Max_X="92" Min_Y="6" Max_Y="96"
coordsize = "101,101" fillcolor = "#ffd000"
strokecolor = "#ff9c00" strokeweight = ".75pt"
path = " m85,14 l85,14,85,15,86,16,87,16,87,17,88,17,89,17,89,18,90,18,90,19,91,19,92,19,92,20,92,21,91,21,91,22,90,22,89,23,88,23,88,24
87,24,87,25,86,25,86,26,85,26,85,27,84,27,84,28,83,28,83,29,83,30,82,30,82,31,81,31,81,32,80,32,80,33,80,34,79,34,79,35
79,36,78,36,78,37,77,38,77,39,77,40,76,40,76,41,76,42,76,43,75,43,75,44,75,45,75,46,74,46,74,47,74,48,74,49,73,50,73,51
73,52,73,53,73,54,72,55,72,57,72,58,72,60,72,62,72,63,72,64,72,65,72,66,72,67,72,69,72,70,72,73,72,74,72,75,72,76,72,77
72,78,72,79,72,80,72,81,72,82,72,83,72,84,72,85,72,86,72,87,72,88,72,89,72,90,72,91,72,92,72,93,73,93,73,94,73,95,74,95
74,96,73,95,72,95,71,95,70,95,69,95,68,95,67,95,66,95,65,95,64,95,63,95,62,95,61,95,60,95,59,95,57,94,55,94,53,94,51,94
50,94,49,94,48,94,46,93,44,93,43,93,42,93,41,92,40,92,39,92,38,91,37,91,36,90,35,89,34,89,33,89,33,88,32,88,32,87,31,87
31,86,30,86,30,85,29,85,28,85,27,84,24,82,21,81,19,80,19,79,20,78,21,78,21,77,22,77,22,76,23,76,23,75,24,75,24,74,25,74
25,73,26,73,27,72,27,71,28,71,29,70,30,69,31,68,32,67,33,67,33,66,34,66,34,65,35,65,35,64,36,64,36,63,37,63,37,62,38,62
39,61,39,60,40,60,41,59,42,58,44,57,45,56,45,55,46,55,47,55,47,54,47,53,48,53,49,53,49,52,50,52,49,52,48,52,46,53,46,54
45,54,44,55,43,55,43,56,41,56,40,57,39,58,38,58,37,59,36,59,35,60,34,61,33,62,31,62,29,63,27,64,25,66,24,66,23,67,22,68
21,68,21,69,20,69,19,70,18,70,18,71,17,71,16,72,15,72,15,73,14,73,14,74,13,74,12,74,12,73,12,72,12,71,12,69,12,68,12,67
12,66,12,65,12,64,12,63,12,62,12,61,12,60,12,59,12,58,12,57,12,56,12,55,12,54,11,53,11,52,11,51,11,50,11,49,11,47,11,45
11,43,10,42,10,40,10,39,10,38,10,37,10,36,10,35,10,34,10,33,10,32,10,31,10,30,10,29,10,28,10,27,10,26,10,25,10,24,10,23
10,22,10,21,10,20,10,19,11,19,11,18,11,17,11,16,12,16,12,15,13,15,13,14,14,14,14,13,15,13,15,12,15,11,16,11,16,10,17,10
17,9,18,9,18,8,19,8,19,7,20,7,20,6,21,6,21,7,21,8,21,9,21,10,22,10,22,11,23,11,23,12,23,13,24,13,24,14,25,14
25,15,25,16,26,16,27,18,29,19,30,20,31,21,32,21,33,21,34,21,35,22,36,22,37,22,38,22,38,23,39,23,40,23,42,24,44,24,46,25
47,25,48,25,49,25,50,25,51,25,52,25,53,25,54,25,55,25,56,25,57,25,57,26,58,26,59,26,60,26,61,26,61,27,62,27,63,27,64,27
65,27,65,28,66,28,67,28,68,28,69,28,70,28,71,28,72,28,73,28,74,28,75,28,75,27,76,27,76,26,77,26,77,25,78,25,78,24,79,24
79,23,80,23,80,22,81,22,81,21,82,21,83,21,83,20,84,20,85,20,85,19,86,19,86,18,87,18,87,17,85,14
e"><v:path></v:path><v:fill opacity =
"1"></v:fill><v:stroke opacity = "1"
dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr2 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="62" Min_Y="28" Max_Y="37"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m62,37 l62,37,61,37,60,37,59,37,58,37,57,37,56,37,55,37,53,37,52,37,51,37,50,37,49,37,48,37,47,37,46,37,44,37,43,37,42,36,41,36
40,36,39,36,38,36,37,36,35,35,34,35,33,35,31,34,29,34,28,33,27,33,26,33,25,32,24,32,22,31,21,30,20,30,19,30,18,29,17,29
16,28,15,28 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr3 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="50"
Max_X="61" Min_Y="47" Max_Y="53"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m61,47 l61,47,60,47,60,48,59,48,58,48,57,49,56,50,55,50,54,50,54,51,53,51,53,52,52,52,51,52,51,53,50,53
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr4 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="44"
Max_X="67" Min_Y="64" Max_Y="95"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m67,64 l67,64,60,72,58,75,56,78,55,79,54,80,53,81,52,82,51,84,50,86,49,87,49,88,48,88,48,89,48,90,47,90,47,91,47,92,46,92,46,93
45,93,45,94,45,95,44,95 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr5 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="43" Min_Y="48" Max_Y="52"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m43,48 l43,48,42,49,41,49,39,50,36,51,35,51,34,51,32,51,30,51,29,51,28,52,27,52,26,52,25,52,24,52,23,52,22,52,21,52,20,52,19,52
18,52,17,52,16,52,15,52,17,52 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr6 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="13"
Max_X="40" Min_Y="43" Max_Y="47"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m40,47 l40,47,30,47,28,47,26,47,25,47,23,47,20,46,19,46,18,45,17,45,15,43,14,43,13,43,14,43
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr7 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="37"
Max_X="64" Min_Y="59" Max_Y="90"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m64,59 l64,59,61,61,60,61,59,62,58,62,58,63,56,64,55,64,54,65,52,67,51,68,50,69,49,69,49,70,48,71,47,72,46,73,45,75,44,75,44,77
43,77,42,78,42,79,41,79,41,80,41,81,40,81,40,83,39,84,38,84,38,85,38,86,38,87,37,87,37,88,37,89,37,90,37,89
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr8 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="67"
Max_X="69" Min_Y="79" Max_Y="96"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m69,79 l69,79,69,82,68,83,68,84,68,85,68,86,67,87,67,88,67,89,67,90,67,91,67,92,67,93,67,94,67,95,67,96,67,95
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape></v:group>
<v:group id="obj0" style="width:500px;
height:500px; filter:alpha(Opacity=100); position:absolute; left:-2000px;
top:-2000px; z-index:50; zoom:1">
<v:shape
id=nr1 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_loop" Min_X="10"
Max_X="92" Min_Y="6" Max_Y="96"
coordsize = "101,101" fillcolor = "#ffd000"
strokecolor = "#ff9c00" strokeweight = ".75pt"
path = " m85,14 l85,14,85,15,86,16,87,16,87,17,88,17,89,17,89,18,90,18,90,19,91,19,92,19,92,20,92,21,91,21,91,22,90,22,89,23,88,23,88,24
87,24,87,25,86,25,86,26,85,26,85,27,84,27,84,28,83,28,83,29,83,30,82,30,82,31,81,31,81,32,80,32,80,33,80,34,79,34,79,35
79,36,78,36,78,37,77,38,77,39,77,40,76,40,76,41,76,42,76,43,75,43,75,44,75,45,75,46,74,46,74,47,74,48,74,49,73,50,73,51
73,52,73,53,73,54,72,55,72,57,72,58,72,60,72,62,72,63,72,64,72,65,72,66,72,67,72,69,72,70,72,73,72,74,72,75,72,76,72,77
72,78,72,79,72,80,72,81,72,82,72,83,72,84,72,85,72,86,72,87,72,88,72,89,72,90,72,91,72,92,72,93,73,93,73,94,73,95,74,95
74,96,73,95,72,95,71,95,70,95,69,95,68,95,67,95,66,95,65,95,64,95,63,95,62,95,61,95,60,95,59,95,57,94,55,94,53,94,51,94
50,94,49,94,48,94,46,93,44,93,43,93,42,93,41,92,40,92,39,92,38,91,37,91,36,90,35,89,34,89,33,89,33,88,32,88,32,87,31,87
31,86,30,86,30,85,29,85,28,85,27,84,24,82,21,81,19,80,19,79,20,78,21,78,21,77,22,77,22,76,23,76,23,75,24,75,24,74,25,74
25,73,26,73,27,72,27,71,28,71,29,70,30,69,31,68,32,67,33,67,33,66,34,66,34,65,35,65,35,64,36,64,36,63,37,63,37,62,38,62
39,61,39,60,40,60,41,59,42,58,44,57,45,56,45,55,46,55,47,55,47,54,47,53,48,53,49,53,49,52,50,52,49,52,48,52,46,53,46,54
45,54,44,55,43,55,43,56,41,56,40,57,39,58,38,58,37,59,36,59,35,60,34,61,33,62,31,62,29,63,27,64,25,66,24,66,23,67,22,68
21,68,21,69,20,69,19,70,18,70,18,71,17,71,16,72,15,72,15,73,14,73,14,74,13,74,12,74,12,73,12,72,12,71,12,69,12,68,12,67
12,66,12,65,12,64,12,63,12,62,12,61,12,60,12,59,12,58,12,57,12,56,12,55,12,54,11,53,11,52,11,51,11,50,11,49,11,47,11,45
11,43,10,42,10,40,10,39,10,38,10,37,10,36,10,35,10,34,10,33,10,32,10,31,10,30,10,29,10,28,10,27,10,26,10,25,10,24,10,23
10,22,10,21,10,20,10,19,11,19,11,18,11,17,11,16,12,16,12,15,13,15,13,14,14,14,14,13,15,13,15,12,15,11,16,11,16,10,17,10
17,9,18,9,18,8,19,8,19,7,20,7,20,6,21,6,21,7,21,8,21,9,21,10,22,10,22,11,23,11,23,12,23,13,24,13,24,14,25,14
25,15,25,16,26,16,27,18,29,19,30,20,31,21,32,21,33,21,34,21,35,22,36,22,37,22,38,22,38,23,39,23,40,23,42,24,44,24,46,25
47,25,48,25,49,25,50,25,51,25,52,25,53,25,54,25,55,25,56,25,57,25,57,26,58,26,59,26,60,26,61,26,61,27,62,27,63,27,64,27
65,27,65,28,66,28,67,28,68,28,69,28,70,28,71,28,72,28,73,28,74,28,75,28,75,27,76,27,76,26,77,26,77,25,78,25,78,24,79,24
79,23,80,23,80,22,81,22,81,21,82,21,83,21,83,20,84,20,85,20,85,19,86,19,86,18,87,18,87,17,85,14
e"><v:path></v:path><v:fill opacity =
"1"></v:fill><v:stroke opacity = "1"
dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr2 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="62" Min_Y="28" Max_Y="37"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m62,37 l62,37,61,37,60,37,59,37,58,37,57,37,56,37,55,37,53,37,52,37,51,37,50,37,49,37,48,37,47,37,46,37,44,37,43,37,42,36,41,36
40,36,39,36,38,36,37,36,35,35,34,35,33,35,31,34,29,34,28,33,27,33,26,33,25,32,24,32,22,31,21,30,20,30,19,30,18,29,17,29
16,28,15,28 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr3 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="50"
Max_X="61" Min_Y="47" Max_Y="53"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m61,47 l61,47,60,47,60,48,59,48,58,48,57,49,56,50,55,50,54,50,54,51,53,51,53,52,52,52,51,52,51,53,50,53
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr4 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="44"
Max_X="67" Min_Y="64" Max_Y="95"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m67,64 l67,64,60,72,58,75,56,78,55,79,54,80,53,81,52,82,51,84,50,86,49,87,49,88,48,88,48,89,48,90,47,90,47,91,47,92,46,92,46,93
45,93,45,94,45,95,44,95 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr5 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="43" Min_Y="48" Max_Y="52"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m43,48 l43,48,42,49,41,49,39,50,36,51,35,51,34,51,32,51,30,51,29,51,28,52,27,52,26,52,25,52,24,52,23,52,22,52,21,52,20,52,19,52
18,52,17,52,16,52,15,52,17,52 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr6 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="13"
Max_X="40" Min_Y="43" Max_Y="47"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m40,47 l40,47,30,47,28,47,26,47,25,47,23,47,20,46,19,46,18,45,17,45,15,43,14,43,13,43,14,43
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr7 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="37"
Max_X="64" Min_Y="59" Max_Y="90"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m64,59 l64,59,61,61,60,61,59,62,58,62,58,63,56,64,55,64,54,65,52,67,51,68,50,69,49,69,49,70,48,71,47,72,46,73,45,75,44,75,44,77
43,77,42,78,42,79,41,79,41,80,41,81,40,81,40,83,39,84,38,84,38,85,38,86,38,87,37,87,37,88,37,89,37,90,37,89
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr8 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="67"
Max_X="69" Min_Y="79" Max_Y="96"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m69,79 l69,79,69,82,68,83,68,84,68,85,68,86,67,87,67,88,67,89,67,90,67,91,67,92,67,93,67,94,67,95,67,96,67,95
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape></v:group>
<v:group id="obj0" style="width:500px;
height:500px; filter:alpha(Opacity=100); position:absolute; left:-2000px;
top:-2000px; z-index:50; zoom:1">
<v:shape
id=nr1 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_loop" Min_X="10"
Max_X="92" Min_Y="6" Max_Y="96"
coordsize = "101,101" fillcolor = "#ffd000"
strokecolor = "#ff9c00" strokeweight = ".75pt"
path = " m85,14 l85,14,85,15,86,16,87,16,87,17,88,17,89,17,89,18,90,18,90,19,91,19,92,19,92,20,92,21,91,21,91,22,90,22,89,23,88,23,88,24
87,24,87,25,86,25,86,26,85,26,85,27,84,27,84,28,83,28,83,29,83,30,82,30,82,31,81,31,81,32,80,32,80,33,80,34,79,34,79,35
79,36,78,36,78,37,77,38,77,39,77,40,76,40,76,41,76,42,76,43,75,43,75,44,75,45,75,46,74,46,74,47,74,48,74,49,73,50,73,51
73,52,73,53,73,54,72,55,72,57,72,58,72,60,72,62,72,63,72,64,72,65,72,66,72,67,72,69,72,70,72,73,72,74,72,75,72,76,72,77
72,78,72,79,72,80,72,81,72,82,72,83,72,84,72,85,72,86,72,87,72,88,72,89,72,90,72,91,72,92,72,93,73,93,73,94,73,95,74,95
74,96,73,95,72,95,71,95,70,95,69,95,68,95,67,95,66,95,65,95,64,95,63,95,62,95,61,95,60,95,59,95,57,94,55,94,53,94,51,94
50,94,49,94,48,94,46,93,44,93,43,93,42,93,41,92,40,92,39,92,38,91,37,91,36,90,35,89,34,89,33,89,33,88,32,88,32,87,31,87
31,86,30,86,30,85,29,85,28,85,27,84,24,82,21,81,19,80,19,79,20,78,21,78,21,77,22,77,22,76,23,76,23,75,24,75,24,74,25,74
25,73,26,73,27,72,27,71,28,71,29,70,30,69,31,68,32,67,33,67,33,66,34,66,34,65,35,65,35,64,36,64,36,63,37,63,37,62,38,62
39,61,39,60,40,60,41,59,42,58,44,57,45,56,45,55,46,55,47,55,47,54,47,53,48,53,49,53,49,52,50,52,49,52,48,52,46,53,46,54
45,54,44,55,43,55,43,56,41,56,40,57,39,58,38,58,37,59,36,59,35,60,34,61,33,62,31,62,29,63,27,64,25,66,24,66,23,67,22,68
21,68,21,69,20,69,19,70,18,70,18,71,17,71,16,72,15,72,15,73,14,73,14,74,13,74,12,74,12,73,12,72,12,71,12,69,12,68,12,67
12,66,12,65,12,64,12,63,12,62,12,61,12,60,12,59,12,58,12,57,12,56,12,55,12,54,11,53,11,52,11,51,11,50,11,49,11,47,11,45
11,43,10,42,10,40,10,39,10,38,10,37,10,36,10,35,10,34,10,33,10,32,10,31,10,30,10,29,10,28,10,27,10,26,10,25,10,24,10,23
10,22,10,21,10,20,10,19,11,19,11,18,11,17,11,16,12,16,12,15,13,15,13,14,14,14,14,13,15,13,15,12,15,11,16,11,16,10,17,10
17,9,18,9,18,8,19,8,19,7,20,7,20,6,21,6,21,7,21,8,21,9,21,10,22,10,22,11,23,11,23,12,23,13,24,13,24,14,25,14
25,15,25,16,26,16,27,18,29,19,30,20,31,21,32,21,33,21,34,21,35,22,36,22,37,22,38,22,38,23,39,23,40,23,42,24,44,24,46,25
47,25,48,25,49,25,50,25,51,25,52,25,53,25,54,25,55,25,56,25,57,25,57,26,58,26,59,26,60,26,61,26,61,27,62,27,63,27,64,27
65,27,65,28,66,28,67,28,68,28,69,28,70,28,71,28,72,28,73,28,74,28,75,28,75,27,76,27,76,26,77,26,77,25,78,25,78,24,79,24
79,23,80,23,80,22,81,22,81,21,82,21,83,21,83,20,84,20,85,20,85,19,86,19,86,18,87,18,87,17,85,14
e"><v:path></v:path><v:fill opacity =
"1"></v:fill><v:stroke opacity = "1"
dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr2 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="62" Min_Y="28" Max_Y="37"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m62,37 l62,37,61,37,60,37,59,37,58,37,57,37,56,37,55,37,53,37,52,37,51,37,50,37,49,37,48,37,47,37,46,37,44,37,43,37,42,36,41,36
40,36,39,36,38,36,37,36,35,35,34,35,33,35,31,34,29,34,28,33,27,33,26,33,25,32,24,32,22,31,21,30,20,30,19,30,18,29,17,29
16,28,15,28 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr3 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="50"
Max_X="61" Min_Y="47" Max_Y="53"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m61,47 l61,47,60,47,60,48,59,48,58,48,57,49,56,50,55,50,54,50,54,51,53,51,53,52,52,52,51,52,51,53,50,53
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr4 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="44"
Max_X="67" Min_Y="64" Max_Y="95"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m67,64 l67,64,60,72,58,75,56,78,55,79,54,80,53,81,52,82,51,84,50,86,49,87,49,88,48,88,48,89,48,90,47,90,47,91,47,92,46,92,46,93
45,93,45,94,45,95,44,95 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr5 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="43" Min_Y="48" Max_Y="52"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m43,48 l43,48,42,49,41,49,39,50,36,51,35,51,34,51,32,51,30,51,29,51,28,52,27,52,26,52,25,52,24,52,23,52,22,52,21,52,20,52,19,52
18,52,17,52,16,52,15,52,17,52 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr6 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="13"
Max_X="40" Min_Y="43" Max_Y="47"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m40,47 l40,47,30,47,28,47,26,47,25,47,23,47,20,46,19,46,18,45,17,45,15,43,14,43,13,43,14,43
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr7 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="37"
Max_X="64" Min_Y="59" Max_Y="90"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m64,59 l64,59,61,61,60,61,59,62,58,62,58,63,56,64,55,64,54,65,52,67,51,68,50,69,49,69,49,70,48,71,47,72,46,73,45,75,44,75,44,77
43,77,42,78,42,79,41,79,41,80,41,81,40,81,40,83,39,84,38,84,38,85,38,86,38,87,37,87,37,88,37,89,37,90,37,89
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr8 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="67"
Max_X="69" Min_Y="79" Max_Y="96"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m69,79 l69,79,69,82,68,83,68,84,68,85,68,86,67,87,67,88,67,89,67,90,67,91,67,92,67,93,67,94,67,95,67,96,67,95
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape></v:group>
<v:group id="obj0" style="width:500px;
height:500px; filter:alpha(Opacity=100); position:absolute; left:-2000px;
top:-2000px; z-index:50; zoom:1">
<v:shape
id=nr1 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_loop" Min_X="10"
Max_X="92" Min_Y="6" Max_Y="96"
coordsize = "101,101" fillcolor = "#ffd000"
strokecolor = "#ff9c00" strokeweight = ".75pt"
path = " m85,14 l85,14,85,15,86,16,87,16,87,17,88,17,89,17,89,18,90,18,90,19,91,19,92,19,92,20,92,21,91,21,91,22,90,22,89,23,88,23,88,24
87,24,87,25,86,25,86,26,85,26,85,27,84,27,84,28,83,28,83,29,83,30,82,30,82,31,81,31,81,32,80,32,80,33,80,34,79,34,79,35
79,36,78,36,78,37,77,38,77,39,77,40,76,40,76,41,76,42,76,43,75,43,75,44,75,45,75,46,74,46,74,47,74,48,74,49,73,50,73,51
73,52,73,53,73,54,72,55,72,57,72,58,72,60,72,62,72,63,72,64,72,65,72,66,72,67,72,69,72,70,72,73,72,74,72,75,72,76,72,77
72,78,72,79,72,80,72,81,72,82,72,83,72,84,72,85,72,86,72,87,72,88,72,89,72,90,72,91,72,92,72,93,73,93,73,94,73,95,74,95
74,96,73,95,72,95,71,95,70,95,69,95,68,95,67,95,66,95,65,95,64,95,63,95,62,95,61,95,60,95,59,95,57,94,55,94,53,94,51,94
50,94,49,94,48,94,46,93,44,93,43,93,42,93,41,92,40,92,39,92,38,91,37,91,36,90,35,89,34,89,33,89,33,88,32,88,32,87,31,87
31,86,30,86,30,85,29,85,28,85,27,84,24,82,21,81,19,80,19,79,20,78,21,78,21,77,22,77,22,76,23,76,23,75,24,75,24,74,25,74
25,73,26,73,27,72,27,71,28,71,29,70,30,69,31,68,32,67,33,67,33,66,34,66,34,65,35,65,35,64,36,64,36,63,37,63,37,62,38,62
39,61,39,60,40,60,41,59,42,58,44,57,45,56,45,55,46,55,47,55,47,54,47,53,48,53,49,53,49,52,50,52,49,52,48,52,46,53,46,54
45,54,44,55,43,55,43,56,41,56,40,57,39,58,38,58,37,59,36,59,35,60,34,61,33,62,31,62,29,63,27,64,25,66,24,66,23,67,22,68
21,68,21,69,20,69,19,70,18,70,18,71,17,71,16,72,15,72,15,73,14,73,14,74,13,74,12,74,12,73,12,72,12,71,12,69,12,68,12,67
12,66,12,65,12,64,12,63,12,62,12,61,12,60,12,59,12,58,12,57,12,56,12,55,12,54,11,53,11,52,11,51,11,50,11,49,11,47,11,45
11,43,10,42,10,40,10,39,10,38,10,37,10,36,10,35,10,34,10,33,10,32,10,31,10,30,10,29,10,28,10,27,10,26,10,25,10,24,10,23
10,22,10,21,10,20,10,19,11,19,11,18,11,17,11,16,12,16,12,15,13,15,13,14,14,14,14,13,15,13,15,12,15,11,16,11,16,10,17,10
17,9,18,9,18,8,19,8,19,7,20,7,20,6,21,6,21,7,21,8,21,9,21,10,22,10,22,11,23,11,23,12,23,13,24,13,24,14,25,14
25,15,25,16,26,16,27,18,29,19,30,20,31,21,32,21,33,21,34,21,35,22,36,22,37,22,38,22,38,23,39,23,40,23,42,24,44,24,46,25
47,25,48,25,49,25,50,25,51,25,52,25,53,25,54,25,55,25,56,25,57,25,57,26,58,26,59,26,60,26,61,26,61,27,62,27,63,27,64,27
65,27,65,28,66,28,67,28,68,28,69,28,70,28,71,28,72,28,73,28,74,28,75,28,75,27,76,27,76,26,77,26,77,25,78,25,78,24,79,24
79,23,80,23,80,22,81,22,81,21,82,21,83,21,83,20,84,20,85,20,85,19,86,19,86,18,87,18,87,17,85,14
e"><v:path></v:path><v:fill opacity =
"1"></v:fill><v:stroke opacity = "1"
dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr2 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="62" Min_Y="28" Max_Y="37"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m62,37 l62,37,61,37,60,37,59,37,58,37,57,37,56,37,55,37,53,37,52,37,51,37,50,37,49,37,48,37,47,37,46,37,44,37,43,37,42,36,41,36
40,36,39,36,38,36,37,36,35,35,34,35,33,35,31,34,29,34,28,33,27,33,26,33,25,32,24,32,22,31,21,30,20,30,19,30,18,29,17,29
16,28,15,28 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr3 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="50"
Max_X="61" Min_Y="47" Max_Y="53"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m61,47 l61,47,60,47,60,48,59,48,58,48,57,49,56,50,55,50,54,50,54,51,53,51,53,52,52,52,51,52,51,53,50,53
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr4 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="44"
Max_X="67" Min_Y="64" Max_Y="95"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m67,64 l67,64,60,72,58,75,56,78,55,79,54,80,53,81,52,82,51,84,50,86,49,87,49,88,48,88,48,89,48,90,47,90,47,91,47,92,46,92,46,93
45,93,45,94,45,95,44,95 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr5 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="43" Min_Y="48" Max_Y="52"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m43,48 l43,48,42,49,41,49,39,50,36,51,35,51,34,51,32,51,30,51,29,51,28,52,27,52,26,52,25,52,24,52,23,52,22,52,21,52,20,52,19,52
18,52,17,52,16,52,15,52,17,52 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr6 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="13"
Max_X="40" Min_Y="43" Max_Y="47"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m40,47 l40,47,30,47,28,47,26,47,25,47,23,47,20,46,19,46,18,45,17,45,15,43,14,43,13,43,14,43
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr7 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="37"
Max_X="64" Min_Y="59" Max_Y="90"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m64,59 l64,59,61,61,60,61,59,62,58,62,58,63,56,64,55,64,54,65,52,67,51,68,50,69,49,69,49,70,48,71,47,72,46,73,45,75,44,75,44,77
43,77,42,78,42,79,41,79,41,80,41,81,40,81,40,83,39,84,38,84,38,85,38,86,38,87,37,87,37,88,37,89,37,90,37,89
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr8 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="67"
Max_X="69" Min_Y="79" Max_Y="96"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m69,79 l69,79,69,82,68,83,68,84,68,85,68,86,67,87,67,88,67,89,67,90,67,91,67,92,67,93,67,94,67,95,67,96,67,95
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape></v:group>
<v:group id="obj0" style="width:500px;
height:500px; filter:alpha(Opacity=100); position:absolute; left:-2000px;
top:-2000px; z-index:50; zoom:1">
<v:shape
id=nr1 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_loop" Min_X="10"
Max_X="92" Min_Y="6" Max_Y="96"
coordsize = "101,101" fillcolor = "#ffd000"
strokecolor = "#ff9c00" strokeweight = ".75pt"
path = " m85,14 l85,14,85,15,86,16,87,16,87,17,88,17,89,17,89,18,90,18,90,19,91,19,92,19,92,20,92,21,91,21,91,22,90,22,89,23,88,23,88,24
87,24,87,25,86,25,86,26,85,26,85,27,84,27,84,28,83,28,83,29,83,30,82,30,82,31,81,31,81,32,80,32,80,33,80,34,79,34,79,35
79,36,78,36,78,37,77,38,77,39,77,40,76,40,76,41,76,42,76,43,75,43,75,44,75,45,75,46,74,46,74,47,74,48,74,49,73,50,73,51
73,52,73,53,73,54,72,55,72,57,72,58,72,60,72,62,72,63,72,64,72,65,72,66,72,67,72,69,72,70,72,73,72,74,72,75,72,76,72,77
72,78,72,79,72,80,72,81,72,82,72,83,72,84,72,85,72,86,72,87,72,88,72,89,72,90,72,91,72,92,72,93,73,93,73,94,73,95,74,95
74,96,73,95,72,95,71,95,70,95,69,95,68,95,67,95,66,95,65,95,64,95,63,95,62,95,61,95,60,95,59,95,57,94,55,94,53,94,51,94
50,94,49,94,48,94,46,93,44,93,43,93,42,93,41,92,40,92,39,92,38,91,37,91,36,90,35,89,34,89,33,89,33,88,32,88,32,87,31,87
31,86,30,86,30,85,29,85,28,85,27,84,24,82,21,81,19,80,19,79,20,78,21,78,21,77,22,77,22,76,23,76,23,75,24,75,24,74,25,74
25,73,26,73,27,72,27,71,28,71,29,70,30,69,31,68,32,67,33,67,33,66,34,66,34,65,35,65,35,64,36,64,36,63,37,63,37,62,38,62
39,61,39,60,40,60,41,59,42,58,44,57,45,56,45,55,46,55,47,55,47,54,47,53,48,53,49,53,49,52,50,52,49,52,48,52,46,53,46,54
45,54,44,55,43,55,43,56,41,56,40,57,39,58,38,58,37,59,36,59,35,60,34,61,33,62,31,62,29,63,27,64,25,66,24,66,23,67,22,68
21,68,21,69,20,69,19,70,18,70,18,71,17,71,16,72,15,72,15,73,14,73,14,74,13,74,12,74,12,73,12,72,12,71,12,69,12,68,12,67
12,66,12,65,12,64,12,63,12,62,12,61,12,60,12,59,12,58,12,57,12,56,12,55,12,54,11,53,11,52,11,51,11,50,11,49,11,47,11,45
11,43,10,42,10,40,10,39,10,38,10,37,10,36,10,35,10,34,10,33,10,32,10,31,10,30,10,29,10,28,10,27,10,26,10,25,10,24,10,23
10,22,10,21,10,20,10,19,11,19,11,18,11,17,11,16,12,16,12,15,13,15,13,14,14,14,14,13,15,13,15,12,15,11,16,11,16,10,17,10
17,9,18,9,18,8,19,8,19,7,20,7,20,6,21,6,21,7,21,8,21,9,21,10,22,10,22,11,23,11,23,12,23,13,24,13,24,14,25,14
25,15,25,16,26,16,27,18,29,19,30,20,31,21,32,21,33,21,34,21,35,22,36,22,37,22,38,22,38,23,39,23,40,23,42,24,44,24,46,25
47,25,48,25,49,25,50,25,51,25,52,25,53,25,54,25,55,25,56,25,57,25,57,26,58,26,59,26,60,26,61,26,61,27,62,27,63,27,64,27
65,27,65,28,66,28,67,28,68,28,69,28,70,28,71,28,72,28,73,28,74,28,75,28,75,27,76,27,76,26,77,26,77,25,78,25,78,24,79,24
79,23,80,23,80,22,81,22,81,21,82,21,83,21,83,20,84,20,85,20,85,19,86,19,86,18,87,18,87,17,85,14
e"><v:path></v:path><v:fill opacity =
"1"></v:fill><v:stroke opacity = "1"
dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr2 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="62" Min_Y="28" Max_Y="37"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m62,37 l62,37,61,37,60,37,59,37,58,37,57,37,56,37,55,37,53,37,52,37,51,37,50,37,49,37,48,37,47,37,46,37,44,37,43,37,42,36,41,36
40,36,39,36,38,36,37,36,35,35,34,35,33,35,31,34,29,34,28,33,27,33,26,33,25,32,24,32,22,31,21,30,20,30,19,30,18,29,17,29
16,28,15,28 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr3 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="50"
Max_X="61" Min_Y="47" Max_Y="53"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m61,47 l61,47,60,47,60,48,59,48,58,48,57,49,56,50,55,50,54,50,54,51,53,51,53,52,52,52,51,52,51,53,50,53
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr4 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="44"
Max_X="67" Min_Y="64" Max_Y="95"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m67,64 l67,64,60,72,58,75,56,78,55,79,54,80,53,81,52,82,51,84,50,86,49,87,49,88,48,88,48,89,48,90,47,90,47,91,47,92,46,92,46,93
45,93,45,94,45,95,44,95 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr5 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="15"
Max_X="43" Min_Y="48" Max_Y="52"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m43,48 l43,48,42,49,41,49,39,50,36,51,35,51,34,51,32,51,30,51,29,51,28,52,27,52,26,52,25,52,24,52,23,52,22,52,21,52,20,52,19,52
18,52,17,52,16,52,15,52,17,52 e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr6 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="13"
Max_X="40" Min_Y="43" Max_Y="47"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m40,47 l40,47,30,47,28,47,26,47,25,47,23,47,20,46,19,46,18,45,17,45,15,43,14,43,13,43,14,43
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr7 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="37"
Max_X="64" Min_Y="59" Max_Y="90"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m64,59 l64,59,61,61,60,61,59,62,58,62,58,63,56,64,55,64,54,65,52,67,51,68,50,69,49,69,49,70,48,71,47,72,46,73,45,75,44,75,44,77
43,77,42,78,42,79,41,79,41,80,41,81,40,81,40,83,39,84,38,84,38,85,38,86,38,87,37,87,37,88,37,89,37,90,37,89
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape><v:shape
id=nr8 style="LEFT: 0px; WIDTH: 101px; POSITION: absolute;
TOP: 0px; HEIGHT: 101px" tool="t_pen" Min_X="67"
Max_X="69" Min_Y="79" Max_Y="96"
coordsize = "101,101" filled = "f" strokecolor
= "#cc7d00" strokeweight = ".75pt" path
= " m69,79 l69,79,69,82,68,83,68,84,68,85,68,86,67,87,67,88,67,89,67,90,67,91,67,92,67,93,67,94,67,95,67,96,67,95
e"><v:path></v:path><v:fill></v:fill><v:stroke
opacity = "1" dashstyle = "solid"></v:stroke></v:shape></v:group>
次にスクリプトの部分で不要な記述があるので削除します(setObj*()関数内)。下の赤い部分は画像参照なので削除します。
function setObj0() {
var CL0 = 500
var CT0 = 500
for(var
gi0 = 0 ; gi0 < document.all("obj0").length ; gi0++)
{ //idがobj0になっているオブジェクトの数分、繰り返す
objArray0[gi0] = document.all("obj0").item(gi0)
objArray0[gi0].src = imagf*.src
}
var arrayLength0 =
objArray0.length
for(var gj0 = 0 ; gj0 < arrayLength0
; gj0++) {
objArray0[gj0].style.pixelTop = Randomset0(0,CT0)
objArray0[gj0].style.pixelLeft
= Randomset0(0,CL0)
objPosition0[gj0] = objArray0[gj0].style.pixelLeft
objArray0[gj0].obj_weight
= Randomset0(1,10)
objArray0[gj0].obj_radius = Randomset0(1,0)
}
}
</script>
</div>
これで動くはずです。もしぴあにしもで雛形作成時に使用した素材がほかのところで使用されていないなら削除してくださいね。
動かすオブジェクトのidがすべて同じ("obj*") になっていることに注意してください。
<div
style="position:absolute; left:0px; top:0px; z-index:0">
<!--
***WEBで使用の場合は直ぐ下のimgタグにある src="絶対パスファイル名"
を src="相対パスファイル名" に変更してください。***
-->
<img id="imagf2"
src="Q:\Documents and Settings\seiwa\デスクトップ\yumeba.gif"
width="0px" height="0px" style=" visibility:
hidden;">
</div><<<===すべて削除 上のobjArray0[gi0].src
= imagf*.srcを参照すれば削除する部分がわかります。
サンプル:サイズをわざと変えています。
rotationで角度を変えたり、Opacity=**で透過度を変えるなど試してみてください。
サンプル2:VML画像と文字を混在させて動かす。
文字の部分は
<div id="obj0" style="width:30px; height:30px;
position:absolute; left:-2000px; top:-2000px; z-index:50; zoom:1">
★</div>
などとなっています。これを<v:group id="obj0" 〜〜</v:group>の代わりに入れます。フォントサイズはそれぞれに適用させるか、表示範囲を制限している囲んでいるDIVにスタイルシートで指定するといいです。
参考:CSSでfont-family:Windingsに、J[TQと入力すると・・・J[TQ・・・テキストエディタ上ではJ[LTQとしか表示されませんが、HTML表示させるとJ[TQに。
フォント名にスペースが含まれている場合には、ダブルクォーテーション( "
)またはシングルクォーテーション( ' )で囲むようにしてください。
例:style="font-family:'MS ゴシック';〜〜
VMLタグをぴあにしものメッセージボックスに入れて利用する。
メッセージボックスは書き込まれている文字をそのままHTMLにします。タグが書かれていればタグとして認識することになります。
VMLソースをメッセージボックスメッセージ欄に貼り付けてください。
メッセージボックスの表示効果に従い表示されますが、マーキーとタイプライタは不可です。
またメッセージボックスで改行すると、HTMLで改行させるため<BR>が付加されます。
VMLタグの途中で改行しないようにしてください。
Copyright(c) 2004 My Software. All rights reserved.