2008後期
情報グラフィックス論�U
担当　鳥海有紀

プログラムを書く1 - 図形を描く -

    size(200,300);
    line(0, 0, 50, 50);

  size ( 100, 200 ) ;

  line(0, 0, 50, 50);

トップへ

その他の描画関数

processingではこの他にもさまざまな描画関数が用意されている。 詳しくはリファレンスを参照のこと。 下にはそのうち主なものを挙げる。

  rect(x, y, width, height);

長方形を描く。 x、yは長方形の左上の頂点の座標を指定する。

  triangle(x1, y1, x2, y2, x3, y3);

三角形を描く。 引数には三角形の頂点の座標を指定する。

  ellipse(x, y, width, height);

楕円（円）を描く。x、yは楕円（円）の中心座標を指定する。width、heightには楕円（円）の幅と高さを指定する。幅と高さを同じにすると円になる。

  arc(x, y, width, height, start, stop);

扇形を描く。nofill()を指定すると楕円（円）弧を描くこともできる。 x、yは楕円（円）の中心座標を指定する。 width、heightには楕円（円）の幅と高さを指定する。 幅と高さを同じにすると円になる。 start、stopには扇形（楕円弧）を描き始める角度と描き終わる角度を指定する。

  stroke(graycolor);
  stroke(r, g, b);
  stroke(r, g, b, alpha);

線分の色を指定する。 引数が１つの場合はグレースケールの値、３つの場合はRGBの値を指定する。 透明度を指定する場合はalphaに設定する。 線分（エッジ）を表示しない場合はnostroke()を使用する。

  fill(graycolor);
  fill(r, g, b);
  fill(r, g, b, alpha);

塗りつぶしの色を指定する。 塗りつぶさない場合はnofill()を使用する。

コンピュータで扱う情報の単位

コンピュータをはじめとするデジタル機器は、あらゆる情報をすべて01001100…といった0と1の並びに置き換えて処理している。

bitとByte

0か1、つまり2進数の1桁を1bit(ビット)と呼び、これがコンピュータにおける情報の最小単位である。 1bitでは、0か1の2種類の情報を区別して扱うことができる。 さらに、8bitをひとまとめにして1Byte (バイト)と呼ぶ。 1バイトでは2⁸=256種類の情報を区別して扱うことができる。 また、バイトは2¹⁰=1024（≒1000）ずつに区切って1単位にしている。

        1024Bytes  = 1KByte（キロバイト）
        1024KBytes = 1MByte(メガバイト)
        1024MBytes = 1GByte(ギガバイト)
        1024GBytes = 1TByte(テラバイト)

文字の情報量

文字情報をコンピュータで扱うために、コンピュータ内部では一つ一つの文字についてそれぞれ異なる0と1の並びに置き換えている。 どの文字についてどのような010100…の並びにするかについて取り決めた対応関係をコードと呼び、さまざまな種類のコードが取り決められている。 文字種類の少ない英語は１文字1バイト、漢字やかなを区別する日本語では1文字２バイト(256*256=65536種類)を使って表現する。1.44MBytesの容量を持つ3.5inchフロッピーディスクには、概ね英語なら1400万文字、日本語なら70万文字分の文字情報を記録することが出来る。

画像の情報量

コンピュータで扱う画像は全てデジタル化されている。 デジタル画像は画素で構成されている。 標準的なモニター画面は最大1280x1024（横x縦)画素ある。 カラーの場合、1画素の表示に3バイト必要である。 モニターに表示された情報は最大3,932,160バイト（約3.9MByte）である。

コンピュータでの色の表現方法

コンピュータの色表現は混色を使っている。 混色には、加法混色と減法混色がある。 加法混色は光の三原色（赤：Ｒ、緑：Ｇ、青：Ｂ）を使い、色を混ぜるごとに明るさが増して白に近づく。 減法混色は色の三原色（シアン：Ｃ、マゼンダ：Ｍ、イエロ：Ｙ）を使い、色を重ねていくと黒に近づく。 モニターには加法混色、プリンタには減法混色が使われている。

色表現でもビット（バイト）が使われる。赤（Ｒ）、緑（Ｇ）、青（Ｂ）それぞれを256段階に分割し、各色の混ぜ合わせる割合を指定して表示する色を決める。 この方法で約1667万色（= 256 x 256 x 256）を表示できる。

トップへ