- 締切済み
JAVAで作った下地に文字を重ねる
初めて質問します。 専門用語など分かりませんので、ご無礼がありましたらご指摘願います。 ＪＰＧ画像にＪＡＶＡで加工して花びらが落ちてくるようにした素材に、更に文字を重ねるのは可能でしょうか？ 文字は画像を編集して最初から入れてしまえばいいのは、分かっているんですが そのような形ではなく ＪＡＶＡで言うトランジション効果のようにしたいと考えています。 文字の流れはフェードイン・フェードアウトで一枚の画像の表示の完了。 もしくは、下から流れてきて そのまま上で消えてしまうのではなくて、全文が表示された時点で表示されたまま止まる。 といった形で考えています。 文字は自分のパソコンの中に入っている字体で表示したいと思っています。 勉強したての未熟な知識で検索はかけて色々と試してみましたが、お手上げになってしまったので ここで質問させて頂きました。 自分の知識以上のことをしようとしている無謀さは充分に認知しています。 初心者なら、初心者らしい編集を。と言われるかもしれませんが…。 お時間のあるときで、かまいませんので どうか宜しくお願いします。
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- t032904
- ベストアンサー率83% (5/6)
Appletだったんですね。 ごめんなさい、認識違いしてました・・・； Appletを読み込んでいるなら、style指定は不可です。 Sakuraクラスに処理を記述するしかないと思います。 Sakura.javaは手元にありますか？ あれば、以下を試してみてください。 Sakuraの中で、 public void paint(Graphics g){ ・・・（略）・・・ } と記述されている箇所はありませんか？ その{}中に、以下の一文を付け加えて見てください。 g.drawString("表示したい文字",x座標, y座標); この文中のgは、「public void paint(Graphics g)」の「g」と一致させてください。 x座標とy座標で、表示したい位置を指定できます。 htmlファイルは初期状態のままで問題ありません。 以上が終了したら、コンパイルしてclassファイルを作成し、htmlのあるフォルダに配置してください。
- t032904
- ベストアンサー率83% (5/6)
ANo.2で回答した者です。 すみません、style記述に間違いがありました。 ×<img src="画像名" style="position:absolute;z-index;-1;"> ○<img src="画像名" style="position:absolute;z-index:-1;"> 最後のz-indexのあとは、；（セミコロン）ではなく:（コロン）です。 失礼しました。
- t032904
- ベストアンサー率83% (5/6)
Web用の素材をHTMLに組み込むわけですから、<body>タグのどこかに、 <img src="画像名" /> などと記述している箇所がありますよね？ そのタグを、 <img src="画像名" style="position:absolute;z-index;-1;"> のようすると、1つ後ろの階層（レイヤー）に表示されるようになります。 あとは表示させたい箇所に文字をべた書きしてやれば、画像の前に文字が表示されるはずです。
補足
お忙しい中の回答をありがとうございます。 こちらのタグの<param name="IMG" value="backs.jpg">のところに style="position:absolute;z-index;-1;を付けたしました。 そのあと、どこに文字入れのタグを入れたらいいのかが 分かりません…。 下記にソースを載せますので、またお時間があればご指導を お願いします。 <body bgcolor="black" text="gray"> <center> <script language="JavaScript"><div1.style.filter="revealTrans (duration=3.50,transition=6)";></script> <h3>桜</h3> <applet code="Sakura.class" width="370" height="245"> <param name="IMG" value="backs.jpg"> <param name="MAX" value="3"> <param name="BGCOLOR" value="000000"> <param name="WAIT" value="140"> <param name="IMAGE_LOAD" value="false"> </applet> </center> <p> <P><hr noshade><a href="../" target="_self"> </body> どうか、宜しくお願い致します。 PS:上記には position:absolute;z-index;-1;" の部分は入れて いません。
- _ranco_
- ベストアンサー率58% (126/214)
描画そのものは（文字の描画も含め）、JComponentまたはJPanelをextendsした自作クラスのpublic void paintComponent(Graphics g)メソッドに書きます。描画の経時変化（アニメーション）は、javax.swing.Timerクラスを作り、そのactionPerforemed()メソッドの中でpaintComponent()メソッドが使っているパラメータの値を適宜変えて、そのパネルオブジェクトのrepaint()をコールします。
補足
早々の回答をありがとうございます。 回答頂きましてから今まで、ranco様の教えて頂いた解答の中にある単語を検索して意味を調べていましたので、お返事が遅くなりました。 私は、邪道かもしれませんが JAVAの基本は全くわかりません。 ネット上にあるサンプルなどを編集したりして、組み込んで作っている状態なんです。 したがって、回答頂いた内容の単語の意味が全く分かりません…。 検索して色々読んでみましたが、それでも理解が出来ませんでした。 きっと、基礎の勉強が出来ていれば、とても分かりやすい説明なんだと感じています。 もし可能でしたら… 例題のソースを頂けないでしょうか…。 それを、HTMLの中のどこに組み込めばいいのか、どこを編集したらいいのかが分かれば、今までと同じく先に進めそうなんですが…。 邪道初心者がゆえに我儘を言っているのも分かります。 もしお時間が許せば、宜しくお願い致します。
補足
訂正まで、ありがとうございます。 これから ：（コロン）に書き換えてまた修正してみます。 このバック画像に花びらが落ちてきてるんですけど、その画像と 同じ場所に文字を流し込みたいと考えています。