ZIM and ML5 - many examples

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
image
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
image
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,
knipoog

can you test my file

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

(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

the version that only shows one heart, and removes it when hands are not anymore in a heart shape

make multiple and let them fall from center stage (not yet from the position of the hands)

greetZ and :heart: to everybody using ZIM or playing with ZIM :slight_smile:

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()

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