🕹️
AE Expressions
  • What is AE Expressions?
  • Getting started with Expressions
    • Useful links
    • After Effects - Quick Expressions Library
  • Quick Tips
    • After Effects - Arm Rig
    • After Effects - Liquid Smear
    • After Effects - Dynamic Shadows
    • After Effects - Dot Display
    • After Effects Expression - Computer Type-on Animation
    • After Effects Expression - Align Elements on a Path
    • After Effects Expression - Inertial Rotation
    • After Effects Expression - Force Field
  • Advanced Projects
  • After Effects - School of Fish
  • After Effects Expression - Global Wind Controller
  • After Effects Expression - Dynamic Line Waves
  • After Effects - Abstract Space Scene
  • After Effects Expression - Connected Dots
Powered by GitBook
On this page

Was this helpful?

  1. Quick Tips

After Effects Expression - Computer Type-on Animation

This expression will create an animation that simulates a Type-on effect with a blinking cursor.

PreviousAfter Effects - Dot DisplayNextAfter Effects Expression - Align Elements on a Path

Last updated 4 years ago

Was this helpful?

Full step by step Tutorial:

Paste this code on the Source Text property:

var blinkControl = Math.sin(time*Math.PI*5);
var inTime = marker.key(1).time;
var outTime = marker.key(2).time;
var animTime = linear(time, inTime, outTime, 0, text.sourceText.length);
var animation = text.sourceText.slice(0, animTime);

if (time <= inTime) {
	(blinkControl < 0)? "|" : "";
} else {
	(time < outTime)? animation+"|" : animation;
}