«Плавающая рыбка»

Аквариум с ночным подводным фоном и песчаным дном. По сцене плавает рыбка, нарисованная кривыми Безье и прямыми линиями: тело — эллипс, хвост и плавник — треугольники, глаз — окружности. Анимация построена на "requestAnimationFrame" с расчётом дельты времени, поэтому движение не зависит от частоты кадров. Рыбка движется по горизонтали и автоматически разворачивается у границ аквариума, а иллюзию взмахов плавников создаёт смена двух спрайтовых кадров. Со дна поднимаются пузырьки — массив случайных точек разного размера и скорости; достигнув верхней границы, каждый пересоздаётся снизу с новыми параметрами. Управление анимацией — кнопки «Старт» и «Стоп».