「追いかけニャンコ」について by Noritosi
[ 2021/05/11(Tue) 13:44:59 ]
千田 さん
掲示板の"ご質問ご意見があればどうぞ”のお言葉に甘えて、失礼を顧みず、スクリプトのサンプルコピーについて、掲示板へ書き込みをさせていただきました。
マウスストーカー画像・メニューの「追いかけニャンコ」のサンプルがユーモラスなので、スクリプトをコピーして動かそうと試みたが上手くいかず、何度か挫折しかけました。でも、やっと動かすことができ、「ヤッター」という気分でおります（楽しい時間を過ごすことができました。このサイトに感謝です）。
それと同時に、実行過程で「あれ、どうするの？」と思った箇所が順序に従って記すと、次に実行・試みる方にも参考になればと考えました。
① ニャンコ画像を右クリックして名前を付けて保存、ファイル名をNEKO_TORAに変更してディスクトップへ保存しました。
② NEKO_TORAのhtmlとNEKO_TORA_filesがディスクトップが出来て、htmlとファイルの中にあるatとfootは削除。NEKO_TORA_filesのファイル名をNEKO_TORAに修正しました。
③ 「マウスストーカー４■画像■追いかけニャンコ」のページ「すべて選択」をクリックし青くなったソースを右クリックしてメモ帳に貼り付け。張り付けたソースをファイル名前を付けて保存。私はファイル名を「Tora」にして、名のあとに.htmlを付け②のNEKO_TORAに保存。（私は,と.をよく間違うが注意です。）
④ 「Tora」のhtmlをクリックすると、画面下に「ActiveXをコントロールを実行しないように制限されています」と表示され、htmlクリックごと毎回表示されるのが煩わしくて、画面右上の表示→ソースをクリックし、
ドキュメント宣言の<!DOCTYPE html>と<html lang="ja">を
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0020) http://...[URL] -->
<HTML xmlns:v="urn:schemas-microsoft-com:vml">に変更しました。
Re: 「追いかけニャンコ」について by Noritosi
[ 2021/05/11(Tue) 13:46:51 ]
データが多いので続きです。
⑤ 次に、ここで一番混乱したのですが、ソースの「varfld2="NEKO_TORA/"; /*★ファイルパス。urlやフォルダ名を記入。フォルダ名の時は、/付記*/」とあり、すでに/が付記されているので、ソースはそのままでよいのですが、ディスクトップにあるNEKO_TORAファイル名につけられない/を付けようとしたり、ファイルパスについて、ファイルをクリックしファイル名左横のファイルアイコンをクリック。表示されるフルパスをコピーして、ソースのvar fld2=""に貼り付けたりしました。
⑥ 以上で完了と思って「Tora」のhtmlをクリックすると、まったく反応がしないのでここでも混乱しました。この掲示板の平田睦美さんへの回答（20.5.15）を拝見して、文字コードがShift_JIとなっているのを
charset=UTF-8に変更。すると、画面はマウスの動きに応じてｘマークが追っかけてくるようになりました。
⑦ 猫の画像が表示されないので、スクリプトのgifをGIFに変えたり、ブラウザの更新の[F5] キーを押したり、⑤の「var fld2=""」のファイル名を変えたりしましたが、ダメで諦めかけました。
⑧ 掲示板を点検。ぺもぺさんの記事にありましたマウスストーカー17のスクリプトで。８種類の天使画像の方向に合わせた猫の画像に置き換えて、移動速度２、表示位置50に変えて試みると、マウスの動きに応じた猫の画像は付いてきました。
⑨ マウスストーカー４の猫と、17の天使の画像を認識するのに、スクリプトの違いは何なんだろうか。違いは、gif画像の画像格納ファイルがスクリプトに表示されているか否かの違いだと気付いて、スクリプト文字の一部変更・削除を試みてみました。猫を認識し動くようになりました。
charset=Shift_JI //★変更 charset=UTF-8
var fld2="NEKO_TORA/"; //★全部削除
for (var i=0;i<=38;i++)｛load[i]=newImage();load[i].src=fld2+nekoG[i];} //★fld2+を削除
function chimg(num){jsneko.src =fld2+nekoG[num];} //★fld2+を削除
今回は、「あーでもない、こうでもない」と諦めずスプリプ触っているうち、幸運にも動きました。素人の説明・表現に間違いがないか気になるところですが、他の人の改善のお役にたてればと思っております。
Re: 「追いかけニャンコ」について by Noritosi
[ 2021/05/11(Tue) 21:38:30 ]
記述もれした点で、猫の指定要素のZ-INDEXをどこに記入するか？通常、<IMG src="･･････Z-INDEX: >に記入し、画像をスクリプトで動かすと思っていたので混乱したのですが、スクリプトの中に
document.write('<img src="" id="jsneko" style="position:absolute;width:32px;height:32px;Z-INDEX: 10">');
があり、上に位置する大きい数値のZ-INDEXを記入すると正常に動作しました。
それと、このスクリプトはメール送信の雛型では動作しませんが、ウェブサイトに置くと動きました。
Re: 「追いかけニャンコ」について by 管理人・千田
[ 2021/05/12(Wed) 06:46:47 ]
う～～ん、これはまず、Noritosiさんのパソコン(PC)設定から質問しないと参考にはならないと思います。
長くなるので、別投稿にしますね。
|
Mobile ]
[ 
HOME ]