karpik.realtime
531 subscribers
55 photos
20 videos
5 files
233 links
CG трюки на грани вменяемости.
хостед бай @karpik
Download Telegram
Media is too big
VIEW IN TELEGRAM
Крутое генеративное исследование, прям в стиле радуги дизайн

https://twitter.com/onetaste108/status/1382360604267134980
Веб интерактив с диаграммой, которая "релаксится" со временем, все узлы стараются занять максимально удалённые друг от друга места, выглядит приятно и код внутри должен быть
https://observablehq.com/@sandravizmad/force-directed-layout
начнём день с ещё одной попытки читать математические формулы в статьях без запинок
https://github.com/Jam3/math-as-code
JS библиотека, позволяющая встроить Fragment shader в веб с минимумом телодвижений - нужна только указать ссылку на скрипт и сам код шейдера в стандартном теге x-shader/x-fragment

https://medium.com/@y.teraoka8/embed-ray-marching-in-your-website-using-only-html-afc1c01f1f4
Удобный преемник GLSL Sandbox, тут можно разрабатывать шейдера в браузере и даже устраивать стримы https://twigl.app/
абсолютно чудесно: манга про принцип работы мобильных графических чипов https://bit.ly/3o48itf
рендер в играх (вероятно вот вот уже) выходит на хороший уровень: в Ride 4 для ps5 риалтаймовое окружение почти не отличается от реального, только персонажка (и в данном случае приборная панель байка) палят и тянут качество вниз.
хайполи ето сложна


https://youtu.be/S3DEM6XDDTk

вот тут совсем неотличимо https://youtu.be/RsJ26lmXHLk

дисклеймер: даже не думайте так делать в жизни, у меня всё тело заныло от одного только просмотра
realtime conversations with no context
Если в рендере участвуют только частицы фиксированного размера (желательно в один пиксель), то можно обойтись вообще без вертекс шейдера и растеризации, картинку можно отрисовывать одним compute шейдером.

При таком подходе рендер будет заметно быстрей в ситуациях когда много частиц сосредоточены в одной области, подробности + веселье с упаковкой трёх float16 в два int32 тут: https://miketuritzin.com/post/rendering-particles-with-compute-shaders/
У кого какие мнения про ноутбуки framework?
https://frame.work/
(понятно, что не в контексте риалтайм видео, а лэптоп для офисных/программистских задач)

для контекста,
обзор Лайнуса:
https://youtu.be/0rkTgPt3M4k

анпакинг от русского CG инженера: https://youtu.be/KeFlT8wbN9k
This media is not supported in your browser
VIEW IN TELEGRAM
в посте выше автор создаёт такую сцену, описывает принцип симуляции и создание визуальных эффектов вроде каустики на дне
This media is not supported in your browser
VIEW IN TELEGRAM
чудесный подгон от спейсфиллера - основы симуляции биологических организмов

https://notes.spacefiller.space/living-wall/
Интерактивная демка состояний WebGL при рендеринге:
https://webglfundamentals.org/webgl/lessons/resources/webgl-state-diagram.html#no-help


(и вообще весь сайт набит прекрасными статьями, webglfundamentals.org)
Допустим, вы решили написать свой рейтрейсер господи, зачем
Чеклист необходимых программных компонентов, который вам понадобится:

https://sergeyreznik.github.io/rtcode/index.html