Media is too big
VIEW IN TELEGRAM
Крутое генеративное исследование, прям в стиле радуги дизайн
https://twitter.com/onetaste108/status/1382360604267134980
https://twitter.com/onetaste108/status/1382360604267134980
Веб интерактив с диаграммой, которая "релаксится" со временем, все узлы стараются занять максимально удалённые друг от друга места, выглядит приятно и код внутри должен быть
https://observablehq.com/@sandravizmad/force-directed-layout
https://observablehq.com/@sandravizmad/force-directed-layout
Observable
FORCE DIRECTED LAYOUT
Trying to get my head around the beautiful force layout. The force layout is the most complicated of the non-hierarchical layouts. It lets you draw complex graphs using physical simulations. D3’s force layout Credits to Julien for creating the original one.…
Тем временим в Анриле уже несколько лет есть встроенный path tracer. что? да! берёшь и рендеришь, бес - плат - но
https://www.youtube.com/watch?v=X5zVhc5ahl0
https://www.youtube.com/watch?v=X5zVhc5ahl0
YouTube
PATH TRACER Explained - Unreal Engine's Underrated Tool
The first 1,000 people to use this link will get a 1 month free trial of Skillshare: https://skl.sh/williamfaucher08211
This tutorial is all about the new & improved Path Tracer renderer in Unreal Engine 4.27. This is a pretty condensed video but will cover…
This tutorial is all about the new & improved Path Tracer renderer in Unreal Engine 4.27. This is a pretty condensed video but will cover…
начнём день с ещё одной попытки читать математические формулы в статьях без запинок
https://github.com/Jam3/math-as-code
https://github.com/Jam3/math-as-code
GitHub
GitHub - Experience-Monks/math-as-code: a cheat-sheet for mathematical notation in code form
a cheat-sheet for mathematical notation in code form - Experience-Monks/math-as-code
JS библиотека, позволяющая встроить Fragment shader в веб с минимумом телодвижений - нужна только указать ссылку на скрипт и сам код шейдера в стандартном теге
x-shader/x-fragment
https://medium.com/@y.teraoka8/embed-ray-marching-in-your-website-using-only-html-afc1c01f1f4Medium
Embed Ray Marching in your website using only HTML
Just put the Fragment Shader in the <ray-marching> tag.
Удобный преемник GLSL Sandbox, тут можно разрабатывать шейдера в браузере и даже устраивать стримы https://twigl.app/
twigl.app
twigl.app is an online editor for One tweet shader, with gif or webm generator and sound shader.
А так же лекция на простом языке про WebGL в целом
https://youtu.be/je_PhVKJYng
https://youtu.be/je_PhVKJYng
YouTube
Intro to Graphics 08 - WebGL
Introduction to Computer Graphics.
School of Computing, University of Utah.
Full playlist: https://www.youtube.com/playlist?list=PLplnkTzzqsZTfYh4UbhLGpI5kGd5oW_Hh
Course website: https://graphics.cs.utah.edu/courses/cs4600/fall2020/
HTML Example:
https…
School of Computing, University of Utah.
Full playlist: https://www.youtube.com/playlist?list=PLplnkTzzqsZTfYh4UbhLGpI5kGd5oW_Hh
Course website: https://graphics.cs.utah.edu/courses/cs4600/fall2020/
HTML Example:
https…
абсолютно чудесно: манга про принцип работы мобильных графических чипов https://bit.ly/3o48itf
рендер в играх (вероятно вот вот уже) выходит на хороший уровень: в Ride 4 для ps5 риалтаймовое окружение почти не отличается от реального, только персонажка (и в данном случае приборная панель байка) палят и тянут качество вниз.
хайполи ето сложна
https://youtu.be/S3DEM6XDDTk
вот тут совсем неотличимо https://youtu.be/RsJ26lmXHLk
дисклеймер: даже не думайте так делать в жизни, у меня всё тело заныло от одного только просмотра
хайполи ето сложна
https://youtu.be/S3DEM6XDDTk
вот тут совсем неотличимо https://youtu.be/RsJ26lmXHLk
дисклеймер: даже не думайте так делать в жизни, у меня всё тело заныло от одного только просмотра
YouTube
(PS5) RIDE 4 in FIRST PERSON is INSANE | Ultra High Realistic Graphics [4K HDR 60fps]
Ride 4 ps5 gameplay
Video brought to you by Elite Crypto School: https://www.elitecryptoschool.com/product 🌟 Master the world of crypto with us! 📊 Learn, invest, and secure your financial future today.💡Disclaimer: Investing in crypto involves risks; educate…
Video brought to you by Elite Crypto School: https://www.elitecryptoschool.com/product 🌟 Master the world of crypto with us! 📊 Learn, invest, and secure your financial future today.💡Disclaimer: Investing in crypto involves risks; educate…
Если в рендере участвуют только частицы фиксированного размера (желательно в один пиксель), то можно обойтись вообще без вертекс шейдера и растеризации, картинку можно отрисовывать одним compute шейдером.
При таком подходе рендер будет заметно быстрей в ситуациях когда много частиц сосредоточены в одной области, подробности + веселье с упаковкой трёх float16 в два int32 тут: https://miketuritzin.com/post/rendering-particles-with-compute-shaders/
При таком подходе рендер будет заметно быстрей в ситуациях когда много частиц сосредоточены в одной области, подробности + веселье с упаковкой трёх float16 в два int32 тут: https://miketuritzin.com/post/rendering-particles-with-compute-shaders/
Miketuritzin
Rendering Particles with Compute Shaders
Overview I developed a technique to render single-pixel particles (using additive blending) with compute shaders rather than the usual fixed-function rasterization with vertex and fragment shaders. My approach runs 31–350% faster than rasterization on the…
У кого какие мнения про ноутбуки framework?
https://frame.work/
(понятно, что не в контексте риалтайм видео, а лэптоп для офисных/программистских задач)
для контекста,
обзор Лайнуса:
https://youtu.be/0rkTgPt3M4k
анпакинг от русского CG инженера: https://youtu.be/KeFlT8wbN9k
https://frame.work/
(понятно, что не в контексте риалтайм видео, а лэптоп для офисных/программистских задач)
для контекста,
обзор Лайнуса:
https://youtu.be/0rkTgPt3M4k
анпакинг от русского CG инженера: https://youtu.be/KeFlT8wbN9k
Framework
Framework Laptop 16 now shipping
Framework Laptop: A thin, light, high-performance notebook that's upgradeable, repairable, and 100% yours. Order today with the latest configuration options.
This media is not supported in your browser
VIEW IN TELEGRAM
какой-то нереальный шейдер
https://www.shadertoy.com/view/NddSWs
https://www.shadertoy.com/view/NddSWs
Подробный разбор системы Nanite от разработчиков Unreal Engine
https://youtu.be/eviSykqSUUw
https://youtu.be/eviSykqSUUw
YouTube
A Deep Dive into Nanite Virtualized Geometry
Nanite, Unreal Engine 5's new virtual geometry system, enables the rendering of trillion triangle scenes at real-time framerates. This lecture will take a de...
Объяснение 2д симуляции жидкости простыми (английскими) словами
https://shahriyarshahrabi.medium.com/gentle-introduction-to-fluid-simulation-for-programmers-and-technical-artists-7c0045c40bac
https://shahriyarshahrabi.medium.com/gentle-introduction-to-fluid-simulation-for-programmers-and-technical-artists-7c0045c40bac
Medium
Gentle Introduction to Realtime Fluid Simulation for Programmers and Technical Artists
A simple intuitive breakdown of fluid simulation for programmers and technical artists. Instead of complicated mathematical expressions, I…
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/
https://notes.spacefiller.space/living-wall/
Интерактивная демка состояний WebGL при рендеринге:
https://webglfundamentals.org/webgl/lessons/resources/webgl-state-diagram.html#no-help
(и вообще весь сайт набит прекрасными статьями, webglfundamentals.org)
https://webglfundamentals.org/webgl/lessons/resources/webgl-state-diagram.html#no-help
(и вообще весь сайт набит прекрасными статьями, webglfundamentals.org)
webglfundamentals.org
WebGLFundamentals WebGL State Diagram
WebGL State Diagram to help visualize WebGL
Допустим, вы решили написать свой рейтрейсер господи, зачем
Чеклист необходимых программных компонентов, который вам понадобится:
https://sergeyreznik.github.io/rtcode/index.html
Чеклист необходимых программных компонентов, который вам понадобится:
https://sergeyreznik.github.io/rtcode/index.html