Интерактивная научная 3D-визуализация целой живой клетки, работающая прямо в браузере. Сцена генерируется процедурно во время работы, а не проигрывается как ролик.
Что внутри:
• мембрана с белками, каналами и насосами, ядро с порами и хроматином, ЭПС, аппарат Гольджи, митохондрии с кристами, лизосомы, везикулы — у каждой группы свой генератор геометрии, материалов и поведения;
• молекулярные моторы (кинезин, динеин) идут по микротрубочкам, насосы меняют конформацию в шейдерах, броуновское движение и течение цитоплазмы;
• три режима показа (красивый, инженерный, реалистичный), послойное включение органелл, 5 типов клеток, параметры среды;
• профайлер, статистика, таблица рекордов, аккаунты (FastAPI + SQLite).
Технически: Three.js0.185, WebGPU + TSL с резервным WebGL 2 + GLSL, InstancedMesh, BufferGeometry, LOD, кэши и типизированные массивы в горячем цикле. Зафиксированный стресс-тест: 16,8 млрд треугольников за кадр, 27 млн частиц и экземпляров.
Сделано в одиночку примерно за неделю. Статья о проекте опубликована на dev.to и форуме Three.js.
Для вас: научная и инженерная 3D-визуализация, интерактивные веб-демо на Three.js/WebGPU, оптимизация тяжёлых сцен и шейдеры.
https://cellverse.devastor.com/