コミックビューア作成ノート

言語村　トップページ

コミックビューア
作成ノート

自作漫画

コミックビューア全ソース

コミックビューアで使っている全ソースです。
JavaAppletです。
ソースは好きに使って頂いて、一向に構いません。
解析するなり改造するなり好き勝手に使ってください。

初めてEclipseを使って作りましたが、未だにEclipseの機能の1割も
理解していません。（汗）
そのため、正式な文法ではないと思います。
良い子はマネしちゃいけません。（笑）
でも、テキストエディタで編集するのと比べて格段に作業効率が良かったです！
こういうソフトがタダで使えるなんて、いい時代です。（TvT）

このままでは見難いので、コピーして
テキストエディタやメモ帳などで見てください。

HTML部分

<html>
<body>
<applet code="Comicviewer.class" width = "1000" height = "800">
	<param name="page" value="32">
	<param name="filename" value="ainotensi">
	<param name="filetype" value="jpg">
	<param name="katamenokosi" value="true">
</applet>
</body>
</html>

Java部分

import java.applet.Applet;
import java.awt.*;
import java.awt.event.*;

/*
 * コミックビューア Ver0.1
 * 作成日: 2005/01/16
 *
 * Created By Hirota
 */

/**
 * コミックビューアクラス
 * @author Hirota
 *
 */
public class Comicviewer
	extends Applet
	implements MouseListener, MouseMotionListener, Runnable {
	
	// 変数の宣言
	int page;	// ページ数
	boolean katamenokosi;	// 片面起こし（左ページスタート）ならTrue
	int migiPage;			// 右ページ数
	int hidariPage;		// 左ページ数
	String filename;		// 画像ファイル名（数字部除く）
	String filetype;		// ファイルの拡張子
	String fullfilename;	// 完全なファイル名
	
	Thread thread = null;	// スレッド
	Label label;			// ラベル
	String message;			// 「次ページ読み込み中」文字
	String endMessage;		// 「画像読み込み完了」文字
	boolean messageFlag;	// メッセージを表示するタイミングフラグ
	
	Panel buttonPanel;		// ボタン表示用パネル
	Button tugiButton;		// 次ボタン
	Button maeButton;		// 前ボタン
	Button saisyoButton;	// 最初に戻るボタン
	Button kakudaiButton;	// 拡大ボタン
	Button syukusyoButton;	// 縮小ボタン
	
	Image maemigiImage;		// 前右イメージ
	Image maehidariImage;	// 前左イメージ
	Image migiImage;		// 右イメージ
	Image hidariImage;		// 左イメージ
	Image tugimigiImage;	// 次右イメージ
	Image tugihidariImage;	// 次左イメージ	
	Image imageSet[] = new Image[4];	// 読み込む順番にイメージを格納する配列
	int loadImageNo;		// 現在読み中のイメージの配列NO　4の時は、読み込み終了
	
	Image workImage;		// 作業用イメージ
	Graphics workGraphics;	// 作業用グラフィックス
	
	int imageWidth;	// 画像の高さ
	int imageHeight;	// 画像の幅
	int panelHeight;	// ボタンパネルの高さ
	int appletWidth;	// アプレットの幅
	int appletHeight;	// アプレットの高さ
	
	double per;		// 表示倍率
	int dispX, dispY;	// 表示位置
	
	int distanceX, distanceY;	// マウスの位置と画像との相対距離
	boolean dragFlag;			// ドラッグ中フラグ
	
	MediaTracker mediatracker;	// メディアトラッカー
		
	 /* (非 Javadoc)
	  * @see java.applet.Applet#init()
	  */
	 public void init() {
		// パラメータの取得
		page = Integer.parseInt( getParameter( "page" ) );
		katamenokosi = Boolean.valueOf( getParameter( "katamenokosi" ) ).booleanValue();
		//katamenokosi = false;
		filename = getParameter( "filename" );
		filetype = getParameter( "filetype" );
	 	
	 	message = "次ページ読み込み中";
	 	endMessage = "画像読み込み完了";
	 	
	 	// ラベルの設定
	 	label = new Label( message );
	 	
		// ボタンの設定
		tugiButton = new Button( "次のページを表示" );
		maeButton = new Button( "前のページを表示" );
		saisyoButton = new Button( "最初のページに戻る" );
		kakudaiButton = new Button( "拡大" );
		syukusyoButton = new Button( "縮小" );
	 	
		// パネルの設定
		buttonPanel = new Panel();
		buttonPanel.setLayout( new FlowLayout() );
	 	
		// ボタンパネルにボタンを追加
		buttonPanel.add( tugiButton );
		buttonPanel.add( maeButton );
		buttonPanel.add( saisyoButton );
		buttonPanel.add( kakudaiButton );
		buttonPanel.add( syukusyoButton );
	 	
		// ボタンを押した時の動作を設定
		tugiButton.addActionListener( new ActionListener() {
			public void actionPerformed( ActionEvent ae ) {
				tugi();
			}
		} );
		maeButton.addActionListener( new ActionListener() {
			public void actionPerformed( ActionEvent ae ) {
				mae();
			}
		} );
		saisyoButton.addActionListener( new ActionListener() {
			public void actionPerformed( ActionEvent ae ) {
				saisyo();
			}
		} );
		kakudaiButton.addActionListener( new ActionListener() {
			public void actionPerformed( ActionEvent ae ) {
				kakudai();
			}
		} );
		syukusyoButton.addActionListener( new ActionListener() {
			public void actionPerformed( ActionEvent ae ) {
				syukusyo();
			}
		} );
	 	
	 	// パネルにラベルを追加
	 	buttonPanel.add( label );
	 	
		// パネルをアプレットに追加する
		this.add( "North", buttonPanel );
		
		// ページ数の設定
		if ( katamenokosi ) {
			migiPage = 0;
		} else {
			migiPage = 1;
		}
		hidariPage = migiPage + 1;
		
		// 最初のイメージを取得
		mediatracker = new MediaTracker( this );
		
		maemigiImage = null;
		maehidariImage = null;
		if ( migiPage == 0 ) {
			migiImage = null;
		} else {
			migiImage = getImage( getCodeBase(), makeFilename( filename, migiPage, filetype ) );
		}
		hidariImage		= getImage( getCodeBase(), makeFilename( filename, hidariPage, filetype ) );
		if ( migiPage + 2 <= page ) {
			tugimigiImage = getImage( getCodeBase(), makeFilename( filename, migiPage + 2, filetype ) );
		} else {
			tugimigiImage = null;
		}
		if ( hidariPage + 2 <= page ) {
			tugihidariImage = getImage( getCodeBase(), makeFilename( filename, hidariPage + 2, filetype ) );
		} else {
			tugihidariImage = null;
		}
		
		// イメージを読み込み順に配列に格納
		imageSet[0] = migiImage;
		imageSet[1] = hidariImage;
		imageSet[2] = tugimigiImage;
		imageSet[3] = tugihidariImage;
		loadImageNo = 0;
		
		// 最初のイメージを、MediaTrackerに追加する
		if ( migiImage != null ) {
			mediatracker.addImage( imageSet[loadImageNo], 0 );
		}
		loadImageNo++;
		mediatracker.addImage( imageSet[loadImageNo], 0 );
		loadImageNo++;
		// 最初のイメージを読み込みはじめる
		try {
			mediatracker.waitForID( 0 );
		} catch( InterruptedException e ) {
			showStatus( " " + e );
		}
		
		// 読み込んだイメージを、メディアトラッカから削除
		mediatracker.removeImage( imageSet[loadImageNo - 1] );
		mediatracker.removeImage( imageSet[loadImageNo] );
		
		// 次ページのイメージをメディアトラッカにセットする
		if ( tugimigiImage != null ) {
			mediatracker.addImage( imageSet[loadImageNo], 0 );
		}
		
		// 画像サイズの取得
		imageWidth	= hidariImage.getWidth( this );
		imageHeight	= hidariImage.getHeight( this );
		
		// アプレットの大きさを取得
		appletWidth = this.getSize().width;
		appletHeight = this.getSize().height;
		
		// 表示倍率の初期化
		per = (double)appletWidth / ( imageWidth * 2 );
		// 表示位置の初期化
		dispX = 0;
		dispY = 0;
		
		// 作業領域の作成
		workImage = createImage( appletWidth, appletHeight );
		workGraphics = workImage.getGraphics();
		
		// ドラッグ用フラグの初期化
		dragFlag = false;
		
		// マウスリスナをアプレットに追加
		addMouseListener( this );
		addMouseMotionListener( this );
		
		repaint();
	 }
	 
	 /*
	  *  (非 Javadoc)
	  * @see java.applet.Applet#start()
	  */
	 public void start() {
	 	// スレッドを実行させる
	 	thread = new Thread( this );
	 	thread.start();
	 }
	 
	 /*
	  *  (非 Javadoc)
	  * @see java.applet.Applet#stop()
	  */
	 public void stop() {
	 	// スレッドを止める
	 	thread = null;
	 }
	 
	 /*
	  * スレッド実行
	  * 画像の読み込みチェックに使用
	  */
	 public void run() {
	 	// 現在のスレッドを取得
	 	Thread thisThread = Thread.currentThread();
	 	
	 	// ループ
	 	while ( thread == thisThread ) {
	 		if ( messageFlag ) {
	 			messageFlag = false;
	 		} else {
	 			messageFlag = true;
	 		}
			// 再描画
			repaint();
	 		
	 		// 0.5秒停止
	 		try {
	 			Thread.sleep( 500 );
	 		} catch ( InterruptedException e ) {
	 		}
	 	}
	 }
	 
	 /* (非 Javadoc)
	  * @see java.awt.Component#paint(java.awt.Graphics)
	  */
	 public void paint(Graphics g) {
		panelHeight = buttonPanel.getSize().height;
	 	
		workGraphics.setColor( Color.white );
		workGraphics.fillRect( 0, 0, appletWidth, appletHeight );
		if ( hidariImage != null ) {
			workGraphics.drawImage( hidariImage, dispX, dispY + panelHeight, (int)( per * imageWidth ), (int)( per * imageHeight ), this );
		}
		if ( migiImage != null ) {
			workGraphics.drawImage( migiImage, dispX + (int)( per * imageWidth ), dispY + panelHeight, (int)( per * imageWidth ), (int)( per * imageHeight ), this );
		}
		
		// 画像が読み込まれたかチェック＆読み込まれていないものは読み込み開始する
		if ( !mediatracker.checkID( 0, true ) ) {
			// 画像が読み込まれていないとき
			if ( thread == null ) {
				// スレッドが実行されていない時は実行させる
				start();
			}
			// 読み込み中表示
			if ( messageFlag ) {
				label.setText( message );
			} else {
				label.setText( "" );
			}
		} else {
			if ( loadImageNo < 4 && imageSet[loadImageNo] != null ) {
				// 画像が読み込まれたときの処理
				if ( thread == null ) {
					// スレッドが実行されていない時は実行させる
					start();
				}
				// 次の画像をメディアトラッカにセット
				loadImageNo++;
				if ( loadImageNo < 4 ) {
					mediatracker.addImage( imageSet[loadImageNo], 0 );
				}
				// 読み込み中表示
				if ( messageFlag ) {
					label.setText( message );
				} else {
					label.setText( "" );
				}
			} else {
				// 読み込みがすべて終了している時は、スレッドを停止する
				stop();
				label.setText( endMessage );
			}
			
		}
		
		g.drawImage( workImage, 0, 0, this );
	 }

	 /* (非 Javadoc)
	  * @see java.awt.Component#update(java.awt.Graphics)
	  */
	 public void update(Graphics g) {
		paint( g );
	 }

	 /* (非 Javadoc)
	  * @see java.awt.event.MouseListener#mouseClicked(java.awt.event.MouseEvent)
	  */
	public void mouseClicked(MouseEvent arg0) {
		// TODO 自動生成されたメソッド・スタブ

	}

	/* (非 Javadoc)
	 * @see java.awt.event.MouseListener#mouseEntered(java.awt.event.MouseEvent)
	 */
	public void mouseEntered(MouseEvent arg0) {
		// TODO 自動生成されたメソッド・スタブ

	}

	/* (非 Javadoc)
	 * @see java.awt.event.MouseListener#mouseExited(java.awt.event.MouseEvent)
	 */
	public void mouseExited(MouseEvent arg0) {
		// TODO 自動生成されたメソッド・スタブ

	}

	/* (非 Javadoc)
	 * @see java.awt.event.MouseListener#mousePressed(java.awt.event.MouseEvent)
	 */
	public void mousePressed(MouseEvent me) {
		// マウスの位置取得
		int mouseX = me.getX();
		int mouseY = me.getY();
		
		// クリックした位置が画像範囲内の場合のみ処理を行う
		if ( mouseX >= dispX && mouseX < dispX + (int)( per * imageWidth ) * 2 && mouseY >= dispY + panelHeight && mouseY < dispY + panelHeight + (int)( per * imageHeight ) ) {
			dragFlag = true;
			distanceX = mouseX - dispX;
			distanceY = mouseY - dispY;
		}
	}

	/* (非 Javadoc)
	 * @see java.awt.event.MouseListener#mouseReleased(java.awt.event.MouseEvent)
	 */
	public void mouseReleased(MouseEvent me) {
		// ドラッグ中のみ処理を行う
		if ( dragFlag == true ) {
			// ドラッグ終了
			dragFlag = false;
		}
	}

	/* (非 Javadoc)
	 * @see java.awt.event.MouseMotionListener#mouseDragged(java.awt.event.MouseEvent)
	 */
	public void mouseDragged(MouseEvent me) {
		// マウス位置の取得
		int mouseX = me.getX();
		int mouseY = me.getY();
		
		// ドラッグ中のみ処理を行う
		if ( dragFlag == true && mouseX > 5 && mouseX < appletWidth - 5 && mouseY > 5 && mouseY < appletWidth - 5 ) {
			// 画像の位置設定
			dispX = mouseX - distanceX;
			dispY = mouseY - distanceY;
			
			repaint();
		}
	}

	/* (非 Javadoc)
	 * @see java.awt.event.MouseMotionListener#mouseMoved(java.awt.event.MouseEvent)
	 */
	public void mouseMoved(MouseEvent arg0) {
		// TODO 自動生成されたメソッド・スタブ

	}
	 
	/*
	 * パラメータからファイル名を作成する関数
	 * @filename ファイル名（数字部除く）
	 * @page ページ数
	 * @filetype 拡張子
	 * @return ファイル名
	 */
	String makeFilename( String filename, int page, String filetype ) {
	   String strPage = "000" + page;
	   strPage = strPage.substring( strPage.length() - 3 );
	   String fullfilename = filename + strPage + "." + filetype;
	 	
	   return fullfilename;
	}
	
	/*
	 * 次ページ表示用関数
	 */
	 void tugi() {
		// 左ページ数が、ページ数内の時のみ処理を行う
		if ( hidariPage < page ) {
			// 前ページを削除する
			if ( maemigiImage != null ) {
				mediatracker.removeImage( maemigiImage );
				maemigiImage.flush();
			}
			if ( maehidariImage != null ) {
				mediatracker.removeImage( maehidariImage );
				maehidariImage.flush();
			}
			
			// 後ろのイメージを前に持ってくる
			maemigiImage = migiImage;
			maehidariImage = hidariImage;
			migiImage = tugimigiImage;
			hidariImage = tugihidariImage;
			
			// ページ数を２ページ進める
			migiPage += 2;
			hidariPage = migiPage + 1;
			
			// 次のページのイメージを取得
			if ( migiPage + 2 <= page ) {
				tugimigiImage	= getImage( getCodeBase(), makeFilename( filename, migiPage + 2, filetype ) );
			} else {
				tugimigiImage = null;
			}
			if ( hidariPage + 2 <= page ) {
				tugihidariImage = getImage( getCodeBase(), makeFilename( filename, hidariPage + 2, filetype ) );
			} else {
				tugihidariImage = null;
			}
			
			// イメージを、読み込み順に配列にセット
			imageSet[0] = migiImage;
			imageSet[1] = hidariImage;
			imageSet[2] = tugimigiImage;
			imageSet[3] = tugihidariImage;
			loadImageNo = 0;
			
			// 最初のイメージを、MediaTrackerに追加する
			if ( migiImage != null ) {
				mediatracker.addImage( imageSet[loadImageNo], 0 );
			}
			// 読み込み開始
			mediatracker.statusAll( true );
			
			// 表示位置を、右基準にする
			dispX += appletWidth - ( dispX + (int)( per * imageWidth ) * 2 ); 
			dispY = panelHeight;
		}
		repaint();
	 }
	 
	 /*
	  * 前ページ表示用関数
	  */
	  void mae() {
		 // 右ページ数が、ページ数内の時のみ処理を行う
		 if ( migiPage > 1 ) {
		 	// 次のページを削除する
			if ( tugimigiImage != null ) {
				mediatracker.removeImage( tugimigiImage );
				tugimigiImage.flush();
			}
			if ( tugihidariImage != null ) {
				mediatracker.removeImage( tugihidariImage );
				tugihidariImage.flush();
			}
		 	
			// 前のイメージを後ろに持ってくる
			tugimigiImage = migiImage;
			tugihidariImage = hidariImage;
			migiImage = maemigiImage;
			hidariImage = maehidariImage;
			
			// ページ数を２ページ戻る
			migiPage -= 2;
			hidariPage = migiPage + 1;
			// 前のページのイメージを取得
			if ( migiPage - 2 >= 1 ) {
				maemigiImage = getImage( getCodeBase(), makeFilename( filename, migiPage - 2, filetype ) );
			} else {
				maemigiImage = null;
			}
			if ( hidariPage - 2 >= 1 ) {
				maehidariImage = getImage( getCodeBase(), makeFilename( filename, hidariPage - 2, filetype ) );
			} else {
				maehidariImage = null;
			}
			
			// イメージを、読み込み順に配列にセット
			imageSet[0] = hidariImage;
			imageSet[1] = migiImage;
			imageSet[2] = maehidariImage;
			imageSet[3] = maemigiImage;
			loadImageNo = 0;
			
			// 最初のイメージを、MediaTrackerに追加する
			if ( migiImage != null ) {
				mediatracker.addImage( imageSet[loadImageNo], 0 );
			}
			// 読み込み開始
			mediatracker.statusAll( true );
			
			// 表示位置を、左基準にする
			dispX = 0; 
			dispY = panelHeight;
		 }
		 repaint();
	  }
	
	/*
	 * 最初のページに戻る関数
	 */
	 void saisyo() {
	 	// 現在のイメージを削除する
		if ( maemigiImage != null ) {
			mediatracker.removeImage( maemigiImage );
			maemigiImage.flush();
		}
		if ( maehidariImage != null ) {
			mediatracker.removeImage( maehidariImage );
			maehidariImage.flush();
		}
		if ( migiImage != null ) {
			mediatracker.removeImage( migiImage );
			migiImage.flush();
		}
		if ( hidariImage != null ) {
			mediatracker.removeImage( hidariImage );
			hidariImage.flush();
		}
		if ( tugimigiImage != null ) {
			mediatracker.removeImage( tugimigiImage );
			tugimigiImage.flush();
		}
		if ( tugihidariImage != null ) {
			mediatracker.removeImage( tugihidariImage );
			tugihidariImage.flush();
		}
	 	
		// ページ数の設定
		if ( katamenokosi ) {
			migiPage = 0;
		} else {
			migiPage = 1;
		}
		hidariPage = migiPage + 1;
		
		// 最初のイメージを取得
		maemigiImage = null;
		maehidariImage = null;
		if ( migiPage == 0 ) {
			migiImage = null;
			// 表示位置を、左基準にする
			dispX = 0; 
			dispY = panelHeight;
			loadImageNo = 1;
		} else {
			migiImage = getImage( getCodeBase(), makeFilename( filename, migiPage, filetype ) );
			// 表示位置を、右基準にする
			dispX += appletWidth - ( dispX + (int)( per * imageWidth ) * 2 ); 
			dispY = panelHeight;
			loadImageNo = 0;
		}
		hidariImage		= getImage( getCodeBase(), makeFilename( filename, hidariPage, filetype ) );
		tugimigiImage	= getImage( getCodeBase(), makeFilename( filename, migiPage + 2, filetype ) );
		tugihidariImage = getImage( getCodeBase(), makeFilename( filename, hidariPage + 2, filetype ) );
		
		// イメージを、読み込み順に配列にセット
		imageSet[0] = migiImage;
		imageSet[1] = hidariImage;
		imageSet[2] = tugimigiImage;
		imageSet[3] = tugihidariImage;
		
		// 最初のイメージを、MediaTrackerに追加する
		if ( migiImage != null ) {
			mediatracker.addImage( imageSet[loadImageNo], 0 );
		}
		// 読み込み開始
		mediatracker.statusAll( true );
		
		
		repaint();
	 }
	 
	/*
	 * 拡大処理用関数
	 */
	void kakudai() {
		// 最大、原寸の２倍まで拡大可
		if ( per < 2 ) {
			dispX = (int)( appletWidth / 2 - ( appletWidth / 2 - dispX ) * ( per + 0.1 ) / per );
			dispY = (int)( ( appletHeight + panelHeight ) / 2 - ( ( appletHeight + panelHeight ) / 2 - dispY ) * ( per + 0.1 ) / per );
			per += 0.1;
		}
		repaint();
	}
	
	/*
	 * 縮小処理用関数
	 */
	 void syukusyo() {
		// 最小、0まで縮小可
		if ( per > 0.1 ) {
			dispX = (int)( appletWidth / 2 - ( appletWidth / 2 - dispX ) * ( per - 0.1 ) / per );
			dispY = (int)( ( appletHeight + panelHeight ) / 2 - ( ( appletHeight + panelHeight ) / 2 - dispY ) * ( per - 0.1 ) / per );
			per -= 0.1;
		}
		repaint();
	 }
}