🎬

VFX & Фізика Візуальних Ефектів

Ті самі алгоритми, що забезпечують Houdini, Blender та ігрові рушії — тканина на пружинах, SPH-рідини, позиційна фрактурна фізика та об'ємний вогонь — у реальному часі у вашому браузері.

8 симуляцій WebGL · Three.js SPH · PBD · GLSL

Симуляції категорії

Відкрийте симуляцію — вона запуститься прямо у браузері, без встановлення

🧣
Популярне★★☆ Середнє
3D Симуляція Тканини
Решітка з масовими пружинами — структурними, зсувними та згинальними. Тягніть кути, кладіть на сферу, регулюйте вітер і жорсткість — метод PBD із реальних ігрових рушіїв.
PBDSpringsThree.js
💧
Популярне★★★ Складне
SPH Симуляція Рідини
8 000 частинок під дією тиску і в'язкості Нав'є–Стокса. SPH-вирішувач — той самий алгоритм, що використовується в Houdini FLIP та Blender Mantaflow для VFX рідин.
SPHNavier-StokesWebGL
🔥
★★☆ СереднєНове
Симуляція Вогню та Диму
Ейлерова рідина з конвекційним підйомом та обмеженням вихорів, полями температури і палива. Регулюйте запалення, опір тощо для створення фотореалістичного вогню та об'ємного диму.
EulerianVorticityGLSL
💥
★★★ Складне
Фізика Фрактур і Руйнувань
Вороноєва фрактура 3D-мешів з імпульсним вирішенням обмежень через Cannon-es. Розбивайте бетонні стовпи, скляні панелі та кераміку в реальному часі.
VoronoiCannon-esImpulse
🎆
★☆☆ Легке
Феєрверки — Система Частинок
Прискорений GPU-емітер частинок з багатоетапними вибухами, загасанням слідів і адитивним змішуванням — одна з фундаментальних технік VFX для частинок.
ParticlesAdditiveThree.js
🏖️
★★☆ Середнє
Пісок та Зернисті Матеріали
Клітинний автомат з сипким піском і кількома матеріалами — пісок, вода, вогонь і нафта взаємодіють. Демонструє зернистий потік і кут виткання, що застосовується у VFX рельєфу.
CАGranularGLSL
✨
★☆☆ ЛегкеНове
Чарівний Пісок — Інтерактивна Пісочниця
Мультиматеріальна пісочниця з топографічним кольоровим відображенням. Малюйте рельєф, наливайте воду та спостерігайте за ерозією — натхненна пісочними AR-інсталяціями.
ErosionThree.jsTopo
🌊
Популярне★★☆ Середнє
Шейдер Океанських Хвиль
Спектр JONSWAP керує шейдером зміщення хвиль Герстнера у Three.js — точна техніка, що застосовується в системах води AAA-ігор та кіно CGI-океанах.
GLSLPBRGerstner

Навчальні матеріали

Статті та туторіали про алгоритми цієї категорії

Стаття SPH-Рідина з Нуля Ядра Smoothed-Particle Hydrodynamics, вирішення тиску та реалізація поверхневого натягу в JS/WebGL. → Стаття Симуляція Тканини — Метод PBD Position-Based Dynamics для тканини: дистанційні та згинальні обмеження, обробка колізій та вітрові сили. →
Всі матеріали →

Ключові Концепції

Теми та алгоритми, які ви досліджуєте в цій категорії

Інтерактивна МодельБраузерна симуляція реального часу з живими параметрами
WebGL / Canvas 2DАпаратно-прискорений рендеринг у браузері
Математична ОсноваДиференційні рівняння та чисельне інтегрування
Відкритий КодMIT-ліцензія — вивчайте, змінюйте та використовуйте
Без ВстановленняПрацює у Chrome, Firefox, Safari, Edge
Освітній ФокусПобудовано для чіткого пояснення науки

Часті Запитання

Поширені запитання про цю категорію симуляцій

Чи потрібне встановлення для симуляцій?
Ні. Кожна симуляція працює повністю у браузері за допомогою WebGL та Canvas 2D. Нічого встановлювати або завантажувати — відкрийте сторінку і симуляція запуститься негайно.
Чи можна використовувати ці симуляції для навчання?
Так — усі симуляції розроблені як освітні та не потребують облікового запису. Вони широко використовуються на університетських лекціях та уроках природничих наук.
Які пристрої підтримують симуляції?
Усі симуляції працюють у браузерах на комп'ютері (Chrome, Firefox, Edge, Safari). Багато працюють і на мобільних пристроях.

Про Симуляції Візуальних Ефектів

Частинки, вогонь, дим, руйнування та кіновиробнича фізика — у WebGL

Симуляції візуальних ефектів моделюють фізику, що стоїть за кінематографічними ефектами. Від систем частинок та дифузії диму до руйнування конструкцій та симуляції тканини.

Моделі вогню використовують адвекцію-дифузію на сітці зі стохастичним підпалом. Симуляції води розв’язують мілководні рівняння. Руйнування використовує тесселяцію Вороного.

Кожна симуляція побудована з акцентом на точність. Алгоритми VFX ідентичні тим, що використовуються в Houdini, Blender та Maya.

Інші категорії