デバイスを縦にしてください。
当サイトは縦画面での閲覧を推奨しています。

Please rotate your device.
This site is best viewed in portrait mode.

Tonami Komuro - Web Creator Portfolio

portfolio tonami komuro

portfolio tonami komuro

project

textural typography

2025

Visit the Website (opens in new tab)

[ information ]

Genre:
Creative Coding
Technologies:
JavaScript, Three.js, WebGL, GLSL, Canvas2D
Tools:
imageFX

[ description ]

- English -

Overview

An interactive work that pixelates and displays text using Canvas2D. Each particle is assigned different textures based on themes, allowing you to enjoy characters with various visual expressions.

Interactive Experience

The text input feature allows you to freely enter any words you like. Even with the same word, when the constituent particles and textures change, the impression and perceived meaning of the word can feel completely different. I believe this demonstrates that text is not merely a means of information transmission, but also serves as a visual expression medium.

Technical References

3D Typing Effects with Three.js | Codrops

- Japanese -

概要

Canvas2Dを使用してテキストを粒子化(ピクセル化)し、表示するインタラクティブ作品です。 各粒子にはテーマごとに異なるテクスチャが割り当てられており、多様なビジュアル表現の文字を楽しむことができます。

インタラクティブな体験

テキスト入力機能により、好きな言葉を自由に入力して楽しめます。 同じ言葉でも、構成される粒子やテクスチャが変化することで、言葉の印象や意味の受け取り方まで違って感じられるのが興味深いポイントです。これは、文字が単なる情報伝達手段ではなく、視覚的な表現媒体でもあるということだと思います。

技術参考

3D Typing Effects with Three.js | Codrops

textural typography screenshot1
Typing text input

[ images ]

  • textural typography screenshot2
    Theme: Bubble
  • textural typography screenshot3
    Theme: Magic
  • textural typography screenshot4
    Theme: Light
  • textural typography screenshot5
    Theme: Music
  • textural typography screenshot6
    Theme: Snow
  • textural typography screenshot7
    Theme: Art
  • textural typography screenshot8
    Theme: Swirl
  • textural typography screenshot9
    Theme: Eye
©2025 Created by Tonami Komuro