Yotsuba Games
Back to Node List

Text Animate By Glyph

text_animate_by_glyph

Applies staggered per-glyph translate, scale, opacity, wave, and bounce animation

Draft
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

NameTypeDescription
ćƒ¬ć‚¤ć‚¢ć‚¦ćƒˆ
layout
TextLayout
Required
1ę–‡å­—å˜ä½ć§å¤‰å½¢ć™ć‚‹ TextLayout

Output Ports

NameTypeDescription
ćƒ¬ć‚¤ć‚¢ć‚¦ćƒˆ
layout
TextLayout
1ę–‡å­—ć”ćØć®å¤‰å½¢ēŠ¶ę…‹ć‚’ę›“ę–°ć—ćŸ TextLayout

Parameters

NameTypeDefaultRangeDescription / Options
é€²č”Œåŗ¦
progress
Float
10–1 / step 0.01

éøęŠžć—ćŸę–‡å­—ēÆ„å›²ć«åÆ¾ć™ć‚‹ę­£č¦åŒ–ć‚¢ćƒ‹ćƒ”ćƒ¼ć‚·ćƒ§ćƒ³é€²č”Œåŗ¦

å…ˆé ­ę–‡å­—
first_glyph
Int
00–4096

ć‚¢ćƒ‹ćƒ”ćƒ¼ć‚·ćƒ§ćƒ³åÆ¾č±”ć«å«ć‚ć‚‹å…ˆé ­ę–‡å­—ē•Ŗå·ļ¼ˆ0 = 1文字目)

ęœ«å°¾ę–‡å­—
last_glyph
Int
40960–4096

ć‚¢ćƒ‹ćƒ”ćƒ¼ć‚·ćƒ§ćƒ³åÆ¾č±”ć«å«ć‚ć‚‹ęœ«å°¾ę–‡å­—ē•Ŗå·

逆順
reverse
Bool
false—

éøęŠžć—ćŸę–‡å­—ēÆ„å›²ć‚’ęœ«å°¾ć‹ć‚‰å…ˆé ­ćøå‘ć‹ć£ć¦ć‚¢ćƒ‹ćƒ”ćƒ¼ć‚·ćƒ§ćƒ³ć—ć¾ć™

1文字遅延
stagger
Float
00–0.5 / step 0.01

åÆ¾č±”ēÆ„å›²ć®å„ę–‡å­—ć«é †ē•Ŗć«čæ½åŠ ć™ć‚‹ę­£č¦åŒ–é…å»¶é‡

開始Xć‚Ŗćƒ•ć‚»ćƒƒćƒˆ
translate_x
Float
0-128–128 / step 1

é–‹å§‹ę™‚ć«é©ē”Øć—ć€é€²č”Œć«åæœć˜ć¦ 0 ćøęˆ»ć‚‹ęØŖć‚Ŗćƒ•ć‚»ćƒƒćƒˆ

開始Yć‚Ŗćƒ•ć‚»ćƒƒćƒˆ
translate_y
Float
0-128–128 / step 1

é–‹å§‹ę™‚ć«é©ē”Øć—ć€é€²č”Œć«åæœć˜ć¦ 0 ćøęˆ»ć‚‹ēø¦ć‚Ŗćƒ•ć‚»ćƒƒćƒˆ

é–‹å§‹ć‚¹ć‚±ćƒ¼ćƒ«
start_scale
Float
10.05–4 / step 0.05

é€²č”Œåŗ¦ 0 ć§é©ē”Øć—ć€é€²č”Œć«åæœć˜ć¦ 1.0 ćøęˆ»ć‚‹ć‚¹ć‚±ćƒ¼ćƒ«

é–‹å§‹äøé€ę˜Žåŗ¦
start_opacity
Float
10–1 / step 0.01

é€²č”Œåŗ¦ 0 ć§é©ē”Øć—ć€é€²č”Œć«åæœć˜ć¦ 1.0 ćøęˆ»ć‚‹äøé€ę˜Žåŗ¦

ę³¢ć®é«˜ć•
wave_y
Float
0-64–64 / step 1

ć‚¢ćƒ‹ćƒ”ćƒ¼ć‚·ćƒ§ćƒ³äø­ć«čæ½åŠ ć™ć‚‹ć‚µć‚¤ćƒ³ę³¢ć®ēø¦ęŗć‚Œé‡

ę³¢ć®å‘ØęœŸę•°
wave_cycles
Float
10–8 / step 0.25

0..1 ć®é€²č”Œåŗ¦å…Øä½“ć§ä½•å‘ØęœŸć¶ć‚“ę³¢ć‚’é€²ć‚ć‚‹ć‹

ćƒć‚¦ćƒ³ć‚¹é«˜ć•
bounce_y
Float
00–128 / step 1

å„ę–‡å­—ć®ćƒ­ćƒ¼ć‚«ćƒ«é€²č”Œåŗ¦ć«ę²æć£ć¦ 1 å›žć ć‘äøŠćøč·³ć­ć‚‹é‡

ć©ć†č€ƒćˆć‚Œć°ć„ć„ļ¼Ÿ

  • TextLayout ćÆć€Œć©ć“ć«ę–‡å­—ć‚’ē½®ćć‹ć€ć‚’ęŒć¤
  • TextAnimateByGlyph ćÆć€Œćć®ę–‡å­—ć”ćØć«ć©ć†å‹•ć‹ć™ć‹ć€ć‚’äøŠę›øćć™ć‚‹
  • ęœ€å¾Œć« TextRasterize v2 悄 TextOutline ć§ē”»åƒćøē„¼ć

1ę–‡å­—å˜ä½ć®č€ƒćˆę–¹

  • v1 恮 glyph は実質 1ę–‡å­—å˜ä½
  • å…ˆé ­ę–‡å­— = 0 は 1文字目
  • ęœ«å°¾ę–‡å­— ć®äøŠé™ćÆć€å…„åŠ›ć•ć‚ŒćŸ TextLayout ć®ę–‡å­—ę•°ć«åˆć‚ć›ć¦č‡Ŗå‹•čŖæę•“ć•ć‚Œć‚‹

é€²č”Œåŗ¦ć®č€ƒćˆę–¹

  • progress は 0..1
  • åÆ¾č±”ę–‡å­—ę•°ćŒ 11 文字なら、1 ę–‡å­—åˆ»ćæćÆ 1 / 11
  • stagger 悒 0 ć‚ˆć‚Šå¤§ććć™ć‚‹ćØć€å„ę–‡å­—ć«é †ē•Ŗć«é…å»¶ćŒä¹—ć‚‹

ęŠ€č”“č©³ē“°

  • ć“ć®ćƒŽćƒ¼ćƒ‰ćÆ TextLayoutGlyph.visible / opacity / translate / scale ć‚’ę›“ę–°ć—ćŸę–°ć—ć„ TextLayout を返す
  • translate_x / translate_y ćÆć€Œé–‹å§‹ä½ē½®ć‹ć‚‰å…ƒć®ä½ē½®ćøęˆ»ć‚‹ć€č£œé–“ćØć—ć¦ä½æć†
  • start_scale / start_opacity ć‚‚ć€Œé–‹å§‹ēŠ¶ę…‹ć‹ć‚‰é€šåøøēŠ¶ę…‹ćøęˆ»ć‚‹ć€č£œé–“ćØć—ć¦ä½æć†
  • wave_y ćÆé€²č”Œäø­ć«ć‚µć‚¤ćƒ³ę³¢ć‚Ŗćƒ•ć‚»ćƒƒćƒˆć‚’čæ½åŠ ć™ć‚‹
  • bounce_y は各文字ごとに 1 å›žć ć‘å±±ćŖć‚Šć®ēø¦ćƒć‚¦ćƒ³ć‚¹ć‚’čæ½åŠ ć™ć‚‹
  • TextRasterize v2 / TextOutline 偓で translate / scale / opacity ć‚’čŖ­ć‚“ć§ęē”»ć™ć‚‹
  • å‡ŗåŠ› TextLayout は Inspector 恮 ę–‡å­—ćƒ¬ć‚¤ć‚¢ć‚¦ćƒˆļ¼ˆćƒ‡ćƒćƒƒć‚°ļ¼‰ 恧 glyph index / bbox ć‚’ē¢ŗčŖć§ćć‚‹

使用例

[Text Input] -> [Text Layout] -> [ę–‡å­—ć‚¢ćƒ‹ćƒ”ćƒ¼ć‚·ćƒ§ćƒ³] -> [ćƒ†ć‚­ć‚¹ćƒˆē”»åƒåŒ–] -> [Preview]
[Text Input] -> [Text Layout] -> [ę–‡å­—ć‚¢ćƒ‹ćƒ”ćƒ¼ć‚·ćƒ§ćƒ³] -> [ę–‡å­—ć‚¢ć‚¦ćƒˆćƒ©ć‚¤ćƒ³] -> [Preview]
Back to Node List
Text Animate By Glyph — PixPipeline Node Reference