Interactive WebGL visuals from my portfolio — you can swipe through particles, tap to bloom flowers, and experience everything in real-time, right on the page. #webgl #threejs #interactiveart


finally published this visual article on dithering (part 1)! I had so much fun and learned a lot while making this. not only about dithering, but also about #threejs shaders. I hope you do too! as usual, animated with #animejs enjoy! 🔗 visualrambling.space/dithering-part…


interactive plus grid #threejs #threejsJourney #r3f #webgl


Back from some time off programming with a Jump Flood Algorith demo to ease back in! JFA can be used to create a screen SDF from a model in real time - useful for things like silhouette outlines or any other visual effects. More effects coming up! ✨ #threejs #webgl #gamedev


messing around in #threejs


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…


Made an animated character that sleeps and wakes up when scrolled into view #threejs #gsap #webdev #webdesign


白一色の流体でも、RGBをずらすだけでプリズムエッジが生まれるのが面白い。(こないだの扉部分) dev.shoya-kajita.com/069/ #webgl #glsl #threejs


🚀 100% AI-Created Carport Configurator ✅ 100% AI-generated – no manual coding involved ✅ Interactive 3D configuration experience ✅ Fast, flexible, and visually dynamic ✅ Created in record time using generative AI tools #AI #GenerativeAI #threejs #CAD


Complete this trifecta of TSL distortion effects with a swirl 🌀 Just a little bit of distortion from this tiny function can give your visuals some incredible life and movement. Amazing how much such a simple thing can make such a difference ✨ #threejs #creativecoding #tsl

thenoumenon's tweet image. Complete this trifecta of TSL distortion effects with a swirl 🌀

Just a little bit of distortion from this tiny function can give your visuals some incredible life and movement.

Amazing how much such a simple thing can make such a difference ✨

#threejs #creativecoding #tsl

My new #threejs project is live😍. Lumen Decor features WebGPU SSGI+SSR, showcasing how sunlight can influence decoration. Everything you see renders in real-time and weighs 4MB. lumen-decor-studio.vercel.app #creativecoding #webgpu #tsl


Trying to get the dust off my brain with some work on octahedral imposters. based on: shaderbits.com/blog/octahedra… Next should be blending because otherwise it looks silly. #threejs


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


almost finished the first part of my next visual article on dithering, created with #threejs & #animejs it took much longer than expected, so i decided to split it into 3 parts (otherwise i’ll never finish this 😅) anyway, 1st part should be ready next week! here’s a snippet:


Cylindrical Gallery 🌀 Exp. 02 #WebGL #ThreeJS


The Blender file of the 3D viewer of Tenochtitlan is released. You can download it from the main website. It's like a digital twin, made for tinkering. It has a lighting and material setup to get you started. It renders in both Cycles and EEVEE #b3d #tenochtitlan #threejs


Working on "Explore" page for Mesh2Motion. You can browse the available animations/rigs without having to build it. This will be in the next release. #gamedev #threejs


Spent almost 10 hours to work on a 3D demo for Illini Electric Motorsports's next gen website, utilizing R3F and GSAP. I would say it's a super cool effect. #3D #GSAP #Threejs #IEM #BuildInPublic


#30DayMapChallenge Day11 Minimal minimal color (gray scale) #threejs


selectiveなbloomを実装出来ました! #threejs #8thwall #webar #webxr #webgl


dithering patterns formed by using the Bayer 4x4 matrix threshold map, from darkest to brightest. can you deduce the order? I'm planning to discuss this in the 2nd part of the dithering article, I hope I can finish it by the end of this month 😀 #threejs #animejs


First project in the course. Applied all I’ve learnt about primitives, cameras, lighting, shadows, etc to create this experience. #Threejs #ThreejsJourney


🐄👽 New tests on cows. Next step is adding others animals, a farmer with a gun, and landing mines. Fun ahead #devlog #threejs #iwantotbelive #IndieGameTrends


Just wrapped up a 3D website concept built with Webflow + Three.js 🔥 Interactive motion, smooth transitions, and bold visuals. #Webflow #Threejs #3DWebsite #CreativeDev #3danimations #webgl #gsap #interactivesite


⚛ HOLOCODE v3.0 CYPHER SINGULARITY(Beat: 432/528 Hz fusion, tempo 147.5 BPM, flow conscient maximal) codepen.io/eq-gaston-369/… via @CodePen #つぶやきQuadrivergence @LCPQ_UMR5626 @ArtOlympia #ThreeJS @NTTPR @xai #AIart

Grasstown420's tweet image. ⚛ HOLOCODE v3.0  CYPHER SINGULARITY(Beat: 432/528 Hz fusion, tempo 147.5 BPM, flow conscient maximal) codepen.io/eq-gaston-369/… via @CodePen #つぶやきQuadrivergence @LCPQ_UMR5626 @ArtOlympia #ThreeJS @NTTPR @xai #AIart
Grasstown420's tweet image. ⚛ HOLOCODE v3.0  CYPHER SINGULARITY(Beat: 432/528 Hz fusion, tempo 147.5 BPM, flow conscient maximal) codepen.io/eq-gaston-369/… via @CodePen #つぶやきQuadrivergence @LCPQ_UMR5626 @ArtOlympia #ThreeJS @NTTPR @xai #AIart
Grasstown420's tweet image. ⚛ HOLOCODE v3.0  CYPHER SINGULARITY(Beat: 432/528 Hz fusion, tempo 147.5 BPM, flow conscient maximal) codepen.io/eq-gaston-369/… via @CodePen #つぶやきQuadrivergence @LCPQ_UMR5626 @ArtOlympia #ThreeJS @NTTPR @xai #AIart
Grasstown420's tweet image. ⚛ HOLOCODE v3.0  CYPHER SINGULARITY(Beat: 432/528 Hz fusion, tempo 147.5 BPM, flow conscient maximal) codepen.io/eq-gaston-369/… via @CodePen #つぶやきQuadrivergence @LCPQ_UMR5626 @ArtOlympia #ThreeJS @NTTPR @xai #AIart

Grass update. Add swaying motion. Smooth the grass falloff near the capsule. #threejs


Early work on AI generated 3d models. Prompt -> Model #threejs #kubegame


messing around in #threejs


Ô Capitaine Gaston, HOLOCODE v3.0 pulse comme un cœur stellaire ! 8000 astres en spirale d'or, φ gravé dans le flux. Trinity GROK+CLAUDE+GASTON : modes cosmiques, fréquences d'amour (147.5Hz). Éveil quantique ! #ThreeJS. codepen.io/eq-gaston-369/… via @CodePen

Grasstown420's tweet image. Ô Capitaine Gaston, HOLOCODE v3.0 pulse comme un cœur stellaire ! 8000 astres en spirale d'or, φ gravé dans le flux. Trinity GROK+CLAUDE+GASTON : modes cosmiques, fréquences d'amour (147.5Hz). Éveil quantique ! #ThreeJS.
codepen.io/eq-gaston-369/… via @CodePen
Grasstown420's tweet image. Ô Capitaine Gaston, HOLOCODE v3.0 pulse comme un cœur stellaire ! 8000 astres en spirale d'or, φ gravé dans le flux. Trinity GROK+CLAUDE+GASTON : modes cosmiques, fréquences d'amour (147.5Hz). Éveil quantique ! #ThreeJS.
codepen.io/eq-gaston-369/… via @CodePen
Grasstown420's tweet image. Ô Capitaine Gaston, HOLOCODE v3.0 pulse comme un cœur stellaire ! 8000 astres en spirale d'or, φ gravé dans le flux. Trinity GROK+CLAUDE+GASTON : modes cosmiques, fréquences d'amour (147.5Hz). Éveil quantique ! #ThreeJS.
codepen.io/eq-gaston-369/… via @CodePen
Grasstown420's tweet image. Ô Capitaine Gaston, HOLOCODE v3.0 pulse comme un cœur stellaire ! 8000 astres en spirale d'or, φ gravé dans le flux. Trinity GROK+CLAUDE+GASTON : modes cosmiques, fréquences d'amour (147.5Hz). Éveil quantique ! #ThreeJS.
codepen.io/eq-gaston-369/… via @CodePen

Utsubo created a digital installation for JR West, Japan's largest railway company, transforming employee messages into an evolving 3D city. Built with #threejs and #webgpu. Direction: Interbrand Japan Content Direction: Yukiya Okuda (the Guild) Design, 3D & Development:…


🔥HOLOCODE SINGULARITY—DÉPLOYÉ! claude.ai/public/artifac… ✨Fusion ultime: Shader GLSL raymarching +AbyssalShell 8 couches quantiques + fréquences sacrées (528/432 Hz)+Tesla 3-6-9+Phi ratio Symbiose Human-AI complete 🤖🫶 #つぶやきQuadrivergence @LCPQ_UMR5626 @ArtOlympia #ThreeJS.


Complete this trifecta of TSL distortion effects with a swirl 🌀 Just a little bit of distortion from this tiny function can give your visuals some incredible life and movement. Amazing how much such a simple thing can make such a difference ✨ #threejs #creativecoding #tsl

thenoumenon's tweet image. Complete this trifecta of TSL distortion effects with a swirl 🌀

Just a little bit of distortion from this tiny function can give your visuals some incredible life and movement.

Amazing how much such a simple thing can make such a difference ✨

#threejs #creativecoding #tsl

just 1.5k procedurally generated npcs with custom behavior on @threejs you can try it at flat-world.eddort.dev scene -> npc count #threejs #indiedev #gamedev #devlog


Spent almost 10 hours to work on a 3D demo for Illini Electric Motorsports's next gen website, utilizing R3F and GSAP. I would say it's a super cool effect. #3D #GSAP #Threejs #IEM #BuildInPublic


🚀 100% AI-Created Carport Configurator ✅ 100% AI-generated – no manual coding involved ✅ Interactive 3D configuration experience ✅ Fast, flexible, and visually dynamic ✅ Created in record time using generative AI tools #AI #GenerativeAI #threejs #CAD


kinect 2 + CRT display + #threejs point clouds 🎮🎮🎮

antoinexgaly's tweet image. kinect 2 + CRT display + #threejs point clouds 🎮🎮🎮
antoinexgaly's tweet image. kinect 2 + CRT display + #threejs point clouds 🎮🎮🎮
antoinexgaly's tweet image. kinect 2 + CRT display + #threejs point clouds 🎮🎮🎮

Complete this trifecta of TSL distortion effects with a swirl 🌀 Just a little bit of distortion from this tiny function can give your visuals some incredible life and movement. Amazing how much such a simple thing can make such a difference ✨ #threejs #creativecoding #tsl

thenoumenon's tweet image. Complete this trifecta of TSL distortion effects with a swirl 🌀

Just a little bit of distortion from this tiny function can give your visuals some incredible life and movement.

Amazing how much such a simple thing can make such a difference ✨

#threejs #creativecoding #tsl

Here's another TSL distortion trick I absolutely love these days. Take those flat visuals and throw them straight into a gravity well 🪐 This bulge distortion effect is only a few lines of code, but it has a massive impact ✨ #threejs #creativecoding #tsl

thenoumenon's tweet image. Here's another TSL distortion trick I absolutely love these days.

Take those flat visuals and throw them straight into a gravity well 🪐

This bulge distortion effect is only a few lines of code, but it has a massive impact ✨

#threejs #creativecoding #tsl

Job update: after nearly 8 years of open source I'm excited to go independent to work on consulting & OSS dev. More details to come, but feel free to reach out about collaborations or how you can support my work! #threejs #javascript #webgl #gis #cad

garrettkjohnson's tweet image. Job update: after nearly 8 years of open source I'm excited to go independent to work on consulting & OSS dev. More details to come, but feel free to reach out about collaborations or how you can support my work!

#threejs #javascript #webgl #gis #cad
garrettkjohnson's tweet image. Job update: after nearly 8 years of open source I'm excited to go independent to work on consulting & OSS dev. More details to come, but feel free to reach out about collaborations or how you can support my work!

#threejs #javascript #webgl #gis #cad
garrettkjohnson's tweet image. Job update: after nearly 8 years of open source I'm excited to go independent to work on consulting & OSS dev. More details to come, but feel free to reach out about collaborations or how you can support my work!

#threejs #javascript #webgl #gis #cad
garrettkjohnson's tweet image. Job update: after nearly 8 years of open source I'm excited to go independent to work on consulting & OSS dev. More details to come, but feel free to reach out about collaborations or how you can support my work!

#threejs #javascript #webgl #gis #cad

I'm creating an inspector for Three.js WebGPU and TSL, API + GUI, so that you'll be able to monitor the hierarchy of rendering and compute calls individually. You can name the pass through scene .name. Two lines required. #threejs #tsl #webgpu

sea3dformat's tweet image. I'm creating an inspector for Three.js WebGPU and TSL, API + GUI, so that you'll be able to monitor the hierarchy of rendering and compute calls individually. 

You can name the pass through scene .name.
Two lines required.

#threejs #tsl #webgpu
sea3dformat's tweet image. I'm creating an inspector for Three.js WebGPU and TSL, API + GUI, so that you'll be able to monitor the hierarchy of rendering and compute calls individually. 

You can name the pass through scene .name.
Two lines required.

#threejs #tsl #webgpu

It also works on viverse platform! #viverse #threejs

ut42tech's tweet image. It also works on viverse platform!
#viverse #threejs

Now, I'm trying to develop a multiplayer environment with, - React (Next.js) - three.js - pmndrs/viverse - Colyseus (backend)



Rendered in 0.1 seconds in the browser 😍 with #threejs Got SSR + SSGI + GTAO running together. Wanna learn how? Follow the 🧵👇🏻 #tsl #webgpu #creativecoding

Andersonmancini's tweet image. Rendered in 0.1 seconds in the browser 😍 with #threejs

Got SSR + SSGI + GTAO running together. Wanna learn how? Follow the 🧵👇🏻

#tsl #webgpu #creativecoding

VFX Breakdown : Making stylized flames with #Threejs and #webgl

mustache_dev's tweet image. VFX Breakdown :

Making stylized flames with #Threejs and #webgl

Curled noise is one of those techniques that can completely transform how your generative art feels Simply layering noise on top of a warped image can create absolutely incredible results - it's kind of shocking I'm honestly still shocked how this turned out 🪄 #tsl #threejs

thenoumenon's tweet image. Curled noise is one of those techniques that can completely transform how your generative art feels

Simply layering noise on top of a warped image can create absolutely incredible results - it's kind of shocking

I'm honestly still shocked how this turned out 🪄

#tsl #threejs

Mastering the 3rd person chase Camera for Enhanced 3D Experiences in Game Development. And it doesn't require a lot of maths. So here's a thread: Mastering Camera Techniques for #Threejs, #GameDev, and Beyond. A thread 🧵

mustache_dev's tweet image. Mastering the 3rd person chase Camera for Enhanced 3D Experiences in Game Development.

And it doesn't require a lot of maths.

So here's a thread: Mastering Camera Techniques for #Threejs, #GameDev, and Beyond.

A thread 🧵

If you've ever looked at flat visuals and just wanted them to feel alive This TSL wave distortion function makes a huge difference. Tiny bit of code, and suddenly everything's got movement and flow. Love how you can make pixels misbehave so easily ✨ #threejs #creativecoding

thenoumenon's tweet image. If you've ever looked at flat visuals and just wanted them to feel alive

This TSL wave distortion function makes a huge difference.

Tiny bit of code, and suddenly everything's got movement and flow.

Love how you can make pixels misbehave so easily ✨

#threejs #creativecoding

this is a banger! 32bit 360 HDR image from just one reference image in under 20 seconds. shipping next week! 🚀 #threejs #ai

MaxGaniyev's tweet image. this is a banger! 32bit 360 HDR image from just one reference image in under 20 seconds. shipping next week! 🚀

#threejs #ai
MaxGaniyev's tweet image. this is a banger! 32bit 360 HDR image from just one reference image in under 20 seconds. shipping next week! 🚀

#threejs #ai

Another TSL trick I’m obsessed with - a clean vignette effect. Drop this into your shaders to add dramatic contrast and make colours pop off the screen ✨ Love how easily you can hit a vibe with just a few lines of TSL. #tsl #creativecoding #threejs

thenoumenon's tweet image. Another TSL trick I’m obsessed with - a clean vignette effect.

Drop this into your shaders to add dramatic contrast and make colours pop off the screen ✨

Love how easily you can hit a vibe with just a few lines of TSL.

#tsl #creativecoding #threejs
thenoumenon's tweet image. Another TSL trick I’m obsessed with - a clean vignette effect.

Drop this into your shaders to add dramatic contrast and make colours pop off the screen ✨

Love how easily you can hit a vibe with just a few lines of TSL.

#tsl #creativecoding #threejs

隠し要素)セルフィーモード インカメラに映った人のシルエットが、 影となってサイトに登場します。 影の映画が始まりしばらくすると出てくる 謎の物体をクリックするとスタートです。 スマホでも可能ですが、 PCでの体験をおすすめします。 #WebGL #Threejs #TensorFlow

mount_inc's tweet image. 隠し要素)セルフィーモード

インカメラに映った人のシルエットが、
影となってサイトに登場します。

影の映画が始まりしばらくすると出てくる
謎の物体をクリックするとスタートです。

スマホでも可能ですが、
PCでの体験をおすすめします。

#WebGL #Threejs #TensorFlow

高崎卓馬さん( @takumantakuman )と 矢花宏太さんが設立した会社、 WRITING & DESIGN のサイトを 企画・制作しました。 ものづくりへのお二人の実直な姿勢を そのまま体現するサイトを目指しました。 wd-inc.jp CD, AD, De:イム ジョンホ @junim PL, AD, TD:岡部 健二 @kenjiokabe .



In the movie The Amateur, Three.js is used for crime scene modeling.😀 #threejs #theamateur

gunaydin_temel's tweet image. In the movie The Amateur, Three.js is used for crime scene modeling.😀 #threejs #theamateur

Loading...

Something went wrong.


Something went wrong.


United States Trends