BD fire-paper-loader

Создайте кольцевой индикатор загрузки в виде горящей бумаги, пламя которого GLSL рисуется Worker'ом на OffscreenCanvas, начиная с головы, чтобы основной поток, заблокированный сборкой страницы, не мог его заморозить, с подсчетом прогресса, равномерным переходом к передаче и чистым затуханием до страницы. Охватывает поток углей и градиент углей, пористый уголь, запуск Worker'а, параллельную компиляцию шейдеров с ожиданием прогрева на 1 пиксель, передачу без задержек, уменьшенное движение и поведение скрытой вкладки. Используйте для экрана загрузки, прелоадера, загрузчика страницы, заставки, «растопки», загрузчика горения, кольца углей, отверстия в горящей бумаге, загрузчика огня или загрузчика, который должен продолжать работать, пока тяжелый JavaScript, Three.js или сборка шейдеров блокируют основной поток.

машинный переводПоказать оригиналСкрыть оригинал«Build a burning-paper ring loader whose GLSL flame is drawn by a Worke…»

Build a burning-paper ring loader whose GLSL flame is drawn by a Worker on an OffscreenCanvas started from the head, so a main thread blocked by the page build cannot freeze it, with a progress count, an even-paced run into the hand-off, and a clean fade to the page. Covers the ember thread and ember gradient, porous char, worker start-up, parallel shader compile with a waited 1-px warm-up draw, hand-off without a stall, reduced motion and hidden-tab behaviour. Use for a loading screen, preloader, page loader, splash, "kindling", burn loader, ember ring, burning paper hole, fire loader, or a loader that must keep moving while heavy JavaScript, three.js or shader builds hold the main thread.

Создайте кольцевой индикатор загрузки в виде горящей бумаги, пламя которого GLSL рисуется Worker'ом на OffscreenCanvas, начиная с головы, чтобы основной…

Как процесс D 43/100 · Процесс не доведён — слабые места: результат и критерий готовности, когда включается, входы и предусловия