WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ジャバスクリプトで複数の画像を降らせるには?

0:[投稿] 木霊☆彡 [URL] [2003/12/31 02:59 ][環境:WIN98,IE6, ジャバスクリプト]

 度々、お世話になっています。
今回はジャバスクリプトなんですが・・・
画面に、2〜3枚の画像を降らすにはどうしたらいいのでしょうか?
とりあえず、他サイトから頂いたスクリプトで、一枚の画像を
降らせるスクリプトを使っています。
一応、今使っているスクリプトのソースを、貼り付けておきますので、ご指導お願いします。
====================ここから===============================
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
var no = 10; //
var speed = 10;
var hanaflake = "http://homepage3.nifty.com/dama/yk6.png";//

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 1000;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"lna\"><img src=\"" + hanaflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"lna\"><img src=\"" + hanaflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + hanaflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + hanaflake + "\" border=\"0\"></div>");
}
}
}
function hanaNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("hanaNS()", speed);
}

function hanaIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("hanaIE()", speed);
}
if (ns4up) {
hanaNS();
} else if (ie4up) {
hanaIE();
}
-->
</script>
=====================ここまでです==========================


1:[回答] 薫 [2003/12/31 10:47 ]

>他サイトから頂いたスクリプトで
転載の許可はありますか?
改造の許可はありますか?
そのサイトではサポートしていませんか?
ご自分ではどこまでできましたか?


2:[回答] コンマ [2003/12/31 19:47 ]

疑問 - 質問 - 回答
 
http://siriasu.s10.xrea.com/71t/index.html のサンプルを拾ったんでしょ。

何でそのサイトの掲示板で聞かないの?(もしかしたら 他の人が貼り付けてたのを拾ったかも)
掲示板の履歴みたんでしょうか。

今回の投稿も 前回と同様ですよね。
薫さんが回答しているように >ご自分ではどこまでできましたか?

記述の仕方(本当に勉強してるの?)が分からないなら、ある程度書けるようになるまで
現状維持か他サイトから頂いた(自分の考えに近い)ものにして置くというのも「あり」で
他サイトから頂いたスクリプトを示して さあ、改造してくださいもないでしょう。

第一 あなたのパソ、インターネットにつながるんでしょ?捜し方あるじゃん。
私(初心者)でも見つけましたよ。


3:[完了] 木霊☆彡 [2004/01/01 11:29 ]

 返事遅くなりましたが、薫さんコンマさんレスありがとうございます。薫さんやコンマさんの言い分はわかります。
ここで、初心者ということで書き込みしたのが間違ってました。
少しでも、ヒントを頂こうと思っていたのですが・・・考えが
甘かったようです。
 コンマさんに、バカにされたような書き込みには
少し頭きたので、ちゃいちゃんぱぱさんには悪いのですが、
こちらでの質問はは控えようと思います。


4:[完了] バギンズ [2004/01/02 02:14 ]

>>3
>少しでも、ヒントを頂こうと思っていたのですが・・・考えが甘かったようです。

コンマさんは、ちゃんとヒントを残していますよ。↓

>何でそのサイトの掲示板で聞かないの?(もしかしたら 他の人が貼り付けてたのを拾ったかも)
>掲示板の履歴みたんでしょうか。

コンマさんが示したサイトの掲示板をご覧になりましたか?
そこには、MEGUさんという方が「画像の降らせ方。」
という質問をしていて、その内容は「2種類以上の画像を降らせる時にはどうやって記述すればいいのでしょうかぁ??」でした。
そして、参考になる回答が書き込まれていました。
(その回答は、複数の画像が上がっていくスクリプトでした)

薫さんやコンマさんが書いてくださったコメントが、木霊☆彡さんにとって多少厳しく感じられたかもしれませんが、もう少し前向きに考えてみてはいかがでしょうか?


5:[関連] Jankowski [2004/01/03 02:07 ]

http://www.parkcity.ne.jp/~chaichan/qanda/qa4363.htm
ここに同じようなソースで同じような質問ありました。
参考にどうぞ。


6:[完了] コンマ [2004/01/03 18:00 ]

バギンズさん フォロー、サンクス。でも

>薫さんやコンマさんが書いてくださったコメントが、木霊☆彡さんにとって多少厳しく感じられたかもしれませんが、

薫さんを一緒に書くのは違いますよ。

>コンマさんに、バカにされたような書き込みには   とありますから、薫さんを巻き込んじゃ かわいそうですよ。
木霊☆彡さんが頭きたのは 私の言い方、書き方が問題なんじゃないんですよ。
書いてる内容なんですよ。

今回なんであんな風に書いたかといいますと、木霊☆彡さんの質問姿勢についての私の意見です。

投稿を遡ってみて

4584「吹き出しの色を変更させるには?」では
>もう少しperlの勉強してから自分で改造してみます。
とまねをするサンプルなりはあったのに それをPerlで書きたいと言っていながら
(既存のものを使わず 自分で勉強して書きたい。これは良いことだとおもいます。)

4593の「記述の仕方について。」では 一行でも自分で書いたものを示しもせず
ただ必要なプログラムを書いてくれといってますよね。
それで回答はきましたか?

4643の「複数の画像を降らせるには?」でも 他サイトから頂いたスクリプトを
そのまんま載せてますよね。

勉強しているなら(書けるなら)両方とも自分で書いたソースを示すべきじゃないですか?
4643でも 「他サイトから頂いた」ことをとやかく言ってるんじゃなくて、何故、それに
自分で改造したのを示さないの?

もし書けるレベルまでいってないなら 自分で本やサイトで書けるようになってからの
質問でないと 回答者も質問者のレベルが見極められず困ると思います。

それに質問するのであれば 自分の書いたものを示すのは当然のルールなりマナーでしょ?
回答してくれる方というのは 回答できる知識を身につけている。この意味がわかりますか?
回答できる知識を身につけるまで 本だってたった一冊読んだだけで全部わかるはずもなく
何冊も読み、また サイトを回って他人の書いたものを見たり、どこかの掲示板で質問したり、
実際に人に聞いたりして、そして自分で何度も書いては悩んでみて・・・ という風にして
お金,時間,労力,手間,をかけている訳ですよ。
質問者は ある意味その部分をスルーして回答を得ようとしている訳です。だったら 自分の
「ここまで出来ました」を提示するのは最低限の事だと思いますが。
回答者はお金を貰っている訳でもなく ボランティア精神でやってるんであって(自分がそうやって
学んできたから) 決して便利屋や何でも答えてくれる子供電話相談室の人でもない。
同じ土俵に上がらなきゃ。

別の言い方をしたらこうなのかな。
木霊☆彡さんは自分のHPを持ってますね。知らない人から 「私HP作ってるんです。今、表を
作ってるんだけど あなたのHPの1ページ目のここの所に表を入れた場合 どういうHTMLになるか
教えて。」と言われたら「ああ、この人、私のHPをコピーして おまけに私にそれを作らせようと
してしている。」って思わない? 「表を入れたいのだったら それだけ教えてあげるから自分でどーぞ。」
か「あなたのHPを見せて そしたらどう書き込めばいいか教えてあげる。」でしょ。
木霊☆彡さんが自分のHP作り上げるまでに 本を読んだり 色々なサイトを回ったり、画像を作るのに
苦労したりしていませんか。そうして作り上げた(考えた)ことを この知らない人が苦労もせず
良いとこ取りしようとしたら、嫌な気持ちになったり怒ったりしませんか?

よく こうした掲示板を見たりするんだけど、そこに注意書きがあるでしょ。
「教えてくれくれ君は嫌われます。簡単なことは自分で本やサイトで調べてから質問しましょう。」って。
適当な言葉が思い浮かばないけど D・I・Y(Do It Yourself)の精神だよね。
そうしないと 回答なんて来ないよ。実際に4593や4643で 答えてもらえなかったでしょ。
ここの掲示板で回答してる人のレベルなら簡単に答えられるはずが、答えてない。おかしいよね。
(私が勝手にそう感じただけだろうか?)

私の言いたいことはこういう事です。ネッ、長いでしょ、だから上に書いたことを圧縮ソフト(自分の頭)で
圧縮したら RE2:[回答] コンマ の様になりました。「バカにされた」、「厳しく感じられた」は
受け取る側が感じる事だから 好きなように思ってください。
(圧縮ソフト(自分の頭)がおかしいのかな、何処かで改造してもらわなきゃ。)

感情論になったら収集が付かなくなるので コレで退場しましょう。
木霊☆彡さん、もう安心して質問していいヨ。覗き見なんかしないから。
私がここに来ていたのは 質問でも回答でもなく、他の人達がどんな事をしているか、もしかして
自分にも使える技や役に立ちそうなことがないかを知りたくてです。だから別ここに来なくても
構わないので、木霊☆彡さんの方を優先してください。でないと勉強できないでしょ。

以上のような訳でもし反対意見等があってもお相手できませんが、私の考えはここに全て書いてありますので
ご自由に判断してください。まな板の鯉です。ピクピク。


追記

4:[完了] バギンズ さんが一つ紹介してくださったので もう一つ紹介。

>第一 あなたのパソ、インターネットにつながるんでしょ?捜し方あるじゃん。
>私(初心者)でも見つけましたよ。
これは次のことです。

「画像を降らす javascript」google検索

おまけでそのページの下の方にある これはどうかな。
雪に混じって天使も降ってきます。
http://www.geocities.co.jp/Bookend/8707/2002/onthewall/snow4.html


5:[関連] Jankowski さん 過去ログは捜してませんでした。うかつ。


7:[回答] あ [2004/01/04 07:42 ]

>>6に上がっている質問に見覚えがあったので見たところ…

吹き出しの色を変更させるには?
http://www.parkcity.ne.jp/~chaichan/qanda/qa4584.htm
記述の仕方について。
http://www.parkcity.ne.jp/~chaichan/qanda/qa4593.htm

どちらもレスをつけてましたので、ちょいと参加。
 どーも>>0さんの質問が、丸投げ人任せにしか見られないのがいけないと思います。
「○○したい」というのは分かりますが、「初心者だからわかりません。教えて。」では、相手にされないと思って良いでしょう。

 付け加えるなら、前回のQ.吹き出しの色を変更させるには? での返答があまりにも痛々しい内容だった為に、相手にされないのも致し方ないとさえ思っていますよ、私は。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World