Ныряем вглубь: от CSS до транзистора

Отличная статья. Интересная техно экскурсия получилась.
Сразу вспомнилась заставка из фильма матрица 2. Сначала мелькают какие-то вспышки сигналов, потом иероглифы разных масштабов которые превращаются в часы.

Анимашки просто супер — всё доступно и понятно! ))
Спасибо большое!

Тут авторы используют приближенные вычисления и получают магическую константу альфа:
const Float alpha = Float(0.55191497064665766025);

Тут дело в том, что воспроизвести кривыми Безье математически строгую окружность невозможно, не умеют они этого. Но можно нарисовать приближенно, с достаточной для практики точностью. То есть единственно-верного значения alpha не существует.

Я как-то решал для себя эту задачу и получил почти то же самое значение (отличие в 3 знаке после запятой). Авторы статьи, на которую ссылается FF, похоже, подбирали коэффициент для минимизации погрешности по всей длине дуги. А я пошёл по самому простому пути «в лоб» — подобрал альфу так, чтобы на окружность точно попала средняя точка дуги (45 градусов). В этом случае вычисления получаются очень простые, потому что параметр t для всех отрезков будет 0.5, то есть координаты точек можно тупо усреднять.


Принцип построения кривых Безье с анимированными картинками есть в Википедии

Отличная статья. Вначале я решил что будет экскурсия в историю, но автор зашел совершенно с другой стороны.

Статья хороша, но с арифметикой (ее реализацией в железе) и так все понятно. Мне вот всегда было интересно, как в железе устроен конвейер, как процессор «выбирает», «перекодирует», «исполняет». То есть, как получается переход от статической логики к некоторым действиям.