DEV Community

Cover image for How a DEV Friend and I Brought Two Avatars to Life
Aryan Choudhary
Aryan Choudhary

Posted on

How a DEV Friend and I Brought Two Avatars to Life

I met @webdeveloperhyper on the DEV Community, and like most good internet collaborations, it started casually.

A few messages. Some feedback. Valuable guidance.

Then at some point, the conversation shifted from “this looks cool” to “let’s make something fun together.”

We didn’t over-plan it. We just started building.

They were in Japan. I was in India. Which meant most of this project happened in small pockets of time. Late nights. Random 20-minute windows during the day. Messages sent hours apart. Progress that didn’t look dramatic, but quietly accumulated.

Somehow, it worked.


From basic shapes to actual avatars

The project didn’t begin with polished characters. It began with simple shapes in a scene, just placeholders to test positioning, camera, and basic interaction.

The idea was simple. Two characters. A short conversation. Some animation.

Simple ideas tend to hide interesting problems.

My first real task was creating the avatar itself using VRoid Studio. That alone was a learning curve. Once imported, the avatar didn’t behave like a character. It behaved like a static object.

The default pose was a T-pose. Arms stretched out. Completely lifeless. Fixing that was the first small victory. Getting the avatar into a neutral stance, hands down, just standing naturally.

It sounds minor. But that was the moment it stopped looking like a model and started looking like a character.

From there, we began layering gestures.

Hello animations. Goodbye animations. Small movements during conversation. Even a sigh animation that became one of my favorite details.

There was also a failed attempt at overriding default gestures directly, which taught me very quickly that animation systems have their own rules.


Writing the conversation was harder than expected

Surprisingly, one of the hardest parts wasn’t technical. It was writing the conversation itself.

Short. Natural. Slightly funny. Not robotic.

When dialogue is too long, it feels forced. Too short, it feels empty. Too serious, it loses charm. Too silly, it loses believability.

meme1-spongebobinternalscreaming

Finding that balance took more iterations than expected.

I still think the punchline could be better. But maybe that’s a good thing, leaves room for evolution.


When rendering avatars becomes a systems problem

Rendering avatars is straightforward with modern tools. The real challenge was orchestrating behavior.

We needed the scene to manage:

• who speaks
• what animation plays
• when it starts
• when it ends
• when the next character takes over

So instead of hardcoding behavior, we defined dialogue as structured data:

const DIALOGUE = [
  {
    speaker: "A",
    text: "I'm Web Developer Hyper. I like to make fun things.",
    animation: "VRMA_03_peace_sign.vrma",
  },
  {
    speaker: "B",
    text: "Hello! I'm Itsugo. And I like turning ideas into something real.",
    animation: "VRMA_04_shoot.vrma",
  }
];
Enter fullscreen mode Exit fullscreen mode

The scene simply interprets this sequence. This separation made the system easier to control, extend, and reason about.
Instead of forcing behavior, we orchestrated it.


The coordination problem

Animations don’t naturally tell your application when they finish.

But timing matters. The next line shouldn’t interrupt too early. And the system shouldn’t freeze if something goes wrong.

So the dialogue system waits for either:

• animation completion
• or a safe timeout fallback

Whichever happens first.

This tiny decision made the system resilient.

Small systems thinking like this often matters more than large features.


You can check it out here!

Project screenshot


The invisible part of collaboration

What made this project meaningful wasn’t just the final result. It was the process.

Fixing animation timing. Cleaning unnecessary code. Improving readability. Adjusting gesture intensity. Adding beginner-friendly comments.

And doing it across timezones.

Huge thanks to @webdeveloperhyper for setting up the foundation, pushing the project forward, and tolerating my questionable Japanese during our conversations.(ˉ▽ˉ;)...

This project exists because of that shared effort and patience.


Where this could go next

Right now, it’s just two avatars having a conversation.
But it already feels like the beginning of something larger.

Interactive characters. Story systems. Dynamic dialogue. Maybe something we haven’t even thought of yet.

meme2-future scope confusion

And that brings us to the real question.

How should we take this forward?

We have some ideas where this could go next, but we want to hear from our awesome followers.

How would you have fun with this project?
No matter how unrealistic it might sound.
Let’s have some fun with this side project.


Closing

This started as a small experiment between two developers who met online.
It became a reminder of why side projects matter.
Not because they are perfect.
But because they are alive.

And sometimes, that’s enough to start something meaningful.

Top comments (61)

Collapse
 
itsugo profile image
Aryan Choudhary

Thank you very much for this amazing comment Richard! ヾ(≧▽≦*)o All of this was made possible thanks to @webdeveloperhyper so once again hats off to them.
That novel style RPG is the direction we were thinking for our v2, making it more interactive so even you can have fun instead of just viewing it.
And yes, you are on point about DEV, genuine connections are being built on this platform, and it's honestly fun and truly awesome to be able to exchange thoughts and ideas and build together with anyone from all over the world.

Collapse
 
maame-codes profile image
Maame Afua A. P. Fordjour

It is so cool to see how you and your friend collaborated on this. Seeing projects where people bring creative ideas to life is really inspiring. Great work!

Collapse
 
itsugo profile image
Aryan Choudhary

Thank you so much Maame! Really appreciate your support!

Collapse
 
maame-codes profile image
Maame Afua A. P. Fordjour

No p!

Collapse
 
webdeveloperhyper profile image
Web Developer Hyper

Hooray for our project v1 release! 🎉 Thank you so much for your cooperation! I’m already excited for v2. I’ll write my side of the post soon.

By the way, I’m not “they.” As you can see from my icon, I’m one cute little odd-eyed hamster. 🐹

Collapse
 
itsugo profile image
Aryan Choudhary

Lol I didn't know what pronouns to use for you so I used "they". I cannot write cute little odd-eyed hamster (ˉ▽ˉ;)...

Collapse
 
webdeveloperhyper profile image
Web Developer Hyper

Haha! 🤣 I’ll forgive you if you give me a lot of fresh, yummy nuts! 🥜🐹

Thread Thread
 
itsugo profile image
Aryan Choudhary

Hahaha (⁠≧⁠▽⁠≦⁠)

Collapse
 
theminimalcreator profile image
Guilherme Zaia

What a journey! I appreciate how you embraced the iterative process, especially with dialogue and animation. The structured data approach for managing conversations is brilliant—it really keeps the system scalable. Have you considered expanding on that structure to further optimize responsiveness? Looking forward to where this project heads next! 🚀

Collapse
 
itsugo profile image
Aryan Choudhary

Oh yeah we could add responsiveness! Thank you for sharing your thoughts Guilherme, that's something useful and obvious we would have probably missed.

Collapse
 
web2and3 profile image
Web2 and Web3

Great collaboration can make great stuff.

Collapse
 
itsugo profile image
Aryan Choudhary

Glad you liked it!!

Collapse
 
harsh2644 profile image
Harsh

Love seeing DEV collaborations come to life! 🤝 The way you both brought avatars to life is super inspiring. Reminds me that the best projects start with just a casual conversation. What's next on your roadmap?

Collapse
 
itsugo profile image
Aryan Choudhary

Thank you Harsh! Glad you liked what we built!
We're still brainstorming about what to build for this project next, if there's something you can see our current project mold into do share, we are in fact looking for new ideas and fresh perspectives!

Collapse
 
harsh2644 profile image
Harsh

Thank you for sharing! I really appreciate the openness. I’ll definitely think about it and share any ideas or perspectives that come to mind. Excited to see where you take this next.

Thread Thread
 
itsugo profile image
Aryan Choudhary

Very much appreciated Harsh!

Collapse
 
webdeveloperhyper profile image
Web Developer Hyper

Thank you for checking out our project! 😃

Collapse
 
narnaiezzsshaa profile image
Narnaiezzsshaa Truong

“If this becomes a startup, I’m blaming you.”—lol.

There’s a particular kind of magic that happens when two people are simply trying to make something fun. No roadmap, no pitch deck, no “market opportunity.” Just play. And then—without warning—the thing starts to cohere. It gains structure. It grows teeth. It looks back at you.

That’s the moment someone inevitably says, half‑laughing, half‑horrified: If this becomes a startup… I’m blaming you.

It’s a joke, but it’s also a diagnosis. Because play is the oldest prototyping engine in the world, and the Trickster loves nothing more than slipping a seed of seriousness into a moment of joy. You think you’re just riffing, but the riff is actually scaffolding. You think you’re killing time, but time is quietly assembling a lineage.

Accidental creation is its own archetype. It bypasses the ego, the ambition, the founder‑theater choreography. It emerges from curiosity, not conquest. And that’s why it feels dangerous: it threatens to turn delight into obligation, improvisation into infrastructure, a shared laugh into a cap table.

But the deeper truth is this: the things that begin in play often carry more integrity than the things that begin in strategy. They weren’t designed to impress. They weren’t optimized for scale. They were born from the cleanest substrate—two minds meeting without agenda.

So when someone says “If this becomes a startup…” what they’re really naming is the threshold. The moment where a joke becomes a possibility. Where a spark becomes a pattern. Where the Trickster hands you a blueprint you didn’t ask for but now can’t unsee.

And the laugh that follows?
That’s the sound of recognizing you’ve just crossed into mythic territory.

Collapse
 
itsugo profile image
Aryan Choudhary

Thank you for writing such a beautiful comment Narnaiezzsshaa (❁´◡`❁). I love how you've explained the lines that blur between 'just for fun' and 'oh wait, this could be something.' It's like the whole world shifted, but you can still see the footprints of 'we were just messing around' all over it lol.

 
itsugo profile image
Aryan Choudhary

Thank you once again Richard!

Collapse
 
javz profile image
Julien Avezou

I love that this started as just a fun idea and has now become a side project, and potentially more. Hope you continue to have lots of fun with this one!

Collapse
 
itsugo profile image
Aryan Choudhary

Thank you Julien! We sure will and are already planning what to do with this next!

Collapse
 
charanpool profile image
Charan Koppuravuri

The real win! Collaborative coding > solo grinding. Those late-night "one more feature" sessions build skills and bonds 🤝

Collapse
 
itsugo profile image
Aryan Choudhary

Definitely Charan! It was an amazing experience indeed!

Some comments may only be visible to logged-in visitors. Sign in to view all comments.