DEV Community

Cover image for SailorMoon pose recognition signup/login: part 1
Kauress
Kauress

Posted on • Edited on

20 9

SailorMoon pose recognition signup/login: part 1

Introduction

I've been working on a small side project called "Sailormoon Pose Signup/Login". It is a signup/login strategy using a machine learning implementation in javascript. Using posenet and ml5.js. The project for now is at here

SailorMoon Homepage

Phase 1 involves the following steps:

Alt Text

Took me a day to finish the above + read on posenet and have it running on a local server. My webcam on my laptop isn’t all that great but should suffice for the time being. Below are steps for the project so far:

  1. Use the getUserMedia method of the web media API to detect a webcam and get permission from the user to stream video from the webcam
  2. Use the setInterval() method to countdown from 3 till 0
  3. On the count of 0 trigger drawing of current video frame on the canvas using context.drawImage()
  4. Do this 3 times as there are 3 separate poses or images of poses clearInterval() between each count and disable the start button after the countdown begins, because the setInterval() method messes up the global window object

Result

sailormoon gif

Check it out

The project for now is at here

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (6)

Collapse
 
jenc profile image
Jen Chan

YES

Collapse
 
jhsu profile image
Joe Hsu

this is awesome, great job =)

Collapse
 
kauresss profile image
Kauress

thanks Joe!

Collapse
 
cat profile image
Cat

omg I love this. This is so good. Great job!!

Collapse
 
kauresss profile image
Kauress

thanks glad you like it!

Collapse
 
kauresss profile image
Kauress

thanks!🌙

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more