このプログラムは、アップロードした写真を「繊維感や紙の厚み・透過性を持つ紙に印刷したような質感」でリアルタイム表示するWebアプリケーションです。
機能
- 画像アップロード:JPEG画像を選んで紙質感表示
- ズーム機能:マウスホイールで拡大・縮小
質感表現(GLSLシェーダー技術)
- パーリンノイズによる繊維感:数学的なノイズ関数で自然な紙の繊維や厚みのムラを表現
- 厚みノイズによる透過・散乱表現:ノイズ値を紙の厚みとみなし、薄い部分は光がよく透け、厚い部分は透けにくい物理的な透過感を再現
- 透過光のぼかし(散乱):透過光は周囲の色をぼかして加算し、紙の中で光が拡散する柔らかい雰囲気を演出
- 紙の色表現:カラーピッカーや色合いスライダーで、紙の白さや経年変化による色味を調整可能
- 乗算合成+透過合成:写真と紙の質感を乗算合成し、さらに透過光を加算することで、繊維質感のある紙に印刷したような自然な表現を実現
写真のディテールを最優先しつつ、紙の厚みや繊維のムラによる透過・散乱効果を加え、より現実の繊維質感印刷に近い質感を再現しています。
紙の白さや色合い、印刷の濃淡を調整することで、さまざまな紙質感や印刷表現をお楽しみいただけます。