Зарезервирован [Udemy] Three.js Shading Language and Signed Distance Fields [ENG-RUS]

Three.js Shading Language (TSL) и поля расстояний со знаком
"Udemy" на русском


​

Автор: Sean Bradley

Год: 2025

Продолжительность курса: 5 часов 30 минут

Язык: Английский

Программное обеспечение: Three.js, Three.js Shading Language

Three.js Shading Language (TSL) — это фреймворк, созданный для упрощения разработки шейдеров в экосистеме Three.js.

Поля расстояний со знаком — это способ отрисовки сцен и анимаций, преимущественно с использованием математических функций.

С помощью полей расстояний со знаком можно нарисовать практически что угодно, а TSL делает этот процесс более доступным для разработчиков, особенно для тех, кто не обладает глубокими знаниями в области низкоуровневого GLSL, WGSL или программирования графики.

Используя систему нодового графа шейдеров TSL, разработчики могут создавать и управлять шейдерами, не прибегая к написанию сложного кода GLSL или WGSL вручную.

TSL не зависит от рендера, то есть шейдеры, созданные с его помощью, работают без проблем с различными бэкендами рендеринга, такими как WebGL и WebGPU.

Поскольку TSL написан на уровне слоя JavaScript или TypeScript вместе с вашим существующим кодом Three.js, вы сможете воспользоваться преимуществами, предоставляемыми вашей IDE, такими как автодополнение кода IntelliSense, форматирование кода и линтинг. Ваш итоговый продакшен код также может выиграть от tree shaking, предоставляемого вашим сборщиком.

Спойлер: Оригинальное описание

Three.js Shading Language (TSL) is a framework built to simplify shader development within the Three.js ecosystem.

Signed Distance Fields are a way to draw scenes and animations predominantly using mathematical functions.

You can draw anything with Signed Distance Fields, and TSL makes that more accessible for developers, especially those without deep knowledge of low-level GLSL, WGSL or graphics programming.

By using TSL's node-based shader graph system, developers can create and manage shaders without needing to write complex GLSL or WGSL code manually.

TSL is renderer-agnostic, meaning shaders created with it work seamlessly across different rendering backends like WebGL and WebGPU.

Since TSL is written at the Javascript or TypeScript layer, along side your existing Three.js code, you will be able to benefit from the features provided by your IDE, such as IntelliSense code completion, code formatting and linting. Your final production code can also benefit from tree shaking provided by your bundler.

Thanks for taking part in my Three.js Shading Language (TSL) and Signed Distance Fields course.

Страница курса:

Курс зарезервировал Harbinger, начнет переводить когда запишутся 45-50 человек