Toon-Tailor

A Game Character Creator – Bringing Inclusive, Fun, and Personalized Avatars to Life

Overview

Toon-Tailor is a creative and inclusive application that lets users design and customize their game characters easily. Built with a focus on diversity, representation, and accessibility, Toon-Tailor empowers users to create avatars that resonate with their personal identity—whether for games, social platforms, or personal branding.
The project is the result of a collaborative effort by the Toon Team: Peeyush Maurya, Sethukumar, Moorthy, and Harsh Chaudhary, under the auspices of Sufanpreet Kaur at Lovely Professional University, Punjab.

Table of Contents

• Features
• Tech Stack
• Demo Examples
• AI Chatbot Integration
• Installation and Setup
• Usage
• Further Applications
• Contributing
• License
• Feedback

Features

• Inclusive Character Customization:
  • Choose from a wide range of races and backgrounds such as Elves, Dwarfs, Humans, Halflings, and Orcs.
  • Select gender options including male, female, and neutral to promote diverse identities.
• Fun and Accessible UI:
  • A playful design using modern UI elements powered by Tailwind CSS.
  • Use of SVG editors for crafting unique avatars and assets.
• Local Save:
  • Save your created characters using LocalStorage for easy access and later modifications.
• AI-Driven Chatbot:
  • Leverage the DeepSeek R1 API to guide users through natural language conversation.
  • Quickly update avatars with simple text prompts such as “Give my character purple eyes and a jacket.”
  • The chatbot brings creativity, advanced reasoning, and dynamic interaction to the customization process.
• Broad Use Cases:
  • Quick prototyping and exporting of character designs for role-playing games, story-based projects, and metaverse initiatives.
  • Supports educational tools, especially for neurodivergent or dyslexic students who benefit from interactive, personalized learning environments.

Tech Stack

• Frontend:
  • React.js – Provides a dynamic and responsive user interface.
  • Tailwind CSS – Ensures a modern and utility-first styling framework.
• Asset Management:
  • SVG Editors – For creating, editing, and integrating character assets.
• Data Storage:
  • LocalStorage – Enables users to locally save their character customizations.
• AI Chatbot:
  • DeepSeek R1 API – Integrates an AI assistant to interpret user instructions and customize avatars in real time.
• Version Control & Deployment:
  • GitHub – Used for code hosting, versioning, and deployment processes.

Demo Examples

Toon-Tailor features a few standout character prototypes, including:

• FounTheodus Brightshield:
  A righteous human cleric devoted to healing and protection.
• Grakar Softpaw:
  A battle-scarred orc warrior with a soft spot for small animals.
• Sylvaris Moonwhisper:
  A nimble elf rogue with a mischievous streak and a mysterious past.

Each character design exemplifies the application's commitment to creating inclusive and relatable avatars.

AI Chatbot Integration

The built-in AI Chatbot transforms the character creation process:

• Natural Language Interaction:
  Users simply type prompts in plain language to update their avatar’s features, eliminating the need for manual adjustments.
• Instant Visual Feedback:
  The chatbot uses the DeepSeek R1 API to process and apply changes on the fly, creating an intuitive and engaging experience.
• Enhanced Creativity:
  Beyond direct commands, the chatbot can suggest creative enhancements, making the overall experience more interactive and fun.

Installation and Setup

Follow these steps to get started:

1. Clone the Repository:

   git clone https://github.com/Peeyush-04/toon-tailor.git
   cd toon-tailor

2. Install Dependencies:

   Ensure you have Node.js installed, then run:

   npm install

3. Run the Application:

   npm start

4. Build for Production:

   To create an optimized build, run:

   npm run build

Usage

• User Interface:
  Use the interactive UI to choose character attributes such as race, gender, and style.
• Chatbot Support:
  Enter descriptive prompts in the chat interface to personalize your avatar in real time.
• Saving Your Work:
  Characters are saved in the browser’s local storage, ensuring you can revisit and adjust your designs at any time.
• Export Options:
  Export or share your designs for further use in game development, social platforms, or digital storytelling.

Further Applications

Toon-Tailor is more than just a game character creator:

• Game Development:
  Quickly prototype characters for role-playing and adventure games.
• Educational Tools:
  Create interactive learning environments that are accessible to neurodivergent and dyslexic students.
• Virtual Identities:
  Develop personal branding materials or avatars for social media and virtual environments.
• Metaverse Projects:
  Serve as a foundational tool for designing unique digital identities in virtual worlds.

Contributing

Contributions to Toon-Tailor are welcome! Here’s how you can help:

1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Commit your changes with clear, concise messages.
4. Submit a pull request describing your improvements.

For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License.

Feedback

We value your suggestions and feedback. Please feel free to open an issue or contact us directly with your ideas for making Toon-Tailor even better.