Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Radiant: 80+ production-ready shaders and visual effects for the web. 0 dependencies, MIT license. - multiple color themes - ultra-realistic simulations - webgl and 2d canvas Pick one, copy source, integrate, ship.

pbakaus's profile picture

Paul Bakaus

17,180 subscribers

142,957 görüntüleme • 2 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇
0:36

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 görüntüleme • 1 yıl önce

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 görüntüleme • 1 yıl önce

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:49

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 görüntüleme • 1 yıl önce

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼
0:43

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

Techartist

15,679 görüntüleme • 11 ay önce

Introducing Hana, a new canvas for interactivity. - Events & States - Real-time Vector Nets & Booleans - Production-ready exports - and more! Thread! 🧵
0:26

Introducing Hana, a new canvas for interactivity. - Events & States - Real-time Vector Nets & Booleans - Production-ready exports - and more! Thread! 🧵

Spline

2,792,658 görüntüleme • 1 yıl önce

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI
0:28

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,426 görüntüleme • 2 yıl önce

Seedance 1.5 pro delivers native audio-visual synchronization with millisecond-precise lip sync. Dialogue, music, and sound effects stay aligned across multiple speakers and languages, reducing the need for post-production fixes.
0:42

Seedance 1.5 pro delivers native audio-visual synchronization with millisecond-precise lip sync. Dialogue, music, and sound effects stay aligned across multiple speakers and languages, reducing the need for post-production fixes.

BytePlus

15,459,960 görüntüleme • 5 ay önce

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →
1:32

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Michael Andreuzza

22,635 görüntüleme • 4 ay önce

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨
2:08

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨

Chrome for Developers

40,167 görüntüleme • 3 gün önce

Did you hear? Visual Studio Code will open source the GitHub Copilot Chat extension under the MIT license! 🎉
0:31

Did you hear? Visual Studio Code will open source the GitHub Copilot Chat extension under the MIT license! 🎉

GitHub

42,676 görüntüleme • 1 yıl önce

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders
1:46

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

34,219 görüntüleme • 6 ay önce

You are renderful: introducing Redraw, a new grade of 2d primitives for Web and Native
0:42

You are renderful: introducing Redraw, a new grade of 2d primitives for Web and Native

William Candillon

102,112 görüntüleme • 1 ay önce

Introducing MagicPath, an infinite canvas to create, refine, and explore with AI. Create beautiful components and functional apps, while providing production ready code. Available today, free, for everyone. The Cursor moment for design is here.
1:44

Introducing MagicPath, an infinite canvas to create, refine, and explore with AI. Create beautiful components and functional apps, while providing production ready code. Available today, free, for everyone. The Cursor moment for design is here.

Pietro Schirano

1,879,738 görüntüleme • 1 yıl önce

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇
0:50

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇

Techartist

29,367 görüntüleme • 11 ay önce

✨ Introducing Shaders A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for Vue, React & Svelte.
0:50

✨ Introducing Shaders A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for Vue, React & Svelte.

shaders

307,144 görüntüleme • 8 ay önce

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.
0:25

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.

Techartist

20,282 görüntüleme • 1 ay önce

Beautiful open-source animation engine for the web: anime.js MIT-licensed, lightweight, and actively maintained. Love it. source: animejs .com
0:24

Beautiful open-source animation engine for the web: anime.js MIT-licensed, lightweight, and actively maintained. Love it. source: animejs .com

Leon

351,712 görüntüleme • 10 ay önce

📢 It's the open source news heard 'round the world: The GitHub Copilot Chat extension for Visual Studio Code is now fully open source under the MIT license. 🎉 Check out the repo. ⬇️
0:49

📢 It's the open source news heard 'round the world: The GitHub Copilot Chat extension for Visual Studio Code is now fully open source under the MIT license. 🎉 Check out the repo. ⬇️

GitHub

27,773 görüntüleme • 11 ay önce

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:
0:28

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Techartist

14,877 görüntüleme • 3 ay önce

PixVerse Canvas is live on Web — your AI video production workspace. Stop generating clips. Start producing videos you can actually ship. Plan, refine, and deliver in one place. RT+Follow+Reply=300Creds in DMs (72H ONLY)
1:48

PixVerse Canvas is live on Web — your AI video production workspace. Stop generating clips. Start producing videos you can actually ship. Plan, refine, and deliver in one place. RT+Follow+Reply=300Creds in DMs (72H ONLY)

PixVerse

480,303 görüntüleme • 2 gün önce