how cool drawing onto canvas makes it automaticly physics
should this be possilbe into ZIM?
I'll give it a try https://zimjs.org/physics with boundary from a thick line .. any ideas are welcome
I'll give it a try https://zimjs.org/physics with boundary from a thick line .. any ideas are welcome
1 Like
Probably better to take the maze approach... which should work even with dynamically drawn lines. Maybe not as easy with multiple balls...
Ok,
I fixed it to jump with ml5 + ThreeJS
check this basic versions no objects
large cam in background (not able to turn around with the street)
and with small cam
I got it fully working here
idea from this video with body moving, I now did it with hands only showing full and 1 finger jumps to the left or right if you show your hand
I used the basic example from https://threejs.org/examples/#webgl_animation_skinning_morph
1 Like
found a way to let follow 3D characters head to the mouse cursor (as we did with rive)
with article https://waelyasmina.net/articles/how-to-make-a-models-head-follow-the-cursor-in-three-js/
would be cool ZIM can do this also
it is all Threejs
how cool this head of the person follows the cursor
from a video https://youtu.be/017kfUTcAPE
with artcle How to Make a Model's Head Follow the Cursor in Three.js - Wael Yasmina
see working (not yet in color)
1 Like
after searching, I coded myself all the textures manually into the code and need to flip them and rotate them 180 degree to look good
It is a little processor intensive (laggy) for me. See if there is a way to optimize the code, perhaps.
can you test with your new monitorit is made by AI
happy I see it on my phone
Not laggy... but the head is down too much - like you in the screenshot, I have to lift it up to get the head to lift more. Maybe you like it like that as it has a good droopy hat.
1 Like
yes I will change.. was my first test.. how cool the neck is moving with the head.. tonight I test the mouth gesture for talking..
I already made new avatar without z hat.. is coming
I got it working, only the second eye is not coming up
and
what do you think.. havenly .. no the morph targets to open the mouth not simple
I tried already at
and you can make your free avatar and download it as .glb at https://animaze.readyplayer.me/avatar?id=692a0d2d672cca15c23c5530
if you have an idea how to do it
if you have time .. and be interesseted you can launch it at 019 also 3D AVATARS with ml5https://forum.readyplayer.me/t/guide-blendshapes-morph-targets-and-shape-keys/222
found out the article for lipsync realplayerme https://medium.com/@israr46ansari/integrating-a-ready-player-me-3d-model-with-lipsyncing-in-react-for-beginners-af5b0c4977cd
more info to play audio and see the realplayerme waving with mouth morph
from https://github.com/wass08/r3f-lipsync-tutorial?tab=readme-ov-file
https://r3f-lipsync-tutorial.vercel.app/
video https://youtu.be/egQFAeu6Ihw?si=GRYwFL7olZ166NJm&t=1190
morphing tween animation within ZIM could also be done
https://www.youtube.com/watch?v=XtGKX8-E1Zw
see example heart changes into sandX https://zimjs.com/animation/shapetween.html
or letters that change GRANT changes into
I got my full cam(ml5) touch + keyboard game here
but this was a big issue to fix the fox game for a "play again" after winning
final result (no zoom and no speed posibility by a panel)
you can test also the fox movements/animations here
check out the other example with robot
Nice! ZIM is just ZIM - do not need the js everywhere....
1 Like
how cool I have a 3D person, with head turning by cam, and the mouth opens and closes when you do it before the webcam!
(you can also orbit zoom in/out) .. still need to fix the cloths texture !!
but so happy the mouth opens and closes !!
you can test it here
1 Like
how cool I can now let the mouth open with text or with ml5 face gestures! I like it a lot!
idea from https://avatarview.netlify.app/
example found on article https://medium.com/@israr46ansari/integrating-a-ready-player-me-3d-model-with-lipsyncing-in-react-for-beginners-af5b0c4977cd
now trying the let it wave,greet, angry animation when clicking onto a button
greetZ
portrait bug of the video size is stretched
few things there not working for me - I think there was an error at the start - and some of text off buttons, too.
1 Like
thanks but I tested also and nothing went wrong.. which buttons..
tip: you do not need to turn your head anymore, just mive up and down an go to left or right indstead of turning your head otherwise you can not see the avatar when you rotate your head.. so I changed that..
also at the forum of threeJS they say the breakpoint gives problem on Blob .. so it should be a ZIM isdue.. can you answer them it is not.. thanks to test
1 Like
How cool.. gemini can make ml5js webcam interactions
see https://www.linkedin.com/posts/joseph-michael_this-shouldnt-be-possible-gemini-made-activity-7401944440732418048-5OJD?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAHIiS0BWLRDJMwF7jIH68BraK3zIzm9PRM
there are a lot of lovers ... what ZIM also can with code..
so idea to make ml5 with particles as ZIM has https://zimjs.com/particles also
what do you think @danzen ?
you can test it on https://app.new what redirects to https://aistudio.google.com/apps
Create a real-time interactive 3D particle system with Three.js.
requirements:
1. Control the scaling and expansion of the particle group by detecting the tension and closing of both hands through the camera.
2. Provide panels that can choose hearts/flowers/saturn/Buddha statues/fireworks and other templates
3. Support the colour selector to adjust the particle colour
4. Particles need to respond to gesture changes in real time. The interface is simple and modern.
5. The interface is simple and modern
did not work for me
but found this also https://aistudio.google.com/apps/bundled/voxel_toy_box?showPreview=true&showAssistant=true
particles move towards a sink - which can be ml5 based - should be easy. See the sink parameter of Emitter.