Skip to content
Saved0

Online

Squishy Simulator: Press, Stretch & Reset

Press and stretch a virtual shape, change its color and let it return.

Format
Online
Version
v1
Size
See details below
Time
See steps
Try the interaction
Squishy studio: hero from the running application
App Capture · v1

Loading the interaction…

How to play

1. Start the virtual shape

Select Start / resume, then press and hold the shape. Releasing your pointer or key returns it to rest.

2. Use the alternate controls

Press and Stretch hold a visible state; Release returns to rest. These buttons also work with Enter or Space.

3. Choose an appearance

Choose Honey, Mint or Berry. The selection stays on this device. These colors are digital appearances, not material samples.

4. Pause and reset

Pause returns the shape to rest. Reduce motion changes its appearance without animated transitions. Reset asks before clearing the current interaction.

If something is not working

The interaction did not load

Use Restart interaction in the error panel. If it still fails, reload this page and retry. Instructions remain readable.

The browser did not enable audio

Continue silently or select Enable sound again. Audio starts only after your action; changing a volume setting does not grant browser audio permission.

Controls, screens & a short demo

Open an image to inspect it at full size. Each caption identifies its source and version.

States at a glance

Squishy studio: Start / resume moves from paused to playing; Pause stops the round. Reset asks first: confirm clears and pauses, cancel keeps the round.
Illustration · v1Start opens a round. Pause stops it. Reset asks for confirmation: confirm clears the round and pauses; cancel keeps it. Sound starts muted. Your display and sound preferences stay on this device.

On your phone

Squishy studio: mobile from the running application
App Capture · v1A real 390px viewport capture. The page continues below this first screen; scroll to reach the remaining controls.

Keyboard controls

Squishy studio: keyboard from the running application
App Capture · v1A capture after a keyboard action. Tab to a control, then use its labelled keyboard action; the focus outline shows the active control.

Reduced motion

Squishy studio: reduced motion from the running application
App Capture · v1The checked Reduced motion control shows the reduced-motion setting. A still image illustrates the controls; it does not prove animation timing.

Loading and retry

Squishy studio: actual delayed-module loading message and Retry loading control, captured during an injected test
App Capture · v1The real slow-loading message, captured with a deliberately delayed module. Retry loading reloads the interaction when your connection is ready.

Watch the demonstration

Open the video file

Squishy studio: silent, original-speed recording of the actual application controls · v1
Read the demonstration description

This silent, original-speed screen recording shows the current interaction controls. Start the round, use the labelled actions, pause, and reset only after confirmation. It does not demonstrate a physical product or play the optional sound effects.

  1. Start the virtual shape. Select Start / resume, then press and hold the shape. Releasing your pointer or key returns it to rest.
  2. Use the alternate controls. Press and Stretch hold a visible state; Release returns to rest. These buttons also work with Enter or Space.
  3. Choose an appearance. Choose Honey, Mint or Berry. The selection stays on this device. These colors are digital appearances, not material samples.
  4. Pause and reset. Pause returns the shape to rest. Reduce motion changes its appearance without animated transitions. Reset asks before clearing the current interaction.

Before you begin

  • A visual digital experience; it does not reproduce physical touch.