ByteBuildersLabs / ByteBeastsFrontend

MIT License
2 stars 16 forks source link

New BabyBeast Asset and Animations – Dragon Theme🐉 #139

Open juandiegocv27 opened 3 days ago

juandiegocv27 commented 3 days ago

Scope

We need to create a new BabyBeast asset with a Dragon Theme🐲 for OD Hack 10. The design must maintain consistency with the current app's BabyBeast style, specifically the Baby Rabbit, while introducing unique dragon-inspired elements. The goal is to enhance the app's variety and visual appeal with this themed asset.


How BabyBeasts are currently designed?

babybeast copyresize


Requirements

  1. Design the Dragon BabyBeast🐉:

    • Use the Baby Rabbit as a base for style and proportions.
    • Add dragon-inspired features, such as:
      • Small wings.
      • Scales or horns.
      • A dragon-like tail.
    • Ensure the design feels cohesive with the current BabyBeasts.
  2. Create Animations:

    • Add animations that emphasize the dragon elements:
      • Tail flicks.
      • Small wing flutters.
      • Fiery gestures or effects.
  3. Maintain Consistency:

    • Match the style of the current BabyBeasts, including similar proportions, color palettes, and aesthetic logic.

How to implement?

  1. Download and use any pixel art toolkit.
  2. Create and animate the new Dragon BabyBeast.
  3. Save it to Assets/BabySprites in this repository and include the asset with its respective sprites.
  4. Let us know with a PR and by reaching out directly to me: Telegram: @juandixcode or in the community group: Telegram Group.

Cool Tools to Use


How to apply?

Follow the contribution guidelines in the README file.

Let me know by tagging me or @jimenezz22 😇🫶🏻

Amarjeet325 commented 1 day ago

Hi , I am a proficient MERN stack developer with experience in full-stack development. I believe I can contribute effectively to this project. Could you kindly assign this issue/task to me? Thank you!

aurlic commented 1 day ago

Hello ! I would love trying to create a BabyBeast in this Dragon theme. This would be my first ever contribution on OnlyDust and I think I could really create something nice. I am a student at school 42, and one of the small project I had to do was a 2D game in C, where I had the occasion to design my own assets. I am sending this application along other for other theme BabyBeasts, and hope I will get the chance to work on one ! Thanks in advance

ShantelPeters commented 1 day ago

Can I be assigned to this?

Jemiiah commented 1 day ago

Hello ser please I would love to work on this issue I'm a frontend developer with over 70+ contributions on OD Hack I haven't contributed to this repository before but i would love the opportunity to work on this issue I plan on tackling this issue with the following approaches :

Developer Approach for the Dragon BabyBeast 🐉

  1. Understand the Base Style Analyze the Baby Rabbit model to extract its proportions, color palette, and animation logic. Break down its SVG (or 3D) layers if applicable, focusing on reusable components.

  2. Dragon Features Integration Sketch or mockup small wings, scales/horns, and a dragon-like tail that maintain the rounded, minimalistic design. Experiment with pastel, fiery tones (e.g., soft oranges, greens) to complement existing palettes.

  3. Consistent Animations Use subtle CSS or Lottie animations for: Tail flicks: Keyframes simulating organic motion. Wing flutters: Small amplitude oscillations. Fiery gestures: Overlay particle effects (low opacity).

4.Test for Cohesion Place the dragon alongside existing BabyBeasts to ensure uniformity. Refine proportions, animations, and colors until visually cohesive. Implementation

  1. Use React/Three.js for animated BabyBeasts . Create reusable components for wings, scales, and animations.
Supa-mega commented 1 day ago

May I take care of this?

josephchimebuka commented 1 day ago

Can I try solving this issue?

josephchimebuka commented 1 day ago

Hello @jimenezz22 Can I handle this issue I'll complete it in 2-3 days

sandragcarrillo commented 1 day ago

Would love to contribute to this issue, I'm a developer but also love illustration, so being able to create a character for ByteBeasts would be awesome.

To solve this issue I will:

  1. Create the character design using pixel art and matching the ByteBeasts style.
  2. Create the animations
  3. Submit the PR including assets and sprites
aniruddhaaps commented 19 hours ago

Hey @jimenezz22, I will design the Dragon BabyBeast by using the Baby Rabbit as a base, maintaining its style and proportions. The asset will feature dragon-inspired elements like small wings, scales, horns, and a dragon-like tail while preserving the current BabyBeasts' cohesive aesthetic. I will add animations such as tail flicks, wing flutters, and subtle fiery effects. Using Aseprite, I will create and animate the asset, save it to the specified repository folder, and submit a PR for review.

Iwueseiter commented 16 hours ago

Could I try solving this?

juandiegocv27 commented 14 hours ago

@Iwueseiter you have the issue, any idea, new feature or blocker, let me know via Telegram, please let me know about your idea in this days plase, asap

Iwueseiter commented 14 hours ago

@Iwueseiter you have the issue, any idea, new feature or blocker, let me know via Telegram, please let me know about your idea in this days plase, asap

Alright sir