Motion Blur

<script src="./point_src/motion"></script>

Mimic motion blur using a set of lerped lines:

let point = new Point()
point.motion.linear(ctx)
Meta Data
title Motion Blur
dependencies ()
unused_keys ()
unknown_keys ()
filepath_exists True
path motion
filepath motion.js
clean_files ()

  • ClassDeclaration
    class comments:

    The MotionBlur class provides a point relative clean abstraction for psuedo motion blur on a single point.

    With the extended prop:

    myPoint.motion.linear(ctx)
    

    Standalone:

    const ml = new MotionBlur(myPoint)
    ml.motion.linear(ctx)
    
    • constructor

      constructor

      (
      p
      )
      from MotionBlur
      dict_keys(['kind', 'word', 'static', 'computed', 'is_symbol', 'value', 'type', 'comments', 'pos', 'class_name'])

      Create a new motion blur instance. Provide a Point instance.

      new MotionBlur(targetPoint)
      
    • method

      linear

      (
      ctx
      )
      from MotionBlur
      dict_keys(['kind', 'word', 'static', 'computed', 'is_symbol', 'value', 'type', 'comments', 'pos', 'class_name'])

      Render a linear line motion blur for a single point. The default settings are scaled to present a pleasing motion blur using two drawn lines.

    dict_keys(['kind', 'word', 'parentName', 'type', 'body', 'comments', 'pos'])
  • FunctionExpression
    prop

    Point.motion

    (
    )
    dict_keys(['type', 'id', 'generator', 'expression', 'async', 'params', 'pos', 'kind', 'word', 'comments', 'extension'])

    Get a motion blur instance for this point.

    return MotionBlur A new MotionBlur instance once.

    Get a motion blur instance for this point.

    return MotionBlur A new MotionBlur instance once.