Публикации по теме 'rendering'
Виртуальный DOM и основная проблема, которую он решает
Виртуальный DOM — одна из основных концепций, представленных React. Как фронтенд-инженер, важно понимать его внутренний рабочий процесс и проблемы с производительностью, которые React решает по сравнению с нативным JS. В этой статье мы углубимся в корень проблемы и метод, который предлагает React.
Рендеринг страницы
Напомним высокоуровневый обзор процесса рендеринга в браузере.
Во-первых, содержимое HTML и CSS передается в соответствующие синтаксические анализаторы для..
Трассировка пути с помощью Poplar
В последние годы наблюдается всплеск нового оборудования для искусственного интеллекта (ИИ), в первую очередь предназначенного для обучения/вывода на основе глубокого обучения (ГО). Подавляющее большинство из них представляют собой узкоспециализированные процессоры, часто предназначенные для ускорения матричного умножения или свертки: по сути, они имитируют графические процессоры, но лишены всех графических и вычислительных возможностей общего назначения. С другой стороны, графические..
Расширенный современный OpenGL: объекты буфера хранилища шейдеров (SSBO)
Это часть серии руководств по продвинутому современному OpenGL. Чтобы использовать все функции в полной мере, вам понадобится OpenGL 4.6. В этих статьях предполагается, что вы знакомы с OpenGL.
При написании графического кода, использующего OpenGL, в конце концов мы достигаем стадии, когда нам нужен гибкий способ чтения и записи в память графического процессора способами, которые лучше всего подходят для нашего приложения. Здесь в игру вступает объект буфера хранения шейдеров (SSBO)...
Стратегии рендеринга NextJS
NextJS — это платформа на основе ReactJS для создания веб-приложений. Это поможет вам создавать пользовательские интерфейсы с использованием компонентов React
Примечание. В этой статье рассматриваются только подходы к рендерингу NextJS. Если вы хотите ознакомиться со стандартными методологиями рендеринга, вы можете обратиться к этой статье: Стратегии рендеринга пользовательского интерфейса .
NextJS использует несколько стратегий рендеринга для создания, доставки и рендеринга..
10-минутный фильм о космической битве в 1000 строк кода: Часть 1. Симулятор
500 космических кораблей, вращающаяся космическая станция, планета, звезды, лазеры и взрывы. Никакого редактирования видео или 3D, только код.
Введение
Я большой поклонник космических сражений в кино. Их весело смотреть. Тем не менее, в основном они относительно короткие, с несколькими размытыми космическими кораблями. Поэтому я решил создать свой собственный.
Секрет функции рендеринга React
Различие между вызовом функции рендеринга и фактическим повторным рендерингом
Недавно я написал статью о React-Redux и React Thunk и получил много отзывов и вопросов.
Большинство этих вопросов касалось эффективности моего подхода. Все говорили, что использование контекста React приведет к ненужному повторному рендерингу для его потребителей.
Я создал простой тест, поместив console.log в функцию рендеринга и наблюдая за ней. Я обнаружил кое-что интересное - на самом деле это..
Оптимизация теней в Unity
У нас есть система проецируемых теней, которую мы используем в некоторых наших играх. Очень похоже на карту теней, она включает рендеринг объектов с точки зрения источника света, а затем проецирование теней от этого источника на сцену.
В некоторых наших играх полнофункциональное решение для отображения теней Unity является излишним - мы не хотим визуализировать динамические тени для всего, а только для небольших объектов в сцене. Мы также хотим большего контроля над тем, как мы..
