Повторяем профиль Телеграмма, используя Metaballs ит

Я потратил много времени, чтобы разобраться, как работает анимация аватара с Dynamic Island в Telegram. Затем я реализовал её на Flutter с помощью metaballs и шейдеров Узнать, что скрывает Телеграм

https://habr.com/ru/articles/1004752/

#metaballs #shader #glsl #flutter #CustomPainter #FragmentShader #telegram

Повторяем профиль Телеграмма, используя Metaballs ит

Однажды я заметил, что на iOS с Dynamic Island у Telegram очень интересный эффект при сворачивании аватара в профиле. Если зайти в свой профиль и медленно скроллить вверх, аватар буквально втекает в...

Хабр
🌘 三維球形軟體塑形術:透過光線行進渲染流體般的物件
➤ 從數學到GPU實踐,打造生動的3D流體塑形。
https://www.4rknova.com//blog/2025/09/21/blob-3d
本文探討如何將二維的Metaballs(流體狀的聚合物件)概念擴展至三維空間,創造出如同液體般流動、融合的動態立體形態。作者詳細闡述了其背後的數學原理,包括表面定義、有符號距離場(SDF)的計算,以及如何運用平滑最小化函數實現流暢的物件融合。在渲染技術方面,文章介紹了光線行進(Ray Marching)演算法,並透過四種技術優化了效能:採樣法線的梯度計算、物理寫實的光照模型、低成本的陰影效果,以及將球體數據從CPU高效傳輸到GPU的方法。這些技術共同實現了既具備物理真實感又兼顧效能的3D Metaballs渲染。
+ 這篇文章的技術細節太棒了!特別是關於三點前向差分來計算梯度,能省下不少效能。GPU資料傳輸的做法也很聰明。
+ 對3D Metaballs的原理講解非常清晰,讓我對這種流體效果的生成有了更深的理解。光線行進的演算
#圖形學 #著色器 #3D渲染 #Metaballs
Ray marching a blob

A deep dive into rendering animated metaballs (aka blobs) with ray marching, PBR shading, shadows, and CPU driven simulation in WebGL and Three.js.

‎Metaballs

‎Metaballs were one of the first ways to model truly organic shapes in computer graphics, and now you can experience them in real-time, spatial 3D! Fuse together different blobby primitives and play with different materials. Unlock additional primitives, materials, and the ability to export your geom…

App Store
I am the type of person who will complain about Desmos not working using the \sum and \prod operators to index a variable subscript while at the same time not being enrolled in any type of math class

anyway I made
metaballs in Desmos :)

#desmos #metaballs #mathematics
metaballs

Desmos
#easy #metaballs #logo in #inkscape #free #design #howto #vector #art #branding #logodesign

YouTube
#easy #metaballs #logo in #inkscape #free #design #howto #vector #art #branding #logodesign

YouTube
Finally built #metaballs after a false start. it's a whole lot of fun.
Made with #p5js #proceduralart #creativeprogramming #programming
https://replit.com/@OliviaStarStuff/Metaballs
Metaballs

A metaball simulation

replit

me trying to cook on Friday night

#metaballs (I never heard of these) the search was #meatballs

#blender #animation #metaballs
music: Glimpsing Infinity by Asher Fulero https://youtube.com/shorts/x8atpQss85k
Glimpsing Infinity

YouTube

For my #genuary31 I chose the sketch I was least happy with to try to ruin. It could only improve it, right? But given that this was my lacklustre attempt at Suprematism, "breaking" it would require some especially #CreativeCoding

Best to end my first ever #genuary with a bang!

#genuary2023 #Processing #MetaBalls #ParticleSystem #GenArt #GenerativeArt