Java Applet を使って文字を透過させ、背後に画像をスクロールさせる

スクロ－ルの画像は水元公園の記念広場

水元公園の記念広場にて

No5 H6sHP→toukagazou/java_sample.html

Windows10ではこのプログラムのAPPLET CODEは動作しません

Cthru(シースルー)は、画像を重ねて、前面の画像の一部を透明にし、背面の画像をスクロールさせることによって、イメージが透けて見えるような効果を作り出すことのできるアプレットです。
このアップレットのプログラムはヘミング先生のホ－ムペ－ジ作成講座「サンプル集」25 透過部分を画像がスクロールのソ－スをコピ－しました。このソフトは「Java Applet」で作ったプログラムです。興味のある方はヘミング先生のホ－ムペ－ジを参照ください。

「WELCOME TO MY HOMEPAGE」の文字を透過して、「水元公園の記念広場」の画像がスクロールします。あえて、スクロ－ル画像は背景画像の一部をコピ－しましたのでスクロ－ル画像の動きと背景画像を見比べてみてください。

スクロ－ル画像が表示されない方へ →Java ソフトウェアをダウンロード
Sun Microsystems（←ココをクリック）

下のようにスクロ－ル画像が表示されないのはCthru.classが自分のパソコンにインスト－ルされていないか。或るいはhtmlファイルとclassファイルが同一ファイルに存在していないためです。（私の場合はtoukazazouのフォルダに全ての関連ファイルを保存している）

補足資料：半透明のグラデーションをかける　（←クリックすると背景画像が表示されます）
・背面画像はfilter: Alpha()を使って半透明なグラデーションで表示しています。Internet Explorerが独自に追加したプロパティです。ヘミング先生のホ－ムペ－ジ楽々講座　270「filter　プロパティ」に「alpha」と「flip」の二つの値を使うのソ－スをコピ－しました。

●作成方法：画像ファイル（①②）とクラスファイル（③④）を準備する。
①前面の画像を準備する：front.gif	透過する文字「WELCOME TO MY HOMEPAGE」をホ－ムペ－ジビルダ-で作成する 1.ロゴの編集・文字：WELCOME TO MY HOMEPAGE ・フォント名：DFP特大ゴシック体・色：RGP　＃FF0000 2.Web用保存ウィザ－ド・保存形式：gif→front.gif ・背景色：白
②後面の画像を準備する：back.jpg	透過部分の画像back.jpgをコピ－するスクロ－ルするこの透過部分の画像は背景画像の一部を切り取りウェブア－トデザイナ－の効果パレットで画像を補正をした。
③Cthru.classファイルを準備する	C\Windows\Temporary Internet FilesよりCthru.classを検索しコピ－する。変更箇所：拡張子classの名前の[1]を削除 Cthru[1].class→Cthru.class
④CthruFilter.classファイルを準備する	C\Windows\Temporary Internet Filesより CthruFilter.classを検索しコピ－する。変更箇所：拡張子classの名前の[1]を削除・CthruFilter[1].class→CthruFilter.class

●結果：机上のパソコンで起動したらうまく表示できました。最初はうまく動かないのでアプレットとは何かを知るために「JAVA APPLET」で検索した色々なホ－ムペ－ジを閲覧しました。
○中川真実さんのFree Java Applets はホームページの素材として使えるJavaアプレットをフリーソフトとしてたくさん公開しています。http://www.yo.rim.or.jp/~nakagawa/WWW/freejava.html
この中でCthru ver.1.4のアプレットも紹介されていた。
○Toshi's Houseさんの「javaの部屋」でたくさんのJava Script/DHTMLとJava Appletが紹介されています。
http://www2.tky.3web.ne.jp/~ogura1/

上へ