Back to App

User Guide

Grid Motion Generator creates motion graphics in which shapes and lines automatically unfold across grid intersections, then exports them as MP4 or WebM video.

Quick Start

STEP 1. Play

Use the Play/Pause button (▶ / ⏸) below the canvas to control the animation.

STEP 2. Customize

Adjust the grid, rotation, speed, colors and sound from the control panel.

STEP 3. Export

Choose MP4 or WebM and press Record to download your video.

Current panel layout: Sound Effects, Canvas & Grid and Colors are followed by the collapsible Visible Shapes and Advanced Settings panels. Chains & Spawn Rates, Animation Timing and Rotation are inside Advanced Settings.

1. Sound Effects

  • Enabled: Turns sound effects on or off. Sound is off by default.
  • Sound Theme: Choose from Ambient, 8-Bit, Chime, Bubble, Click and Percussion. Percussion maps outline to conga, filled to bongo, double to maracas, dot to guiro, straight lines to kalimba and polyline bends to castanets.
  • SFX Volume: Sets output volume from 0% to 100%.
  • Visual Sync: Timing and decay vary with the symbol attribute (outline, filled, double or dot) and rotation angle.

2. Canvas & Grid

  • Resolution: Sets the canvas from 300px to 1200px using either the slider or direct number input, and determines video dimensions.
  • Grid Layout: Sets grid divisions from 3×3 to 25×25.
  • Guide Dot Size: Sets intersection-dot size. Choose 0px to hide the dots.
  • Line Width: Sets line width from 1px to 6px.

3. Chains & Spawn Rates

  • Symbol Spawn Rate: Probability of a new symbol appearing at an available intersection.
  • Line Spawn Rate: Probability of a line appearing after a symbol disappears.
  • Line Bend Points: Number of intermediate points in a polyline, from 0 to 3.
  • Max Concurrent Sequences: Sets the maximum number of active sequences from 1 to 120. High values may increase rendering load on some devices.
  • Accent Rate: Sets the probability that an element uses the accent color.
  • Overlap Frequency: Controls how often elements may cross. Set to 0 to avoid sharing intersections.

4. Colors

  • Color Settings: Choose background, grid, primary and accent colors.

5. Timing & Speed

  • Initial Symbol Scale: Starting scale of a symbol as it appears.
  • Minimum/Maximum Sequence Duration: Range of frame counts used for each sequence.
  • Line Speed Multiplier: Higher values make line drawing finish sooner.

6. Rotation

  • Rotation Rate: Probability that a symbol rotates while appearing or disappearing.
  • Minimum/Maximum Rotation: Sets the rotation range in 45° increments from 45° to 360°.

7. Visible Shapes

Open Visible Shapes to enable or disable circles, squares, triangles and inverted triangles with outline, filled, double or dot attributes, plus straight lines and polylines. Select All and Clear All are also available.

Disable every symbol and leave only Straight Line and Polyline enabled to generate line-only animations.

8. Sharing, Presets & Reset

  • Share on X: Opens an X post with a compact URL that restores the current settings. Sound on/off and SFX volume are excluded and open at their defaults.
  • With Image: Shares the current canvas image together with the settings URL through your device share sheet.
  • 10s Video: Records a ten-second clip for sharing with the settings URL. When recording finishes, press Share Video.
  • Save / Load: Exports parameters to a JSON file or restores them from a saved JSON file. Sound on/off, sound theme and SFX volume are excluded.
  • Reset Parameters: Restores every parameter to its default only after you approve the confirmation dialog.
  • Clear Canvas: Removes current canvas elements without changing parameter values.

9. Video Export & Usage

  • MP4: Encodes and downloads an H.264/AAC video with sound.
  • WebM: Exports the recording directly in WebM format.
  • Commercial Use: Generated video and audio may be used free of charge for commercial or non-commercial purposes without attribution.
© 2026 4407.jp. All rights reserved.Creator & contact: ɐuɐɯı̣ɥsoʎ (@yoshimana) ↗
Launch App