I'm Mehdi Dabagh
3d artist
web developer
freelancer
Hi, I’m Mehdi Dbagh, a Web Developer and 3D Artist with a passion for creating immersive digital experiences. I specialize in building responsive websites and integrating 3D content using technologies like Three.js and Babylon.js, alongside HTML, CSS, JavaScript. My work combines the art of web development with the creativity of 3D design, allowing me to craft interactive and visually compelling projects. Whether it’s developing a dynamic website or creating real-time 3D visualizations, I’m dedicated to delivering high-quality work that captivates and engages users. Let’s connect if you’re looking for someone who can blend technical expertise with creative vision, especially in the realms of web and 3D!
Showroom is a 3D online store that offers several interactive. Users
can travel to the island via helicopter, which serves as the entry
point to the virtual environment. On the island, there is a music
studio where visitors can explore and listening to music. There is
also a game section that features a sea trip with a jet ski,
supporting gyroscopic controls for a more immersive experience.
Additionally, there is a ship section that showcases various boats and
maritime activities. The showroom environment features dynamic
daylighting that changes according to the time of day, enhancing the
realism of the virtual experience.
Tools Used :
HTML , CSS , JavaScript , Three.js , Blender
This is a shower head for a landing page. It uses particle effects to
simulate water and GSAP ScrollTrigger to synchronize the shower head
animations with the page scroll.
Tools Used :
HTML ,CSS , JavaScript , Three.js , Blender, GSAP
Beat Catcher is a musical game created using Babylon.js. In the game,
beats are generated in sync with the music, and the player must shoot
them as they appear.
Tools Used :
HTML , CSS , JavaScript , Babylon.js , Blender
Budzburn is an online 3D shop created using TypeScript and Babylon.js.
The shop features a wide range of products and is mobile-friendly. It
offers two navigation modes: joystick mode and mouse navigation.
Tools Used :
HTML , CSS , TypeScript , Babylon.js , Blender
These are 5 singlet designs where you can customize different
parts—such as colors, text, and logos—to create your own custom
singlet.
Tools Used :
HTML ,CSS , JavaScript , Three.js , Blender
This is a section of a shooting game made in Three.js where players
can switch between different weapons, such as gun and pistol, and
perform actions like shooting and reloading.
Tools Used :
HTML , JavaScript , Three.js , Blender
This is a low-poly environment for a shooting game with baked
lighting, optimized for fast loading and high FPS in three.js
Tools Used :
HTML , JavaScript , Three.js , Blender
This is several jackets done for an online shop. You can see the
jackets from all angles and change their colors.
Tools Used :
HTML , JavaScript , Three.js , Blender
This is a landing page with an NFT gallery—you can explore and view
the NFTs inside.
Tools Used :
HTML , JavaScript , Three.js , Blender
Unicorn is a landing page for an NFT game. You can use the Z, X, C, V,
and B shortcuts for different animation actions of the unicorns.
Tools Used :
HTML , JavaScript , Three.js , Blender
This is a game item selection screen where players can choose
different tanks.
Tools Used :
HTML , JavaScript , Three.js , Blender
This is a theater hall modeled in low poly with baked lighting, made
in three.js.
Tools Used :
HTML , JavaScript , Three.js , Blender
Resurgence is a 3D gallery of famous sculptures that you can scroll
through with your mouse. The models are optimized for fast loading,
and their lighting is baked for performance.
Tools Used :
HTML , JavaScript , Three.js , Blender
This is a 3D model of a lotion bottle designed for a landing page,
where animations are triggered using GSAP as the user scrolls.
Tools Used :
HTML , JavaScript , Three.js , Blender
This is a low-poly city environment with baked lighting.
Tools Used :
HTML , JavaScript , Three.js , Blender
Several interactive phones with color customization, fully mobile
responsive.
Tools Used :
HTML ,CSS , JavaScript , Three.js , Blender
These are models of Bisim. You can view them from all angles and
toggle the information on and off.
Tools Used :
HTML ,CSS , JavaScript , Babylon.js , Blender
This is an interactive kitchen where you can choose different
materials and toggle between day and night lighting.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This garage model in Blender has its lighting baked as a single
texture.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This is a robot used as an avatar, and it has different animations and
facial expressions.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This anime character is used in an AI application and comes with
different animations.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
Charles de Gaulle is a famous historical figure, modeled and rigged
for educational use by students.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This is an avatar character that I made with Blender.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
Lynx Solutions is a project featuring a character wearing a fox mask
with animations that point to a screen. On the screen, a YouTube video
is displayed as an iframe. The iframe aligns perfectly with the
screen, and as you move or zoom the camera, the iframe adjusts to
match the screen's perspective.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
It's an avatar of Martin Schongauer with some animations, including a
talking animation.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This is a gallery you can navigate by dragging with the mouse or
clicking buttons.
Tools Used :
HTML , css , JavaScript , Babylon.js , Blender
This coin serves as the logo—it's very lightweight and loads quickly.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This is a high-poly car model that I remodeled and optimized for
better performance and high frame rates.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This is a T-shirt that I modeled and optimized for an online store.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
An interactive demo allowing users to place, scale, and rotate logos
on apparel items like jackets, bags, and shoes.
Tools Used :
HTML , css , JavaScript , Babylon.js , Blender
This is a modeling of the Asus VivoBook K550IK laptop.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This is some low-poly motorcycle modeling in Blender..
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This is a voice-reactive visual that respond to audio input. It
includes three different noise effects.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
This is a booster sample that breaks using CANNON physics to simulate
glass shattering.
Tools Used :
HTML , css , JavaScript , Three.js , Blender
