- ベストアンサー
ルパン
こんにちは。 ルパン（アニメ）のタイトルが出るとき、一文字づつ表示されますよね？ あれをjavascriptを使って作れますか？（タイプの音と決め音も含めて）
- MameSim
- お礼率6% (4/60)
- JavaScript
- 回答数8
- ありがとう数5
- みんなの回答 （8）
- 専門家の回答
質問者が選んだベストアンサー
No.5 & 6です。 ＞おお、すばらしいです。 ありがとうございます。 ＞ちなみに動作確認ですが、ＩＥはＯＫですが、ＮＳでは駄目ですね。 ネスケ持っていないので確認出来ません。 ごめんなさい。 どんな症状が起きるのか補足して頂けると助かります。 ＞あと、音は付いていないんでしょうか？私のＰＣでは音が出ませんでした。 OSが解らないので何とも言えませんが、Windows系であればボリュームコントロールで最低音量やミュートになっているのかもしれませんね。
その他の回答 (7)
- dayowl
- ベストアンサー率56% (84/148)
No.6さんのソースをNetscape7.1で動かすには function char(a) を function hoge(a)<-何か別な関数名 にして55行目の char(str.charAt(len)); をそれにあわせて hoge(str.charAt(len)); に変えるだけで動きますよ。 但しフルスクリーンにはならないで 別ウインドウが開きます。 音はミュートしているので確認しませんでした。
- arukamun
- ベストアンサー率35% (842/2394)
No.5のソースを多少変更してみました。 実際のローカルハードディスクでの動作とＷｅｂ上での動作を確認して見ないと解らないものですね。 参考URLをどうぞ。
補足
おお、すばらしいです。 ちなみに動作確認ですが、ＩＥはＯＫですが、ＮＳでは駄目ですね。 あと、音は付いていないんでしょうか？私のＰＣでは音が出ませんでした。
- arukamun
- ベストアンサー率35% (842/2394)
とりあえず、ソースが滅茶苦茶ですが・・・。 lupin1.wav タイプ音 lupin2.wav 決め音 <HTML> <HEAD> <TITLE>ルパン三世風オープニングタイトル</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE=JavaScript> <!-- function char(a) { wlupin = window.open("","lupin","fullscreen=yes"); wlupin.document.open("text/html"); wlupin.document.writeln("<HTML>\n<BODY TOPMARGIN=0 LEFTMARGIN=0 SCROLL=no BGCOLOR=#000000>"); wlupin.document.writeln("<BGSOUND LOOP='1' SRC='lupin1.wav'>"); wlupin.document.writeln("<CENTER><SPAN STYLE='color: #ffffff; font-size: ",window.screen.height,"px;'>",a,"</SPAN></CENTER>"); wlupin.document.writeln("</BODY>\n</HTML>"); wlupin.document.close(); return true ; } function title(str) { style = "<SPAN STYLE='color: #ffffff; font-size: " + window.screen.height/8 + "px;'>" ; wlupin = window.open("","lupin","fullscreen=yes"); wlupin.document.open("text/html"); wlupin.document.writeln("<HTML>\n<BODY TOPMARGIN=0 LEFTMARGIN=0 SCROLL=no BGCOLOR=#000000>"); wlupin.document.writeln("<BGSOUND LOOP='1' SRC='lupin2.wav'>"); wlupin.document.writeln("<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=100% HEIGHT=100%>"); wlupin.document.write("<TR><TD BGCOLOR=#000000 VALIGN="); if ( str.search("@") != -1 ){ wlupin.document.write("bottom>",style," "); style = "</SPAN></TD></TR>\n<TR><TD BGCOLOR=#000000 ALIGN=right VALIGN=top>" + style ; str = str.replace("@",style); } else { wlupin.document.write("center ALIGN=center>",style," "); } wlupin.document.write(str); wlupin.document.writeln(" </SPAN></TD></TR>\n</TABLE>"); wlupin.document.writeln("</BODY>\n</HTML>"); wlupin.document.close(); return true ; } function opening() { str = document.lupin.title.value ; for (i=0 ;i<str.length ;i++){ if ( str.charAt(i) != "@" ){ char(str.charAt(i)); } } title(str); return true ; } // --> </SCRIPT> <FORM NAME=lupin> <INPUT TYPE=text NAME=title SIZE=40 VALUE="ルパン三世風@オープニングタイトル"> <INPUT TYPE=button VALUE="開始" onClick="opening();"> </FORM> </BODY> </HTML>
- dayowl
- ベストアンサー率56% (84/148)
音は扱ったことがないんで全然わからないんですが、 文字の処理としてはこういう感じでどうですかね。 下のソースはIEでしか動作しません。 <html> <head> <STYLE TYPE="text/css"> <!-- #layer1 { position:absolute;top:50;left:10;width:250;height:40;clip:rect(0,500,500,0) } //--> </STYLE> <script language="JavaScript"> <!-- function start1() { id = setTimeout("start1()", 300); if (document.param.show.value == "NO") { clearTimeout(id); } getChar(); } function getChar() { text = document.param.text1.value; idx = Number(document.param.idx.value); if (text.length > idx) { c = text.charAt(idx); document.param.idx.value = idx + 1; showChar(c); } else { document.param.show.value="NO"; showAll(); } } function showChar(c){ source = "<META HTTP-EQUIV=\"Content-Type\" CONTENT=\"text/html; charset=Shift_JIS\">"; source += "<SPAN STYLE=\"font:200pt\">"; source += c; source += "</SPAN>"; document.all("layer1").innerHTML = source; } function showAll(){ source = "<META HTTP-EQUIV=\"Content-Type\" CONTENT=\"text/html; charset=Shift_JIS\">"; source += "<SPAN STYLE=\"font:20pt\">"; source += document.param.text1.value; source += "</SPAN>"; document.all("layer1").innerHTML = source; } // --> </script> </head> <body> <span ID="layer1"></span> <form name="param"> <input type="button" value="Start" onClick="start1()"> <input type="text" name="show" value="YES"> <input type="text" name="text1" value="ルパン三世風タイトル"> <input type="text" name="idx" value="0"> </form> </body> </html>
あー。 それ作りたくってずっとアルゴリズムを考えてます(^_^; 今んとこ JavaScript じゃ難しそうですけどね。 文字の表示と効果音の再生のタイミングの同期をとる機能がないためです。 でも最近のパソコンはマシンパワーも上がってますし、もしかしたらＩＥ限定でなら作れないこともないかもしれないですね。
ちなみに作成後のＵＲＬをリンクさせるだけです。
補足
出来ればJavaScriptでお願いします。m(_ _)m
補足
>ネスケ持っていないので確認出来ません。ごめんなさい。どんな症状が起きるのか補足して頂けると助かります。 一応indexページのテキストボックスとすぐ下にあるプルダウンメニューと「ルパン三世風オープニングタイトル」のボタンはちゃんと表示されるのですが、「ルパン三世風オープニングタイトル」のボタンをクリックしても何も起こらないんです。 >>私のＰＣでは音が出ませんでした。 >Windows系であればWindows系であればボリュームコントロールで最低音量やミュートになっているのかもしれませんね。 一応ボリュームコントロールなどの設定を確かめ、さらにＩＥの設定を初期状態にしましたが駄目でした。 ちなみに私の環境は以下の通りです。 WindowsXP Professional IE6.0 NS7.1