Back Web App

Product Configurator

Year
2020
Technologies
Three.js
HTML, CSS, and JavaScript
Blender
Figma

Brief

The FKirons project is a tattoo machine customizer that offers a variety of customization options for a tattoo machine's stroke, buttery, grip, and body parts. It allows users to build their custom tattoo machines using 3D models, providing a realistic visualization of the final product.

  • Stroke: The stroke of a tattoo machine refers to the distance the needle moves while operating. It can be adjusted to short (2.5mm), medium (3.2mm), or long (4.0mm) depending on whether you are lining, shading with greywash, or packing colors respectively.
  • Buttery: This element seems to be a typo or a term not typically associated with tattoo machines. It could possibly be a misinterpretation of "battery", referring to the power source of the machine.
  • Grip: The grip of a tattoo machine is the part where the artist holds during the tattooing process. It can be customized to fit the user's comfort and control needs.
  • Body: The body of a tattoo machine houses the components of the machine. It can be customized in terms of material, color, and design for aesthetic or functional purposes.

This project is essentially a tool for tattoo artists to design and visualize their ideal tattoo machine, which can then be used as a reference for actual production or purchase. It combines elements of 3D modeling, user interface design, and customization options to deliver a unique user experience.

Testimonial

Hats off Hexa, With its user-friendly interface and seamless functionality, I can easily upload and share my 3D models with clients and collaborators all over the world. The level of customization available with the 3D Online Viewer is truly remarkable, and I am able to adjust lighting, texture, and other elements to create a truly immersive experience.

Francisco Lara - Paco

With its seamless integration with React, I can easily incorporate stunning 3D elements into my projects without having to worry about complicated code or compatibility issues. The level of flexibility and customization provided by Hexa Team with this integration is truly amazing.

C Tan, Ttmedia Pte ltd

I'm developing a game, building a virtual reality experience, or showcasing a product design, the JavaScript 3D web player customizationservice with WebGL a plus has become an essential tool in my toolkit. I am absolutely thrilled with the teamwork displayed by Hexa Coder team! Their level of professionalism, dedication, and collaboration has completely transformed the way I approach projects and achieve my goals.

Joe Wehinger – ROI Jolt

My MVP project done by professional, quality and dedication. Dipen, Harshil and team are super professional team. Never disappoint with their output. Any 3D, Programming, Three.js work - i have no hesitation recommending Dipen and the team.

Harish Boke, PDome

I am absolutely blown away by the 3D configurator service by Hexa Coder! With its intuitive interface and seamless functionality, I can easily create and visualize intricate 3D models in real-time. The level of customization available is truly remarkable, and the attention to detail is unparalleled.

Andrew Lloyde, Omnibiz

This powerful library has completely transformed the way I create and showcase 3D graphics and animations. Thank you so much to Hexa Coder Team. With its advanced features and extensive capabilities, I am able to create stunning visualizations and interactive experiences that truly captivate and engage my audience. The level of flexibility and customization provided with three.js is truly remarkable, and I am constantly amazed by the results I am able to achieve.

Tae Jang, RowiLAB