์žฅ์šฉ์„ ๋ธ”๋กœ๊ทธ
๋Œ์•„๊ฐ€๊ธฐ
1 min read
์—ฌ๊ฐ€ํ™œ๋™

๋ฏธ๋“œ์ €๋‹ˆ ๋žœ๋”ฉํŽ˜์ด์ง€๊ฐ€ ๋„ˆ๋ฌด ๋ง˜์—๋“ค์–ด์„œ ๋ฌด์Šจ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ผ๋‚˜ ์ฐพ์•„๋ณด๋‹ค๊ฐ€. ํด๋กœ๋‹ํ•œ ์˜์ƒ์„ ์ฐพ๊ฒŒ๋˜์—ˆ๋‹ค.

์ด๋ถ„ ์ž‘์—…์„ ๋ณด๋‹ˆ๊น ์ฝ”๋“œ์–‘์ด ๊ทธ๋ฆฌ ๋งŽ์ง€๋Š” ์•Š์•„์„œ, ๋‚˜๋„ ํ•œ๋ฒˆ ํด๋กœ๋‹์„ ํ•ด๋ณด์•˜๋‹ค.

ํŠธ๋žœ์Šคํผ ๋กœ์ง๋งŒ ์กฐ๊ธˆ ๋ถ„๋ฆฌํ•ด๋‚ด์„œ ํŒŒ์ดํ”„๋ผ์ธํ˜•ํƒœ๋กœ ๋„ฃ์„ ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“ค์—ˆ๋‹ค. ๋งŒ๋“ ๋’ค lit element๋กœ ์ž˜ ๋ง์•„์ฃผ์—ˆ๋‹ค.

์š”๋Ÿฐ ๊ฒƒ๋“ค์„ ํ•  ์ˆ˜์žˆ๋‹ค.

๊ธฐ๋ณธ

๋ฏธ๋“œ์ €๋‹ˆ ์Šคํƒ€์ผ spiral

<AsciiElement 
  transforms={['spiral']} />
  • -----
  • spiral
  • -----
  • FPS:
  • 0.00
  • -----

spiral -> zoom -> wave

<AsciiElement 
  transforms={['spiral', 'zoom', 'wave']}/>
  • -----
  • spiral
  • zoom
  • wave
  • -----
  • FPS:
  • 0.00
  • -----

๊ธฐ๋‹ค๋ฆฌ๋‹ค ๋ณด๋ฉด ์€ํ•˜ ๋ชจ์–‘์ด๋จ

  • -----
  • hurricane
  • spiral
  • -----
  • FPS:
  • 0.00
  • -----

์ญ‰์ญ‰ ๋ช‡๊ฐœ ๋” ์ฒจ๋ถ€ํ•ด๋ณด๋ ค ํ–ˆ๋Š”๋ฐ, ๋” ๋„ฃ์œผ๋‹ˆ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ป—์œผ๋ คํ•œ๋‹คโ€ฆ ๊ทธ๋ž˜์„œ ์—ฌ๊ธฐ๊นŒ์ง€๋งŒ ํ•˜๊ฒ ๋‹ค.
๋” ์ˆ˜๋ฅผ ์ข€ ์ค„์—ฌ๋ณด๋‹ˆ๊น ๊ดœ์ฐฎ์•„์กŒ๋‹ค.
์ž˜ ๊ด€๋ฆฌํ•ด์„œ ์“ฐ๋ฉด ์žฌ๋ฏธ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.