2010 年マルチメディア論 画像処理演習(2) ( pic1.txt ~ pic8.txt )

Slides:



Advertisements
Similar presentations
1 通信教育学部 コンピュータ演習 Excel の書式設定と関数 授業ページ「コンピュータ演習(通信教育学 部)」を 開いてください。提出課題の一覧が掲載されてい ます。
Advertisements

JIMDO 勉強会その1 やってみたい! NPO 法人かながわ311ネットワーク ホームページお助け隊 Ver1.0 改訂 2014/10/6.
情報処理 第8回第8回第8回第8回. 目次 (1) スタイルの利用 – スタイルの概要 – スタイルの適用 (1) – 「スタイル」ウィンドウを開く – スタイルの適用 (2) – スタイル適用のセオリー – すべてのスタイルを表示 – スタイルの書式を変える (1) – スタイルの書式を変える (2)
ファーストイヤー・セミナーⅡ 第13回 2次元グラフィックス(1). 2次元グラフィックス Ultra-C では、これまで利用してきた「標準入出力」 以外に「グラフィックス画面」があり、図形などを 表示できる C 言語のグラフィックスには細かな規定がなく、こ れから学ぶ内容が他の環境、システムでは利用でき.
第5章 JMPのインストールと基本操作 廣野元久
情報基礎演習I(プログラミング) 第9回 6月22日 水曜5限 江草由佳
1B コンピュータとビット列データ.
応用コース:ワープロを活用する WORD2000 1回目 基礎コースの復習(第1章と付録) 2回目 文字の入力(第2章と第4章)
初年次セミナー 第13回 2次元グラフィックス(1).
情報処理演習 (9)グラフィックス システム科学領域 日浦 慎作.
初年次セミナー 第14回 2次元グラフィックス(2).
エクセル(1)の目次 起動法、ブック、シート、セル ブックの開き方 エクセル画面 マウスポインターの種類 シート数の調節 データの入力法
ロボットビジョン(ロボットの視覚能力)のための デジタル画像処理
情報処理 第7回.
プログラミング入門 電卓番外編 ~エクセルで関数表示~.
実習問題の解き方 JIS3-2の場合.
デジタルポートフォリオ作成支援ツール PictFolio 使用マニュアル
プレゼンテーション用ソフトウェア Impress
ファイルやフォルダを検索する ①「スタート」→「検索」→「ファイルとフォルダ」とクリックする。
PCの情報を得る - 「システム情報」 ①「スタート」→「すべてのプログラム」→「アクセサリ」→「システム ツール」→「システム情報」とクリックする。 ②左欄の項目を選択すると、右欄に情報が表示される。
Imageの描画 画像を読み込んで表示すること。 import java.awt.*;が必要。
PowerPoint の基本操作 情報機器の操作(e) 2016.
Applet 岡部 祐典 鈴木 敬幸.
演習00-0 “Hello,world![改行]”を表示するプログラムを作成せよ. 1 1.
5.WEKOコンテンツ登録 準備 マニュアル Version 2.1
ただで使えるソフトウェア ーインストールとお絵かきー
VO ツール利用法 Specview 国立天文台 天文データセンター 白崎 裕治.
プレゼンテーション用ソフトウェア Impress
Excelによる3-D/等高線グラフの描画 2変数関数の描画 Excel によるグレイスケールマップ風描画
画像の作成と編集.
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
Excelによる3-D/等高線グラフの描画 2変数関数の描画 Excel によるグレイスケールマップ風描画
心理学情報処理法Ⅰ やってみよう:Excelを使ってみよう.
CG基礎 日本文理大学 坪倉篤志 <配布資料-03> 先週 @Learnについて(出欠、課題) ペイントソフトの基本操作 ペイント、文字入力
Visual Studio インストール インストール時間:約1時間.
9 Microsoft Word(1).
湘南工科大学 2013年4月23日 プロジェクト実習A アドベンチャーゲームを作ろう 第3回 湘南工科大学情報工学科 准教授 小林 学.
SystemKOMACO Jw_cad基本操作(2) Ver.1
CGと形状モデリング 授業資料 長井 超慧(東京大学)
C 言語について 補足資料 資料および授業の情報は :
SystemKOMACO Jw_cad 基本操作(6) Ver.1
JAVA GUIプログラミング 第2回 グラフィックスを使っての演習 グラフを描こう.
行列による画像処理 デジタル表現論 担当者:劉 雪峰 2017年6月1日.
第9回 卒業研究1
オープンソフトウェア利用促進事業 第3回OSSモデルカリキュラム導入実証
TCanvas BCB:TCanvasクラスでグラフィックを扱う。 TFormなどもプロパティとして持っている。
PowerPoint の基本操作 情報機器の操作(e).
前回の練習問題.
Microsoft Office クイックガイド ~Outlook 2013~
実習問題の解き方 JIS3-3の場合.
Microsoft Office クイックガイド ~Outlook 2013~
フリーソフトでDVDのコピーをしてみよう
デジタル画像とC言語.
ホームページビルダー 不要ファイル削除の仕方.
-画像処理(空間フィルタリング)- 画像処理(空間フィルタリング)のモデルとその基本操作 雑音除去・平滑化への適用
WinSCPのインストール方法
プログラムの基本構造と 構造化チャート(PAD)
SystemKOMACO Jw_cad 基本操作(3) Ver.1
Processing Processingでお絵かき.
ファイルやフォルダを検索する ①「スタート」→「検索」とクリックする。 ②「表示項目」から適当なものを選択する。
表計算 Excel 演習 1.Excel を使ってみる.
Excelによる3-D/等高線グラフの描画 2変数関数の描画 Excel によるグレイスケールマップ風描画
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
CGプログラミング論 平成28年5月18日 森田 彦.
プログラミング基礎a 第9回 Java言語による図形処理入門(1) Javaアプレット入門
目次 ---Windows 01.キーボードとマウスの基本操作 02.複数のファイルを同時に選択
43 43 A子 敵対記号:オートシェイプのフリーフォームをクリックし、上下させながらクリックを繰り返す。
CGと形状モデリング 授業資料 1,2限: 大竹豊(東京大学) 3,4限: 俵 丈展(理化学研究所)
Processing Processingでお絵かき.
PowerPoint の基本操作 情報機器の操作 (e).
Presentation transcript:

2010 年マルチメディア論 画像処理演習(2) ( pic1.txt ~ pic8.txt )

1.プログラム環境の準備 (1) 検索エンジンで「 Tiny Basic 」をキーワードにして、「 Tiny Basic for Windows 」のトップページを開く。 (2)「 Tiny Basic for Windows Ver 」をダウンロードする。 → 左の「ダウンロード」をクリックし、「最新版 Ver 」を 選択する。 → 保存したファイル(セットアップファイル)をクリックする。 (3) TBasic のフォルダを開いて、 Tbasic.exe を実行(クリック) する。 (4)プログラム-新規作成 で、以下のプログラムを入力して、実 行してみる。 (5) Tiny Basic for Windows のWEBページがあるので参考にしてくだ さい。

2.画像とプログラム 画像を z: のドライブにダウンロードする。 「プログラム」-「新規作成」の画面に 以下のプログラムをコピーする。 「即実行」をクリックする。

3.座標系を知る (0,0) (300,0)(600,0) (600,400)(300,400) (0,400)

4. 1 LINEと色番号 直線を描く方法: line ( 始点 )-( 終点 ), 色番号 【例】 line (150,0)-(150,400),14 グラフィックで使える色は 16 色で,色番 号 0 から 15 まで指定できます。 色は次のよ うに割り当てられています。

4. 2 LINEで長方形を 描く 長方形を描く方法: line ( 始点 )-( 終点 ), 色番 号,bf 【例】 line (300,0)-(600,400),14,bf ← 塗りつぶ す 【例】 line (300,0)-(600,400),14,b ← 塗りつぶ さない 長方形の色は 16 色で,色番号 0 から 15 まで指 定できます。 色は次のように割り当てられ ています。

【演習1】 LINE の演習 (0,0) (300,0)(600,0) (600,400)(300,400) (0,400) ここを黒 く塗る 簡単な漢字を LINE で書く

5.画素(ピクセル) (x,y) の色を読み取る方法 iro$ =GetRGBPixel(x,y) ※ GetRGBPixel の y 座標(次頁参照)に注意すること。 (x+300,400-y) に色を書き込む方法 forecolor=iro$ pset(x+300,400-y)

6. GetRGBPixel(x,y) のy座標 (0,0) (300,0)(600,0) (600,400)(300,400) (0,400) y の値 x の値 pset(x+300,400-y)

【演習2】 画像を斜め傾ける (0,0) (300,0)(600,0) (600,400)(300,400) (0,400)

7. 1 RGBを16進数で表 示 RGBを16進数で表示 zr$="&h"+mid$(iro$,2,2) zg$="&h"+mid$(iro$,4,2) zb$="&h"+mid$(iro$,6,2) iro="#FF005A" のとき、 mid$(iro$,2,2) は、 FF mid$(iro$,4,2) は、 00 mid$(iro$,6,2) は、 5A

7. 2 RGBを10進数で表 示 iro="#FF005A" のとき、 mid$() によって、 zr$="&hFF" になる。 zg$="&h00" になる。 zb$="&h5A" になる。 RGBを10進数で表示 nr=val(zr$) → nr=16x15+15=255 ng=val(zg$) → ng=16x 0+ 0= 0 nb=val(zb$) → nb=16x 5+10= 90

8. 1 画像(カラー)を赤色の みに iro="#xx????" のとき、 mid$() によって、 zr$="#xx0000" にする。 zr$="&h"+mid$(iro$,2,2) または、 zr$=mid$(iro$,1,3) forecolor=zr$+"0000" pset(x+300,0)

8. 2 画像(カラー)をモノク ロに nr と ng と nb の平均を求め、整数化する。 nx=int((nr+ng+nb)/3) nx を16進数にする。 zx$=right$("0"+hex$(nx),2) RGBをすべて同じ zx$ にして、その色を pset の座標に置く。 forecolor="#"+zx$+zx$+zx$ pset(x+300,400-y)

【演習3】 画像を2値化する 2値化とは、白か黒にする。白と黒の中間(灰 色)は使わない。 前頁の nx は、 nr と ng と nb の平均なので、 0≦ nx ≦ 255 となる。 2値化の場合、 nx を0( nx < 128 のとき) または 255 ( 128 ≦ nx ≦ 255 のとき)のどちらか にする。 BASIC の条件分岐 If nx<128 Then nx=0 Else nx=255

9.画像をぼかす n5 のまわりの画素( n1 ~ n9 )の平均を nx とする。 nx=int((n1+n2+n3+n4+n5+n6+n7+n8+n9)/9) zx$=right$("0"+hex$(nx),2) forecolor="#"+zx$+zx$+zx$ n1 : (x-1,y-1)n2 : (x,y-1)n3 : (x+1,y-1) n4 : (x-1,y) n5 : (x,y) n6 : (x+1,y) n7 : (x-1,y+1)n8 : (x,y+1)n9 : (x+1,y+1)

【演習4】 カラー画像をぼか す n5 のまわりの画素( n1 ~ n9 )について、RGBそれぞ れの平均を求める。 n1 : (x-1,y-1)n2 : (x,y-1)n3 : (x+1,y-1) n4 : (x-1,y) n5 : (x,y) n6 : (x+1,y) n7 : (x-1,y+1)n8 : (x,y+1)n9 : (x+1,y+1)

10.画像のエッジを抽出する N1 (上の画素)と n4 (下の画素)の差を nx とする。 nx=int((n1-n4)/4) zx$=right$("0"+hex$(nx),2) forecolor="#"+zx$+zx$+zx$ n1 : (x-1,y-1) n2 : (x,y-1)n3 : (x+1,y-1) n4 : (x-1,y) n5 : (x,y)n6 : (x+1,y) n7 : (x-1,y+1)n8 : (x,y+1)n9 : (x+1,y+1)

【演習5】 エッジ抽出後にぼか す エッジ抽出画像は、白黒がはっきりと描 かれている。そこで、この画像をぼかし てみよう。 元画像を左に、エッジ抽出画像を右に描 いたので、今度はエッジ抽出画像(右の 画像)をベースにして、左にぼかした画 像を描いてみよう。