Houmahani Kane

Freelance Creative Front-End Developer.
WebGL, Three.js, shaders.
Available for freelance projects.

[Houmahani Kane @houma_hani]

After a few years as a Creative Developer in agency life, I’m now independent and ready to team up with designers, studios & brands.

Here’s a glimpse of what I built with amazing teams for big brands 🎥👇

#webgl #threejs #threejsjourney

[Three.js Conf Paris @threejsconf]

Worldcup edition ⚽️🏆
👉 https://t.co/fcEC9BhFQH special gift hidden inside ;)

[Houmahani Kane @houma_hani]

@codrops Thank you @codrops for the opportunity to share my story 💙

[Codrops @codrops]

Not every path into creative development starts with a degree, a plan, or a clear roadmap.

@houma_hani taught herself to code, built interactive experiences for major brands, and carved out a place for herself in the industry through curiosity, resilience, and years of dedication to her craft.

We're honored to share her story today: https://t.co/kuu0PX5RcX

[Houmahani Kane @houma_hani]

Revealing hidden structure through interaction ⇢ https://t.co/Fz508aiJUZ

• Spatial reveal interaction built with #threejs
• Split render via Three.js scissor test, with the cut following the cursor in real time

#webgl #interaction

[Houmahani Kane @houma_hani]

◼️ Structure meets culture - Portfolio exploration

#webgl #threejs #shaders #threejsjourney

[Codrops @codrops]

What if scroll felt like moving through a mood?

This beautiful tutorial by @houma_hani shows how to build a scroll-reactive 3D gallery with @threejs where depth, color palettes, and scroll velocity shape the atmosphere of the scene.

Follow along: https://t.co/1luFM44hpz

[Houmahani Kane @houma_hani]

Dot Imprint
• Instanced dot grid with pressure falloff
• Hover imprint + background bend/bloom
• Mini navigator mirrors the main grid in real time

Explorations for my portfolio coming very soon 🌟

#webgl #threejs #shaders #threejsjourney

[Houmahani Kane @houma_hani]

Chromatic Effect ⇢ https://t.co/nBrlo2ZJ1C
• Chromatic aberration via #glsl #threejs
• Cursor‑tracked mask
• RGB offsets + shimmer/glow pass
• Live UI

#webgl #shaders #threejsjourney

[Houmahani Kane @houma_hani]

@doni_wawa 👉 @threejs @threejsJourney to learn
I’ll share a CodePen version soon

[Houmahani Kane @houma_hani]

Cosmic Trail
→ Z-depth gallery
→ Subtle floating particles
→ Reactive shader effects

👉 https://t.co/kPOhY3QGP2

#threejs #webgl #creativecoding #shader #threejsjourney

[Houmahani Kane @houma_hani]

✦ Exploring layouts and ideas for my future portfolio, inspired by the #digitalgarden concept

#webgl #threejs #portfolio #wip #3d

[Houmahani Kane @houma_hani]

🎨 Got stuck on textures and 3D scene (still not right),
so I shifted focus and explored shader effects when entering the painting

#wip #threejs #threejsjourney #creativecoding #webgl #shaders #3d #blender

[Houmahani Kane @houma_hani]

I’m currently open for freelance collaborations—
creative development, 3D, WebGL, and immersive front-end experiences.

Here’s a glimpse into recent explorations and interactive concepts.

👉 https://t.co/uRD1JfQNtU

#webgl #threejs #threejsjourney #creativecoding #3d #blender

[Houmahani Kane @houma_hani]

🎨 Used #Photoshop Generative Fill to extend the painting for widescreen displays. Still struggling with the restaurant on the left, but it's coming together!

#wip #outpainting #AIart #AdobeFirefly #threejsjourney

[Houmahani Kane @houma_hani]

Exploring shaders again with this ripple unveiling effect ✨

👉 https://t.co/Ob2yeuhDRC

#practise #shaders #glsl #threejs #threejsjourney #r3f #webGL #creativecoding

[Houmahani Kane @houma_hani]

🎨Continuing to transform this painting into an immersive experience

Textures are still rough but I had fun testing first-person controls inside the scene

Next step : refining textures & adding more details

#threejs #threejsjourney #webgl #immersiveart #creativecoding #blender

[Houmahani Kane @houma_hani]

Inspired by @SpacePlunge Art Plunge project on VR : https://t.co/RzFWxxYiFt

[Houmahani Kane @houma_hani]

Plunging into the painting 🎨

Still WIP but the plunge transition feels right.
Using shaders, we step through the painting into 3D.

Next steps: refining 3D world with textures, sounds and more details. This won’t be easy!

#threejs #threejsjourney #webgl #art #shaders

[Houmahani Kane @houma_hani]

Transforming this painting into an immersive experience 🖌️

Still early with basic shapes, no textures yet but the depth and scale are starting to come to life

Next step: the plunge effect before going deep in refining the 3D world

#wip #threejs #threejsjourney #webgl #blender