navigationProcessing入門web目次1準備2最低限の知識で作るアニメーション3プログラミングの基礎技術14多彩なアニメーションを作るために4多彩なアニメーションを作るために4-1画像の利用4-2マウスやキーボードの利用4-3HSBの活用4-4日本語の使い方4-5画像の色合いの変更4-6座標軸の調整ページトップAbout4-5画像の色合いの変更プロセッシングには画像の色合を変更する機能があります。真っ黒な画面を段々と明るくして背景画像を表示させたりといったことができます。表現の幅が広がる便利な技術なので、ぜひ活用していただきたいと思います。画像の色みを設定する画像の色味をだんだんと変えていく画像に黒みをつける。画像の色みを設定するtint()という命令を使うことで、画像の色合いを設定することができます。tint();のパラメーターは順に、画像の赤み、緑の強さ、青みです。0が最低値、255が最高値です。画像の青み);tint()のパラメーターを一つだけ設定した場合は、黒みの指定になります。0が真っ黒、255はデフォルトの画像になります。tint(画像の黒み);下記のコード例でtint()の使い方を覚えましょう。tint();という命令のあとで、image();を使って画像を表示させると、tint();で設定した色味がその画像に反映されます。0);上記のようにtint(255,0,0);とすると、赤みはMAXで、緑の強さと青みは最低値となります。そのため、下記のように赤色だけで画像が表現されます。画像の色味をだんだんと変えていく下記は画像の色味をだんだんと変化せていく例です。始めは真っ黒な状態ですが、次第に画面に赤みがついていきます。}「b+=0.5」「g+=0.5」の注釈を外せば、ほかの色を使って画像の色合を変化させることもできます。上記コードは下記のように動作します。tint()のパラメーターを一つだけ設定した場合は、画像に黒みがつきます。灰色がかっていき、最後には真っ黒になります。gray-=0.5;}上記コードは下記のように動作します。PreviousNext。