Neon Flow: 3D Character Texturing Experiment
How neon color maps flow across a human silhouette, built with Three.js
I built this 3D animation to test how neon color maps flow across a human body model in real time. The goal was simple: see what happens when you push vibrant textures through a digital silhouette and watch the lighting respond.
The result is a short animation where purple and blue neon patterns move across a human figure. The colors shift with the camera angle, so the surface always looks like it is in motion.
WHAT I WAS TESTING:
I wanted to find out two things:
1. How color transitions work on a 3D character mesh when they move?
2. How lighting interacts with neon textures that are always changing?
The animation uses custom shader code to make the colors move across the surface. The neon maps flow instead of sitting still, which gives it that liquid look.
THE TECHNICAL SIDE:
Everything runs in the browser with Three.js and WebGL. No plugins, no downloads.
The code handles vertex and fragment shaders for the flowing neon effect, dynamic lighting that changes with the animation, and smooth camera movement with OrbitControls. I also used SimplexNoise to generate the color patterns that flow across the model.
I loaded the human model with GLTFLoader, then applied custom materials with noise-based color transitions. The Orbitron font from Google Fonts gives the text overlay that sci-fi look.
TRY IT YOURSELF: (https://<https://jsfiddle.net/Saminsami/dz1p0ws6/1>)
The full working example is on JSFiddle. You can change the colors, adjust the speed, or swap out the model to see how the effect changes.
WHAT I LEARNED:
This project taught me about shader programming and how small changes in color values shift the mood of a 3D scene. The neon effect works because the colors never stop moving.
If you are working on similar projects or want to collaborate on 3D web experiments, message me here on Contra.
Built by Samin Sami | Developer & 3D Experimentation
7
13
9.2K
Just launched a Shopify clothing store using the Dawn theme – with a mix of built-in tools and a touch of custom code!
I handled the full setup, customized parts of the theme, and made sure the store looked clean and worked smoothly across devices.
Here’s what I worked on:
↳ Store setup from scratch
↳ Dawn theme customization
↳ Product & collection pages
↳ Clean, user-friendly navigation
↳ Mobile-responsive layout
↳ Minor custom coding for layout tweaks and functionality
↳ Branded visuals for a polished look
Perfect for fashion startups and clothing brands that want a professional, conversion-friendly online store.
If you're launching a Shopify store and need someone who can handle both setup and coding — I'm here to help!
Let’s connect 💬
4
669
Recently completed a web development project for an international client through a freelance marketplace.
The client needed a reliable team that could handle the project smoothly with clear communication, fast updates, and clean execution.
✔️ Delivered the project successfully
✔️ Maintained regular communication throughout the workflow
✔️ Completed everything on time
✔️ Received a 5-star review from the client
This project was another reminder that clients value reliability, quality, and proper collaboration more than anything else.
Need a reliable development partner for your next project? Let’s talk.
0
184
Project: The Cursed Pumpkin Eye
Built for the Rive Halloween Challenge. I wanted to create an eerie, interactive focal piece using a combination of vector illustration, Rive State Machine logic, and real-time GPU rendering.
Features & Workflow:
Interactive Tracking: The eyeball follows cursor movement across the viewport using custom numerical state machine inputs.
State Machine Dynamics: Smooth transitions between an eerie idle glance and an aggressive focus state on hover/click.
Tech Stack: Powered by Rive runtime with GPU Canvas integration for high-performance rendering.
1
539
Designed and developed a fully custom WordPress website for Grippersoft Digital, a digital growth and marketing agency.
I handled the project from design to development, creating a modern, responsive, performance-focused website tailored to the brand’s visual identity.
Key features and development work:
• Custom WordPress development
• Advanced Custom Fields (ACF) integration
• Dynamic content management system
• Custom dynamic filtering system
• Reusable and scalable content sections
• Responsive UI/UX across devices
• Custom animations and interactive elements
• Performance-focused development
• SEO-friendly website structure
• Custom layouts and components based on the brand identity
The website was built to make content management easier while keeping the design flexible, scalable, and consistent across the site.
0
65