How Can I Create a Live-Updating Tattoo Design Graphic for My Web App?
Asked by
TechyTaco42
I've been diving into a web app project to generate AI tattoo designs, and I'm about halfway through. I'm looking to create a graphic that updates in real-time based on user inputs. For example, when users adjust a slider for "Line Thickness," I want the tattoo representation to reflect those adjustments immediately. The inputs that should affect the graphic include Detail, Contrast, Shading, Line Thickness, and Color Complexity. I'm using React, Python/Flask, and Bootstrap, and while I'm leaning towards manipulating SVGs' CSS attributes with React, I'm open to other solutions. I'm trying to balance development time, effectiveness, and learning new skills for future projects. Any ideas or recommendations would be super helpful!
Answers
One option could be generating the tattoo design as SVG from an AI. This would allow you to easily modify the SVG properties programmatically based on user input. Plus, it could enable users to adjust their designs after they're generated, which might enhance user engagement.
Reply to this answer
I don’t think AI-generated tattoos will win over traditional artists. Just a heads up; you might face some backlash from real tattooists who feel threatened by this tech.
Reply to this answer
Honestly, it might be more complicated than it seems. AI still struggles with SVGs, so don't expect perfection right away. Just keep that in mind when planning your features.
Reply to this answer
Add your answer
Answers are reviewed before publication.
ArtisticNinja22: That’s a solid thought! The ability for users to tweak existing tattoos might actually make for a more interactive experience than just changing some example graphic.