You are browsing as a guest. Sign up (or log in) to start making projects!

suit-up

  • 3 Devlogs
  • 8 Total hours

A website tool that overlays a 3D Iron Man onto your face/body, making it look like you’re wearing the armor.

Ship #1

suit-up


This is suit-up a little website that makes you look like Iron Man (sort of). Basically, I kept running across videos online of people building their own Iron Man suits and software, and I really wanted to build my own. Unfortunately, I don’t have anywhere near enough skills, so I decided that the next best thing would be to build a little website that makes you look like Iron Man so you can recreate all the movie scenes with your camera. Unfortunately, school came in and forced me to take a massive step back from all my projects, so it’s not in a state I’m particularly happy with. With Stardance ending, I’m shipping to put it out there, but I’m hoping to spend some more time in the future working on it and finalizing it properly.

Right now it’s entirely in-browser. It runs a local MediaPipe facial landmark detection model and renders an Iron Man helmet with Three.js. I’ve been running this on a MBA M1, which is fine (except it heats up after prolonged use). I don’t know what the actual requirements are, but I’d imagine it’s especially heavy for older machines.

It’s not properly polished right now (again I haven’t had much time), but hopefully I’ll be able to finish it later down the road. A full list of what I’ve got and what I hope to do is in the README. If anyone else sees this and wants to take it further, that would be awesome. Plz js lemme know cuz I’m really excited to see what this could look like in a more finished state :)

P.S. The picture below is of one of my testing phases. I didn’t screenshot the actual project cuz I don’t wanna put pictures of myself here, but feel free to try the demo for yourself!

  • 3 devlogs
  • 8h
Try project → See source code →
Open comments for this post

1h 59m 40s logged

Devlog III

Hi everyone, it’s been a while. I really wanted to work on this (and other stuff too), but going back to school has been rough (IB is srsly no joke) so pretty much all my other projects have been on hold. I worked for a bit, but didn’t do as much as I would’ve liked. Honestly, right now this is kind of half-baked, but with Stardance ending I have no choice but to ship what I’ve got. Who knows, maybe I’ll work on it more in another program, but for now I’m putting everything on the backburner and focusing on my studies. If anyone else wants to take this project further plz do, cuz I would love to see a fully finished version of this idea :)

0
0
2
Open comments for this post

2h 44m 15s logged

Devlog II


So after managing to get MediaPipe working fairly quickly yesterday I decided to try to start working on the 3D rendering aspect of the project. I’m using three.js to do this in the browser with JS, but it has a bit of a learning curve so I’m struggling a bit. Rendering a simple cube is fine but getting an STL model I got from printables on the screen took me a lot longer than I anticipated


Anyways, the next steps to take will be to get the model rotating and resizing based on the detected head size and orientation. Turns out that MediaPipe gives me the matrixes, and that three.js comes with built-in functions for this (sweet), except this means that I need to merge my two JS scripts into one thingy, which is not a fun process. I started today, but I need some recovery time before I finish


After that I’ll probably need to do some work on the models, adding colors and all that. I’m planning to use Blender, but if anyone has any better ideas/suggestions plz do let me know. Also idk if it’s possible to add Hackatime to Blender, so that’s smthn imma have to figure out too… Basically I’m happy with how it’s going, but there’s still a ways to go


If you wanna check out the half-baked stuff I’ve got so far, I so far have a head-tracking demo and a Iron Man helmet rendering demo. As always, I’m happy to hear if y’all have any ideas on how I can improve :)

0
0
9
Open comments for this post

3h 0m 34s logged

Devlog I


So I’m building suit-up, which is a website that should let you overlay Iron Man onto you. Started this cuz I keep seeing ppl building iron man and spiderman stuff on my insta, and cuz I’m not skilled enough to do that I decided this would be the next best thing.


I started with Python, except then realized that building a tool that runs an AI model and renders 3D models in parallel is gonna suck and kill my laptop. After some research I found that I could either do this in the web (as there are libraries that let me do this efficiently), or I could spend hours struggling with C++… the choice was pretty easy honestly


Anyways, I’ve now gotten a cameo working with an overlay of the landmarks that are detected by the mediapipe model I’m using. Had to use Gemini to understand the docs for the model as they’re cryptic as heck and incredibly overcomplicated. Next up I’m gonna see how I can render a 3D model, and then imma try to implement that as an overlay. Got a long way to go, but I think it’s gonna be cool


Btw, there is actually a cameo but I made it transparent for the screenshot cuz it’s still too early for a face reveal lol

You can try my really rough demo here if you’re interested. All feedback is appreciated, but plz keep in mind this is still in early dev stages

0
0
14

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…