ASMR animations are visual creations designed to evoke Autonomous Sensory Meridian Response (ASMR)—a tingling sensation often triggered by specific sounds, visuals, or tactile experiences. These animations typically feature soothing, repetitive movements, like brushing, tapping, or flowing liquids, paired with calming sound effects. The goal is to create a relaxing and immersive experience for viewers, often used to reduce stress or aid sleep. They're like a visual lullaby for your senses.
This software was created using Vibe Coding by a Large Language Model LLM / chatbot
and reworked in look & feel.
Some features had to be implemented manually and
corrections and improvements had to be made.
The following Vibe Coding prompts were used on DeepSeek:
"Create a single page website with javascript. Include a canvas with a satisfying simulation. Let the
canvas show an outer circle. Fill the circle with a color pattern, produced by sine cosine functions. In
the circle there is a ball jumping around. Let the ball clear the color pattern on its path. Put html,
javascript, css in a single file"
"Do not animate the color pattern.
Also let the ball start from a
random position. Do not use an
extra circle for clearing instead
use the ball area."
"When the ball clears the background
let it white so it leaves a white path."
"Remove the mouse action. Add a
slider to control the ball speed.
Add a slider to change the border
color of the ball from black to
white with rainbow colors in
between."
"Add a restart button. also let the
last color in the color slider be
pure white. Add a slider to control
the ball border width. When the
ball hits the wall play a sound."
"When restarting the simulation,
keep the slider values. Add
another slider that controls the
gravity influence for the ball from
0 to strong. Let the ball move
according to the gravity. Add
another slider to control the
randomness of the bounce from 0
to strong."
"The ball must not loose energy.
The audio does not work use a
audio buffer for the sound no
source. Also add an animation
slider that animates the border
color slider back and force with a
sinus curve. The animation slider
controls the animation from none
to full speed. If animation is none
the user can set the border color
slider otherwise the border color
slider is disabled."
"Set the sound frequency
according to the bounce angle
and the volume according to the
hit speed."
"The ball must not loose energy
with gravity. Somehow it's getting
slower and slower when gravity is
on. Also when the border color is
white, that is the border slider is to
the right, then draw a black
border and when the ball moves
one step a white border so it
looks like the ball is moving."
"The bounce angle is computed
wrong. Set the initial speed
according to the speed slider"
"Let the ball start from a random
position. Add 5 preset buttons
numbered 1 to 5. Also add a
checkbox to set the preset. When
the checkbox is checked and a
preset button is pressed the slider
settings are stored. When the
checkbox is unchecked and a
preset button is pressed the slider
values are set to this preset while
the animation keeps running. Do
not restart upon preset press."
