Another exploration of audio reactive systems, focused on performance and synchronization, where audio stops being something you hear, and starts being something you see.
A shader projected across the faces of a cube, that scales and shifts based on the frequency of the song, translating audio input into visual motion.
No assets. Just code.
#threejs #webgl #shaders #creativecoding #techno
We took part in a 3D WebGL project for Cocuy Saroche.
Particularly proud of the level of quality achieved in the model integration, while allowing users to interact with the movement.
A custom tooltip allows real-time parameter adjustments for materials, lighting, reflections, directly in the browser. Allowing live feedback and testing with the teams involved.
No video. No pre-renders. Just real-time WebGL.
#webgl #threejs #3dmodelling #tequila
Exploring the city of Barcelona using code only, running entirely in the browser.
No assets. No 3D models.
Built in a single shader using SDFs and raymarching, thanks to the awesome teachings of @inigoquilez
#threejs #inception #shaders #glsl
We’ve been exploring motion in still images for some time.
A similar approach to spatial scenes in iOS, powered by AI and depth maps.
#threejs #webgl #spatialdesign #imageprocessing #creativecoding
A glimpse into a small interactive piece for Lucta’s new brand image.
Built with Three.js and custom shaders, mapping light and dark pixels from multiple images to generate a dynamic particle field with different sizes and densities. Reacting to the pointer’s position and speed, creating a smooth and enjoyable experience.
#threejs #creativecoding #shaders
No assets, just code magic.
A step-by-step look at our latest post, built with #ThreeJS and custom shaders in #WebGL.
#generativeart #creativecoding #shaders #digitalart #interactiveart #webtools
(Part 1) This week, we’re celebrating Día de los Muertos, a day to remember our loved ones who have passed.
We are building an interactive 3D tool using #threejs, #webgl, and GLSL shaders, where every generated skull pattern is unique and alive.
All models and patterns are programmed, no 3D models used.
Comment if you’d like to use this online tool to create your own 😉
#DiaDeLosMuertos #DayOfTheDead #GenerativeArt #CreativeCoding #ShaderArt #DigitalArt #InteractiveExperience #Mexico #TradicionesMexicanas
For this upcoming Halloween, a small homage to Yayoi Kusama and her polka dotted pumpkins.
Kusama's world of repetition, color, and infinity is a source of inspiration for our exploration of interaction with code. A mirrored field of glowing, generative pumpkins that respond and evolve in real time.
#immersiveart #codeart #realtimegraphics #creativecoder #halloween #spookyseason #immersiveexperience #digitalinstallation #webglart #threejs #webgl #shaders #glsl #yayoikusama #kusama #kusamalove #yayoikusamainspired
Last week, Fortnite launched the Daft Punk event. More than a game, an interactive, immersive experience.
We've built a little tribute using #threejs, #webgl, and custom shaders. The character’s movement is controlled with the mouse, and the speed with the arrow keys.
Music: Around the World by @daftpunk
3D Model: Adobe Mixamo
3D Earth textures: Solar System Scope
Inspired by the Daft Punk Experience by @fortnite .
#creativecoding #interactiveart #digitalart #motiondesign #generativeart #creativeweb #3danimation #audiovisual #visualjourney #immersiveart #codeart #futureofweb #digitalcreativity #creativecoder #experientialdesign #realtimegraphics #newmediaart #techart #frontendart #designinspiration #webdesigninspiration #creativetech #designstudios
Proud to partner with @morillasbranding , one of Barcelona's most iconic design agencies since 1962, to bring their vision to life in a new web application.
Refined interactions. Elegant details. Custom coding.
#shaders #gsap #webdev
Hand gesture detection
We’ve been experimenting with different approaches for real-time interaction; this time using the camera.
By combining a machine learning model to detect hand gestures with visuals and a pinch of physics, we created some fun, interactive experiments.
Swipe to see it in action!
#p5js #ml5js #handpose
