金魚すくいゲーム

質問

金魚すくいのゲームを作っています。金魚を２匹用意します。マウスを紙の画像にして、どこでもついてくるようにする点。金魚をすくうときに紙の画像が金魚の下に潜るとき。また、金魚をつかむときの座標の取得。金魚をつかんでから、おわんにもっていくとき、紙の画像のマウスと金魚画像をつかんでお椀に移動して入れるというプログラミングです。mousedownとmousemoveなどを活かしてどのようにしたら良いですか？

回答No.1

yyr446 · ベストアンサー

マウスの画像はCSSのcursor:でセットできます。
<div id="tarai" style="cursor:./kami.gif;"></div>
これだと「紙の画像が金魚の下に潜る」が出来ないから、マウスの画像をかえるのではなく、紙の画像をマウスに追随させて動かすようにする。
マウス画像は無しにして、mousemoveでマウスの位置に紙の画像を表示する。
金魚画像の下に入るように表示するには、金魚画像のzindexを変更する。
紙の画像のmousedown以後、お椀に入れるまで金魚と紙を同時に動かすようにする。