in Dutch I added the new Panel()
what do you think?
Tip: you can click the purple and black text away.
I have also version with different pictures
Thanks to try
ZIM+ml5 2D character: turning head + blinking eyes + mouth open/closes
happy to show the result of simple webcam recognition with ml5 moving bodyPose
turn your head, open/close your mouth and see the animation doing what you ar doing. (no hand animation here)
eyes based on this file
result of my zapp
only head with turn but now with zooming in/out and moving around, eyes blink and mouth open/closes when moving your mouth,
with arms and T-shirt and legs and neck, zooming in/out (not blinking eyes and mouth working)
GreetZ
ZIM+ML5 counting fingers shown to the webcam
I made and English counting webcam when you showing the number of your fingers.
you can test it here
and a dutch 'magic counting webcam' with speech where you need 1 second to hold your fingers before you can here it speak the number!
you can test it here
how cool!
thanks Dan to implement ml5js in next 018!
2 Likes
I did not yet mentioned the stickman
color the T-shirt of the sTickman
and spiderman no legs
I got professor of the future working in full ml5:
+head is turning
- hands and head become smaller when coming closer to webcam
- fallback if hands and head ore not found
- legs can be straight to move up/down, or full move left<>light up/down
- color all parts it you want
next version: with moving handfingers 
and with blinking and mouth open/closing
greetZ
I'm happy I made it possible to have a full animated character
with fixed hands, where everything is moving like you move on the webcam (unless you can not do the pi for a man, because kids will do that a lot).
(I have a version with straight arms but I made them so they stay straight up)
and you can see fixed trouser or moving left and right button, and coloring swatches..
what do you think?
what do you think is the best: hands follow arms + zoom big in (headScale)
and always small hands straight (handScale)
thanks to test
1 Like
Did you post the zapp here? Or is it one of the earlier ones?
I added the links to the zapps
1 Like
did you test the legs to move left<>right, and not only straight up/down.. you need to click the button . you will see your knees moving!
1 Like
working on disney models with holoTile idea from this video
and
as the makersmind: eyes can turn
so with ml5 would be cool 'the robots follows your hand'
I want this idea stickyman with lasering idea (from 2016 already)
how he did it I don't know, but now we can with ZIM+ml5 !
https://flong.com/archive/projects/gpp-ii/index.html
so it would be cool ZIM can do multiple body tracking also
so I asked claude ai
so this is the app of 2 persons
here I'm dancing alone
my zapp with max of 6 people: here 2 people
enjoy dancing in summer holidays before the webcam (connect the laptop or smartphone to your smartTV to see you all big dancing stickman )
greetZ
problem was that people are not detected the colors changes each time of that person, I integreted smart Tracking with ai (so people do not need to where shirt to be detected correctly)
so this is the result
but smaller ar right bottom with slider
greetZ
1 Like
Idea of the challange april2024, to keep a circle into a boundary
https://forum.zimjs.com/t/code-challenge-01-4-26-2024/645/4
is now possible with 2 circles into a square to move the circles
into a cave (original motionController
I converted to ml5 https://zimjs.com/ml5/finger
I found out it with this cave idea
but even funnier is to use it as eyes of
so the minions eyes into glasses follow the fingers of the webcam
anybody a simple idea how to make this
how cool!
greetZ
The last one is not working for me - just stays stuck in the middle and I would also rethink your layout.
Perhaps put your instructions on a Pane() or at least not on top of one another and try never to have a button that has more than one word - two at the most. And I don't think you have eye tracking - it is fingers so that is confusing? Or does eye tracking place the eyes on the head at the right place? Anyway - it does not fit on the interface nor does Allow Camera nor does Cancel.
What is wrong with our default?
I like drawing a lot as this example vodeo I made this drawing zapp
so I created this as zapp also (not yet clicking the colors, must be manual touch)
Ever used ZIM+ThreeJS with ml5 cam pinch gesture ! it works to turn a cube befor ethe cam!
My dream came true @Abstract . turning objects without mouse, only before the webcam
test it here
(now with annoations to click on it and open/close the annotation will come)
you have to pinch to turn the object up/down left/right , you can choose your hand
do you like it?
other ideas!?
tell me
greetz
dreamCoder Karel
with sliders
I think the code is not complete because you did not resave save after getting your screenshot.
1 Like
yes now it should need to work!
1 Like
so now also the ThreeJS objects can be used with the cam to know what is the hitTest to the floor .. so an object can be placed around into the stage.. new dream
I works for glb/gltf files also now and functionality
- pinch left hand : up/down = zoom in/out
- pinch right hand : left<>right = turn left/right, up/down = turn up/down
the rocket of tintin
with 2 sliders
or with 3 sliders
thanks
tip: I took the image of the wiki https://en.wikipedia.org/wiki/Pinch_(action)
info Pinching is also a multi-touch gesture, done by squeezing one's fingers on a touchscreen.
- A pinching gesture
- A pinch is a grip of a flexible object in which a portion is taken between two fingers
