マルチメディア基礎 Professor Nishi's Lectures

(1)

マルチメディア基礎

（第 7 回　 5 月 31 日 )

西宏之

(2)

授業計画 ( シラバスより )

① オリエンテーションにより，メディアの種類と概念を学ぶ→【復習】プログラミング環境 (Visual Studio Comunity) を各自インストール

② 色情報がコンピュータ上でどのように表現されているかを学び，色情報を加工するための基礎知識を身に付ける．光の三原色，えのぐの三原色の関係を理解する．

③ 上記の理解度小テスト１を実施する． Visual Studio Community のインストール方と使い方を学ぶ．→【復習】講義中に作成開始した簡単な画像表示プログラムを完成

④ 理解度小テストの復習・振り返りを行うとともに，写真表示プログラムの練習問題を完成させる． →【復習】講義中に作成開始した簡単な画像切り替え表示プログラムを完成

⑤ Visual Basic の基本的文法を学ぶ．繰り返し処理，判断分岐，ピクセル情報の読み込み，書き出し方法を学ぶ．その知識を基に，カラー画像をモノクロ化する手法を学ぶ．→【復習】講義中に作成開始したモノクロ化プログラムを完成させること

⑥ モノクロ化プログラムを作成する．→【復習】講義中に作成開始したモノクロ化プログラムを完成

⑦ ネガポジ反転処理およびしきい値処理による，二値化画像作成処理を学ぶ．ネガポジ，二値化プログラムを作成する．→

【復習】二値化プログラムの完成．

⑧ 色画像情報を加工して，色合いや画像の雰囲気を変更・加工するアイデアを考案する．それに基づく，プログラムを企画する．→【復習】これまでに学んだ知識を組合せ，さらにアイデアを盛り込んだ画像処理プログラムを考案し，プログラム作成を開始する．

⑨ これまでに学んだ，画像処理および独自のアイデアを盛り込んだ画像処理プログラムを完成させる．→画像処理プログラム

「レポート１」提出

⑩ ゲームプログラミングの構成と考え方を学ぶ．→【復習】各自，自分が知っているゲームがどのような計算機能を行っているかを分析しておくこと．

⑪ ゲーム処理に必要なタイマー管理とそのプログラミング作法を学ぶ．→【復習】タイマー管理技法を応用して，「ストップウオッチ」プログラムを作成

⑫ ゲーム処理に必要な乱数発生とそのプログラミング作法を学ぶ．→【復習】乱数発生技法を応用して，「ビンゴ」プログラムを作成

⑬ ゲーム処理に必要なサウンド再生機能とそのプログラミング作法を学ぶ．→【復習】サウンド再生機能を応用して，音楽プレーヤーアプリを作成

⑭ これまでに学んだ，技法を応用したモグラたたきゲームプログラムを作成する．→これまでの理解度小テスト２を行う

⑮ モグラたたきゲームに，ハイスコア表示など独自の機能を付け加える企画を行い，そのプログラム作成を開始する．→【復習】独自機能を追加したモグラたたきゲームを作成する．

⑯ 企画した独自機能付きモグラたたきゲームプログラムを完成する．→【復習】継続して独自機能を追加したモグラたたきゲームを作成し，「レポート２」提出

(3)

プログラム作成上の注意点

 教材と実際の画面が違うことがあります．

 単なるバージョンの違いや、インストール時の設

定の違いです

 書いてあることを読めば，違いは問題にならない

ようになっています．

 サンプルプログラム中のコメント文に

「 ’」がないものがあります．その場合は

「 ’」を文頭に補ってください．

(4)

今日の学習内容

 _{ネガポジ反転}

 _{ネガポジ反転とは}

 _色合いを _逆 _{にすること}

 _赤が _強い _色は赤を _弱く _，

 _緑が _弱い _色は緑を _強く _{．　というように}

 じゃ，どうやればそうなる？

 今日は「新規作成」ではなく、「プロジェクト

を開く」

(5)

画像処理の流れ

① _前処理

① 元画像ファイル名を取得する

② 取得した画像ファイルを新規のビットマップオブジェク

トとして宣言する

③ 画像処理用の変数をカラー構造体として宣言し，元画像

用ピクチャーボックスに表示する．

② 取得した画像ファイルのビットマップオブジェク

トから 1 つの点の色情報を取得する．

③ _{取得した色情報を} _{ネガポジ反転} _{する． ( ここが}

④ キモ ) 画像処理した色情報を描画する

⑤ 上記②～④をすべての点について繰り返し処理す

る．

(6)

本日作成するプログラム

処理対象の画像フ

ァイルを読込み

左の画面に表示

モノクロ画像にし

て右の画面に表示

FAX _{のような白黒}

画像にして右画面

に表示

ネガポジ反転し

て右の画面に表

示

(7)

前処理～読み込みボタンが押されたとき

前回と全く同じです。つまり、今日は何もいじ

りません。

' OpenFileDialog _{コントロールを使う}

Dim fname As String ' ～ファイル名を格納する文字列型の変数名を宣言

OpenFileDialog1.Filter = "JPeg Image|.jpg|Bitmap Image|.bmp|Gif Image|*.gif “

' ～ファイル名を表示する際に特定の拡張子のファイルだけを表示

OpenFileDialog1.ShowDialog()

' ～これが，ダイアローグ

fname = OpenFileDialog1.FileName

' ～取得したファイル名を宣言した変数に代入

Dim bmpa As Bitmap = New Bitmap(fname)

' ～指定されたファイル名の中身画像を格納する

' ビットマップ構造体を宣言

PictureBox1.Image = bmpa

' ～ビットマップの中身をピクチャーボックスに表示

(8)

ネガポジ反転の方法

 _RGB _{各々の値に対して}

 強さを逆にするには．．．

 最大値である 255 から引いた値にしてやれば

よい

 元が 0 なら 255 に

 元が 255 なら 0 になる

 元が 50 なら 205 に (255 －　 50 　＝　 205)

 元が 200 なら 55 に

(9)

ネガポジ変換

' ① まず，宣言

　 Dim bmpa As Bitmap = PictureBox1.Image

Dim bmpb As Bitmap = New Bitmap(PictureBox1.Width, PictureBox1.Height)

Dim iroa, irob As Color

Dim heikin, i, j As Integer

' ② 繰り返し処理は FOR NEXT 文で回す

For i = 0 To PictureBox1.Width - 1

For j = 0 To PictureBox1.Height - 1

iroa = bmpa.GetPixel(i, j)

' ～元画像の 1 つの点の色情報を取得する．

irob = Color.FromArgb(255 - Val(iroa.R), 255 - Val(iroa.G), 255 - Val(iroa.B))

' ～ 255 から引算 ( 反転 ) した値を RGB 値としてもつ色を作成する．

bmpb.SetPixel(i, j, irob)

' ～それを返還先のビットマップオブジェクトにセットする

PictureBox2.Image = bmpb

' ～最後にビットマップをピクチャーボックスに貼付る

(10)

次の課題～二値化

 与えられたしきい値より，明るい色なら

「白」にしてしまい，暗い色なら「黒」にし

てしまう．

 結果的に FAX のような絵になる．

 _{具体的には，}

 _RGB の平均値を求め，その値 ( つまりその点

の明るさ ) がしきい値より大きければ，２５

５を入れる．小さければ，０をいれる．→　

If _文を使う

 しきい値をユーザが入力するテキストボック

スが必要

(11)

If _{文　とは？}

If ○○ _{＝△△　 then}

　　　□□□

Else

　　　■■■

End If

という構文をもち、意味は下記のようになる

「もし、〇〇が△△に等しいならば□□□ を

実行し　

　等しくなければ■■■ を実行する」

(12)

2 _値化

' ① まず，宣言～これはモノクロ化と同じなので省略