Как только луч оказался ниже поверхности, отрезок между двумя последними шагами двенадцать раз делится пополам. Выходит около сорока вычислений функции высоты вместо трёхсот тысяч проверок пересечения. Та же функция строит и саму землю, и туман над ней, поэтому разойтись с поверхностью она не может по построению.

Самый эффектный элемент сцены сделан инструментом, который знает любой фронтендер.

Высота блока со сценой — четыре экрана, а холст внутри прилипает к верху окна и никуда не едет. Прокрутка делится на эту высоту и превращается в число от нуля до единицы. Больше в сцене нет ничего, что зависело бы от страницы.

Камера идёт не по прямой между точками, а по кривой Катмулла-Рома: она проходит ровно через заданные позиции, но скругляет углы между ними. Точек всего четыре, и отдельная такая же кривая ведёт цель, на которую камера смотрит. Поэтому взгляд не дёргается в момент, когда объект уходит из центра кадра.

На отметке 0.24 включается переход. Кадр читается четырнадцать раз со смещением к центру и складывается: получается смаз лучами, как при резком наезде. Одновременно снизу поднимается заливка, граница которой наклонена и изломана двумя слоями шума, поэтому ползёт она рваным краем, а не линейкой.

Это единственный самописный шейдер во всём проекте. Всё остальное — готовые эффекты из библиотеки, собранные в цепочку.

Переход, который вы только что прошли, это одна переменная.