Character bodyPose animation:head lips eyes arms handfingers turning!
this is my first working version, I added some lerp so the animation is more smooth
what do you think?
at the end of the post you see the example with real hands
so now I have also hands onto my character
you can test my file here
greetZ
Coming along... lerp is probably ZIM Damp().
I use here pics not lazy loading, because 018 has problem with it..
can you fix lazy loading pictures again (I needed to preload because of the update to 018)
lazy load is patched in ZIM 018 - thanks.
now I can track my fingers in color to catch a circle, and even when I turn my handpalm I see my nails..
this is real magic ! play the game here
the zapp
before it was a black skeleton
so now I have also hands onto my character
you can test my file here
I got it working with each possibility: head facemesh + hands with fingerss + bodypose
so activate the cam first
only 700 lines of code !!
so try it out here
thankZ
I tried to use a gif of an eye to see a closed eye some 20 milliseconds,
can you test my file
hier zie je grote ogen die ook af te toe knipogen, zoals je zonder te weten om de 10 seconden doet, je mond wordt als tekening getoond, zoals een echte stripfiguur. Beweeg je hoofd en je lippen, meester Sander blijft beneden staan, altijd draait...
GreetZ
tried to make a double boned stickyman
to make a T-shirt moving
check it out
GreetZ
my first dancing avatar is ready
dance along with the body, legs and arms (when no legs ore detected standard straight legs are shown)
Dance with your avatar, it does the same movements as you do befor the webcam! Legs, arms, head, body, how cool,
test at
basic no legs file but arms and head moving
thanks to test
GreetZ Karel
ZIM+ML5 make a heart with handpose
create a heart with handpose
cool idea to share hearts,
to do: make a heart with both hands, so the red shape of a heart appears,
double click/tap to remove
gesture to change rotation and make smaller or bigger and drag around
idea from Patt Vira video...
(not falling down but double click to remove the shape) (in the future pinch to move the shape)
as the video of Patt Vira, now in ZIM
I made it also possible the emoji of a heart is showing
cool idea to share hearts,
to do: make a heart with both hands, so the emoji of a heart appear,
(go to zimjs.com/emoji to change to an other emoji if you want)
click reset to start again
gesture to change rotation and make smaller or bigger and drag...
the version that only shows one heart, and removes it when hands are not anymore in a heart shape
cool idea to share hearts, each time your remove your hands the emoji is removed also
to do: make a heart with both hands, so the emoji of a heart appear,
(go to zimjs.com/emoji to change to an other emoji if you want)
click reset to start...
make multiple and let them fall from center stage (not yet from the position of the hands)
cool idea to share hearts, you see heart falling down from the center,
this is by ZIM physics, you can also drag the hearts around
to do: make a heart with both hands, so the emoji of a heart appear,
this can be also made with zimjs.com/paths...
greetZ and to everybody using ZIM or playing with ZIM
1 Like
Ml5 character recycles pollution of plastic into the ocean
In Belgium we have a story also made in English about plastic waste goes to the ocean. This story and many more also in English pdf version at https://www.mosvlaanderen.be/aan-de-slag/kamoshibaiverhalen/kamoshibai-stories-on-sustainable-development
how cool the story teller can now be the sac
and there is a TinyTap exercice
https://www.tinytap.com/activities/g4mgd/play/kamoshibai-zack-gaat-op-reis
so
can talk now real with your mouth
and toggle the backing on/off
with backing on
greetZ
in Dutch I added the new Panel()
je eigen gezicht wordt bekeken, hoe groot je mond is en de rotatie van je gezicht, zo weet de Zack hoe hij moet draaien.
Als je je mond opent en sluit beweegt ook de mond!
Tip: klik de extra tekst en afbeeldingen weg, info op MOS...
what do you think?
Tip: you can click the purple and black text away.
I have also version with different pictures
je eigen gezicht wordt bekeken, hoe groot je mond is en de rotatie van je gezicht, zo weet de Zack hoe hij moet draaien.
Als je je mond opent en sluit beweegt ook de mond!
Tip: klik de extra tekst en afbeeldingen weg, info op MOS...
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
trying to make a blink effect for 2 eyes,
but now also when you turn your head the animation turns the head!
now when you open your mouth, you see only one picture of an open mouth,
original one 1 blinking box https://zimjs.com/zapp/Z_4PBJZ #zimjs
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