MONO/CHROME
SCROLL 000%
FPS --

// THREE.JS × ASCII EFFECT

Light
in Text

光と影を文字に置き換える。白と黒だけで描く、リアルタイム 3D の ASCII アート。 スクロールと動きに合わせて、背景のオブジェクトが形を変えていきます。

SCROLL

( 01 ) — ABOUT

Form is
Just Contrast

3D のモデルを描画し、その明るさを文字の濃さに変換する。
@ # % = + * : - . のたった数文字が、立体の陰影を作り出します。

WebGL でレンダリングした映像を AsciiEffect が文字へ変換。 マウスの動きとスクロール量に応じてカメラとオブジェクトが反応します。

0Characters
0FPS Target
0Colors
BlackWhiteLightShadowASCIIThree.js BlackWhiteLightShadowASCIIThree.js

( 02 ) — WORKS

Selected
Objects

( 03 ) — CONTACT

Say Hello

hello@example.com