Частичные вау-эффекты: о магии простыми словами

[bgnx]

Мы не сможем на среднем ноутбуке рассчитывать весь экран по одному пикселю и иметь при этом хотя бы 30fps, не говоря уже о 60

Вы ошибаетесь, вы выбрали неправильную технологию — с 2d канвасом оно конечно будет дико тормозить. Но если взять webgl то все будет летать и можно хоть каждый пиксель экрана вычислять на 60 fps в шейдере. А все потому что в случае с 2d-контекстом канваса браузеру нужно отрендерить все пиксели на процессоре а потом передать весь массив пикселей на видеокарту, в то же время с webgl браузеру нужно передать на видеокарту только данные а все вычисления и рисование пикселей происходит на видеокарте.
Вот пример вычисления каждого пикселя в шейдере, а здесь полноценные частицы с логикой

[sfi0zy]

базовый подход к созданию анимаций из частиц в 2d и посмотрим пару практических примеров, не углубляясь в низкоуровневые оптимизации

Вы правы относительно производительности с использованием видеокарты, но тут речь о чем-то простом, не требующем дополнительной подготовки. О том, что можно взять и сделать. О том, что поймут коллеги. WebGL — это мощный инструмент, но он не для начинающих.