Загрузка видео...

Не удалось загрузить видео

На главную

gm creative coders ☕️ Playing around with Three.js inside codevre browser editor. project link -> #creativecoding #threejs

Tezumies's profile picture

Tezumie

7,537 subscribers

15,265 просмотров • 8 месяцев назад •via X (Twitter)

#creativecoding#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl
0:20

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,266 просмотров • 1 год назад

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap
0:48

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap

Victor Work

24,069 просмотров • 9 месяцев назад

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding
2:34

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding

Lisha

16,793 просмотров • 10 месяцев назад

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer
1:09

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

WebGL / WebGPU

10,598 просмотров • 5 месяцев назад

New update to my #threejs Lumen Decor Studio project. Color selection behavior is ready🤩. Thanks to real-time global illumination, colors now blend naturally with sunlight, creating beautiful bounced colors everywhere. Next step: Live link #creativecoding #tsl #rf3 #webgpu
3:00

New update to my #threejs Lumen Decor Studio project. Color selection behavior is ready🤩. Thanks to real-time global illumination, colors now blend naturally with sunlight, creating beautiful bounced colors everywhere. Next step: Live link #creativecoding #tsl #rf3 #webgpu

Anderson Mancini

24,909 просмотров • 10 месяцев назад

Beneath our feet, the Earth pulses with fiery veins- Magma rivers carving the planet's secrets. 3D interactive globe of global volcanoes like "Veins of the Earth"! Built w/ React + TypeScript + Three.js + React-three-fiber Data Source: Smithsonian global volcanism program Note- The volcano lines are not actual paths just a creative rendition Like/RT if you it's interesting.. #Volcano #DataViz #ThreeJS #Geospatial #CreativeCoding #GAI #VisualArt #climate
0:27

Beneath our feet, the Earth pulses with fiery veins- Magma rivers carving the planet's secrets. 3D interactive globe of global volcanoes like "Veins of the Earth"! Built w/ React + TypeScript + Three.js + React-three-fiber Data Source: Smithsonian global volcanism program Note- The volcano lines are not actual paths just a creative rendition Like/RT if you it's interesting.. #Volcano #DataViz #ThreeJS #Geospatial #CreativeCoding #GAI #VisualArt #climate

shadows

33,108 просмотров • 6 месяцев назад

🕹️ Paris-based creative studio Little Workshop (Little Workshop) just reminded us why browser-based 3D experiences still have so much untapped potential. For Netlify's 5 million developer milestone, they built a full Marble Madness-inspired game that runs flawlessly in the browser. The technical execution is impressive: → Three.js + custom render pipeline for WebGL → Rapier physics engine (Rust via WASM) → Unity → Blender → GLTF pipeline for level design → CSS 3D transforms for UI overlays → Smart keyboard API usage for international layout support. Give it a run. It's both fun and informative. #WebGL #GameDev #ThreeJS #CreativeCoding #Netlify
0:54

🕹️ Paris-based creative studio Little Workshop (Little Workshop) just reminded us why browser-based 3D experiences still have so much untapped potential. For Netlify's 5 million developer milestone, they built a full Marble Madness-inspired game that runs flawlessly in the browser. The technical execution is impressive: → Three.js + custom render pipeline for WebGL → Rapier physics engine (Rust via WASM) → Unity → Blender → GLTF pipeline for level design → CSS 3D transforms for UI overlays → Smart keyboard API usage for international layout support. Give it a run. It's both fun and informative. #WebGL #GameDev #ThreeJS #CreativeCoding #Netlify

WebGL / WebGPU

18,949 просмотров • 8 месяцев назад

We've been playing around with different messaging and creative directions for our mobile app Arc Search and want to share a few team favorites: Which one do you prefer? 1. 1961 - A fast new browser, with instant answers
0:53

We've been playing around with different messaging and creative directions for our mobile app Arc Search and want to share a few team favorites: Which one do you prefer? 1. 1961 - A fast new browser, with instant answers

The Browser Company

61,488 просмотров • 2 лет назад

Cyberpunk-ish ⚡️ Maybe not an entire city…but at least one rainy alley built with #threejs + WebGPU that weighs only 15 MB. Live link: This is also a sneak peek at some of the techniques that Sunag and I will be covering during our workshop at Three.js Conf Paris. More on that below 🤗 I hope you like it #WebGPU #creativecoding #threejsJourney
2:39

Cyberpunk-ish ⚡️ Maybe not an entire city…but at least one rainy alley built with #threejs + WebGPU that weighs only 15 MB. Live link: This is also a sneak peek at some of the techniques that Sunag and I will be covering during our workshop at Three.js Conf Paris. More on that below 🤗 I hope you like it #WebGPU #creativecoding #threejsJourney

Anderson Mancini

96,988 просмотров • 1 месяц назад

Update on my new #threejs project, Lumen Decor Studio. With Screen Space Global Illumination and Screen Space Reflection in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere. Next step: color selection behavior😍 Live link soon #creativecoding #tsl #rf3 #webgpu #threejsJourney
2:21

Update on my new #threejs project, Lumen Decor Studio. With Screen Space Global Illumination and Screen Space Reflection in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere. Next step: color selection behavior😍 Live link soon #creativecoding #tsl #rf3 #webgpu #threejsJourney

Anderson Mancini

150,018 просмотров • 10 месяцев назад

🚀 #threejs r181 is going to be insane. I’ve been playing with the new Screen Space Global Illumination #TSL node before release in #r3f. The video showcases SSGI, GTAO, and TRAA post-processing effects performing magic thanks to the new #WebGPU API. Live link soon. Higher res video: Want to know more? Follow the thread 👇 #creativecoding
4:25

🚀 #threejs r181 is going to be insane. I’ve been playing with the new Screen Space Global Illumination #TSL node before release in #r3f. The video showcases SSGI, GTAO, and TRAA post-processing effects performing magic thanks to the new #WebGPU API. Live link soon. Higher res video: Want to know more? Follow the thread 👇 #creativecoding

Anderson Mancini

28,071 просмотров • 10 месяцев назад

Made more progress on this weekend project! This is more of an exploration for me to see how far I can push ThreeJS and playing around with PS1 style shaders and VFX with Grok 4.6 in Cursor. The game seems to be working fine with 2k enemies on screen.
1:03

Made more progress on this weekend project! This is more of an exploration for me to see how far I can push ThreeJS and playing around with PS1 style shaders and VFX with Grok 4.6 in Cursor. The game seems to be working fine with 2k enemies on screen.

Danny Limanseta

15,024 просмотров • 16 дней назад

Ditched boring flat maps forever. Population Density 3D map- This is a premium glass-like orb floating in a quantum black void, with glowing spikes for every major city - taller + brighter = higher population. Rotate it. Zoom in. It was a fun exercise balancing 3D performance with clean, minimal UI. Tech Stack: React + Vite | Three.js | Tailwind CSS | Lucide React What do you think of the dark aesthetic? Like if you’re impressed Repost if you’re a dev who loves creative coding #React #ThreeJS #DataVisualization #WebGL #CreativeCoding #Frontend #TailwindCSS #UIUX
0:23

Ditched boring flat maps forever. Population Density 3D map- This is a premium glass-like orb floating in a quantum black void, with glowing spikes for every major city - taller + brighter = higher population. Rotate it. Zoom in. It was a fun exercise balancing 3D performance with clean, minimal UI. Tech Stack: React + Vite | Three.js | Tailwind CSS | Lucide React What do you think of the dark aesthetic? Like if you’re impressed Repost if you’re a dev who loves creative coding #React #ThreeJS #DataVisualization #WebGL #CreativeCoding #Frontend #TailwindCSS #UIUX

SHAHNAB AHMED

29,674 просмотров • 5 месяцев назад

Let’s build interactive Three.js User Interfaces 🫰 Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦 Works on any device inside and outside #WebXR Compose <uikit> with <handle> to control sizes, positions, rotations (Link in 🧵)
0:37

Let’s build interactive Three.js User Interfaces 🫰 Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦 Works on any device inside and outside #WebXR Compose <uikit> with <handle> to control sizes, positions, rotations (Link in 🧵)

Bela Bohlender

47,422 просмотров • 1 год назад

GOOD DAY DEGENS! ☕️ GM BIG WINS PLAYING SLOTS! 🤑🎰 Check out FortuneJack Welcome Bonus with up to 150% Deposit bonus 💸 and 50 Free Spins 🙌 Also includes Sports Welcome Offer with Loyalty program! 💎🏆 Play Responsibly! Use my promo code “ DappCentre1 “ to unlock 50 Free Spins + a 150% deposit bonus. 🤑💸 Link in the comments 👇
4:01

Sensitive content

GOOD DAY DEGENS! ☕️ GM BIG WINS PLAYING SLOTS! 🤑🎰 Check out FortuneJack Welcome Bonus with up to 150% Deposit bonus 💸 and 50 Free Spins 🙌 Also includes Sports Welcome Offer with Loyalty program! 💎🏆 Play Responsibly! Use my promo code “ DappCentre1 “ to unlock 50 Free Spins + a 150% deposit bonus. 🤑💸 Link in the comments 👇

Dapp Centre

48,458 просмотров • 5 месяцев назад

New features in the #threejs architecture visualization project for Planpoint. A neighborhood surroundings with points of interest integrated into the map, very convenient for placing the building in the context of the city. We also have a new unit search engine with filters. Units can also be inspected with a new details panel, showing more information about each unit. And since everything renders in real time, it's also possible to see the unit inside, simulating sunlight at different times of the year. And incredibly, everything you see in this video loads less than 6MB 🤯 #webgpu #creativecoding
2:07

New features in the #threejs architecture visualization project for Planpoint. A neighborhood surroundings with points of interest integrated into the map, very convenient for placing the building in the context of the city. We also have a new unit search engine with filters. Units can also be inspected with a new details panel, showing more information about each unit. And since everything renders in real time, it's also possible to see the unit inside, simulating sunlight at different times of the year. And incredibly, everything you see in this video loads less than 6MB 🤯 #webgpu #creativecoding

Anderson Mancini

31,036 просмотров • 8 месяцев назад

What if every city can create its own songs with lyrics? (Sound on) Meet "Song of the City" turns real urban life data into music with Google Lyria 3. We map the actual rhythm of the city - morning coffee rushes, office flows, evening nightlife, late-night subway energy - and feed it into Google Lyria 3 AI model to generate the song. The result? A generative soundtrack that changes with the city itself. Playing: Song of the City- New York Like/Repost if want more experimental project :) #GenerativeAI #Lyria #CreativeCoding #GeoSpatial #MusicTech GoogleAIStudio Three.js React-three-fiber
2:58

What if every city can create its own songs with lyrics? (Sound on) Meet "Song of the City" turns real urban life data into music with Google Lyria 3. We map the actual rhythm of the city - morning coffee rushes, office flows, evening nightlife, late-night subway energy - and feed it into Google Lyria 3 AI model to generate the song. The result? A generative soundtrack that changes with the city itself. Playing: Song of the City- New York Like/Repost if want more experimental project :) #GenerativeAI #Lyria #CreativeCoding #GeoSpatial #MusicTech GoogleAIStudio Three.js React-three-fiber

SHAHNAB AHMED

21,528 просмотров • 4 месяцев назад

This is my new opensource project with WEBGL2 & Three.js , my goal was to build a third person template of a samurai, so I built 3 techniques ( using the katana ) & 3 magic abilities which are fully procedural. katana fire made of a real raymarched volume, ragdoll with no physics engine, Skeleton was done in mixamo so that it's easy to swap character & a character editor. A lot of manual work done & I used Opus 5 Anthropic help to speed up my vision. Live link: Source code:
0:49

This is my new opensource project with WEBGL2 & Three.js , my goal was to build a third person template of a samurai, so I built 3 techniques ( using the katana ) & 3 magic abilities which are fully procedural. katana fire made of a real raymarched volume, ragdoll with no physics engine, Skeleton was done in mixamo so that it's easy to swap character & a character editor. A lot of manual work done & I used Opus 5 Anthropic help to speed up my vision. Live link: Source code:

Chiro Visuals

45,580 просмотров • 16 дней назад

Hermes Browser Extension v0.3.0 just landed. You already had a browser inside Hermes Desktop. Now flip it around. Bring Hermes into your browser. 💻 Open the side panel next to whatever you're doing and let Hermes work with the page you're already on. I used it inside Google Cloud while working through Gmail API setup. If you've spent any time in there, you know that is not exactly a friendly little website. Hermes handled it extremely well. Research a page. Work through complicated setup screens. Draft without leaving the site. Let Hermes help move through multi-step browser work without constantly bouncing back and forth. You can also switch between built-in themes, Light/Dark modes, or add your own custom theme. 🎨 Hermes, right where you're already working. Give Hermes the repo and ask it to help you set it up. komet💫 Killed it with this update 🔥 Repo link in the first reply⬇️
1:10

Hermes Browser Extension v0.3.0 just landed. You already had a browser inside Hermes Desktop. Now flip it around. Bring Hermes into your browser. 💻 Open the side panel next to whatever you're doing and let Hermes work with the page you're already on. I used it inside Google Cloud while working through Gmail API setup. If you've spent any time in there, you know that is not exactly a friendly little website. Hermes handled it extremely well. Research a page. Work through complicated setup screens. Draft without leaving the site. Let Hermes help move through multi-step browser work without constantly bouncing back and forth. You can also switch between built-in themes, Light/Dark modes, or add your own custom theme. 🎨 Hermes, right where you're already working. Give Hermes the repo and ask it to help you set it up. komet💫 Killed it with this update 🔥 Repo link in the first reply⬇️

Hermes Release Watch

37,239 просмотров • 9 дней назад

Most product screenshots are boring. Flat. Static. Forgettable. Screenshot Studio is officially live and it changes that. Formerly @stageeart. Completely rebuilt from the ground up. What started as a simple screenshot editor is now a browser-based studio for screenshots, animated visuals, and export-ready videos. No signup. No watermarks. No artificial limits. New in 2.0: - A faster core and rebuilt UI. - A real timeline editor with tracks + playhead. - 20+ animation presets with keyframes and easing. - MP4, WebM, GIF export. - Hardware-accelerated encoding with WebCodecs (FFmpeg fallback). - High-res exports up to 5x. - Unlimited undo/redo. Drag. Drop. Animate. Export. All in the browser. Proud to share it’s been selected for the Vercel OSS Program. Huge thanks to the Vercel team and Guillermo Rauch for supporting the project. If you’re shipping products and still posting static screenshots, you’re leaving attention on the table. Stage is gone. Screenshot Studio is here. try now link in the comments.
0:42

Most product screenshots are boring. Flat. Static. Forgettable. Screenshot Studio is officially live and it changes that. Formerly @stageeart. Completely rebuilt from the ground up. What started as a simple screenshot editor is now a browser-based studio for screenshots, animated visuals, and export-ready videos. No signup. No watermarks. No artificial limits. New in 2.0: - A faster core and rebuilt UI. - A real timeline editor with tracks + playhead. - 20+ animation presets with keyframes and easing. - MP4, WebM, GIF export. - Hardware-accelerated encoding with WebCodecs (FFmpeg fallback). - High-res exports up to 5x. - Unlimited undo/redo. Drag. Drop. Animate. Export. All in the browser. Proud to share it’s been selected for the Vercel OSS Program. Huge thanks to the Vercel team and Guillermo Rauch for supporting the project. If you’re shipping products and still posting static screenshots, you’re leaving attention on the table. Stage is gone. Screenshot Studio is here. try now link in the comments.

Kartik

33,775 просмотров • 6 месяцев назад