PROMO for earth day : interactive scene: there is NO PLANet B
format 1920x1080
and simple made by kids
in Dutch
and promo 1920x1080
format 1920x1080
new in DOCS > SHAKE
as a made long time ago .. I need to add permissionAsk now
and
and blob with both eyes togheter example
and robot example
with help ZIM assets used and animation of the note + drag around the pictures
ENG
Dutch
making sliced glb, so to look inside
so first it was not possible
fort without furnature + 3D slider + numbers
apartment with furnature 3D slider + numbers
as the new Ameca robot
I wanted to be slice also as linkedin post Exploring Human Body with AR for Better Understanding | Shail Shah ᯅ posted on the topic | LinkedIn
learn kids how to code with minion with rectangles and circles
ENG steps
NL stappenplan
hier leer je met rechthoeken en cirkel een minion coderen
stap 1: klik ASSETS > BACKINGS > check > UPDATE
of sleep het FULLscreen icoon naar new Pic("zimjs.org/assets/backing.jpg").scaleTo().center()
stap2: maak lijf new Rectangle(300, 500, "yellow").pos(0,0,CENTER,BOT)
stap3: maak bril: new Circle() met een rand en een rechthoekriem
stap 4: maak een broek: vierkant: met new Rectangle(300,300,"blue")
stap 5: maak het logo van Gru op de broek
stap 6: speechbubble met label erop fonts.google.com lettertype
stap 7: kies element uit NATURE en positioneer met .pos(x,y,LEFT/RIGHT,TOP/BOT)
kids learn how to code , but now also with dragging a backing via the FULLscreen button
check this idea of pinballgame at https://github.com/lrusso/Pinball
adding circles with + and -
see how phaserio4 does
link
here you can test the icecream also to hit
here the icecream hit is +50 points
see also
https://www.reddit.com/r/virtualpinball/comments/1icurj2/javascript_pinball_experiment/
- idea also make examples without the template menu and add them to https://zimjs.org/zapp?
easier to understand the code for kids
I found this yellow box with dashed lines..at https://cardboard.lofirobot.com/teachable-calliope-app-info/
so I made the zapp
I want to prove how it is made in ZIM
so I made it possible 2 persons also to color the box
how cool ml5 and 67speed, not only before the cam but also the robot is moving as you are moving!
idea from https://67speed.org
check my app
basic idea : red circles
dutch version
how cool with ZIM we can record audio now live and replay it,
with the movement of the head as the poppet is talking
dutch version
happy I found Xavier =Jack https://x.com/KMkota0
coder on X he made simple editor for ThreeJS https://three-effects.mo1.app/
he made also the 3D ThreeJS + ml5 hands tracking online in webbrowser..
would be cool if it works with ml5js (so I tried it)
see the website https://rdtr01.xl.digital/
happy i can use micr:bit now with ZIM thanks to the idea of this app https://cardboard.lofirobot.com/apps/face-tracking/
so the script you have to run is the makeCode you can find on https://cardboard.lofirobot.com/face-app-info/
I can use it to show a smile on the microbit or closed mouth..
(but later I will use it to turn DCmotors into the cardboardrobot)
test here face white version
or face pink version
see how Tynker also do Modification to Minecraft
https://www.tynker.com/
would be cool to make this possible also in a ZIM collering module @danzen with the https://kenney.nl minecraft people
as I made already the loading module see
any idea how to make?
and they do javascript aswell
and AI with ThreeJS
Karel how do you do the box mouth moving? fourier transforms or something more exotic ?
Fourier I think.. AI solved it for me 
The basic idea is frim Dan with annotations also possible!
super happy kids and adults can now learn to make a scene where the butterfly can follow the mouse, and use text by the video of Dan.. summer butterfly sprite is coming to town.. and garden
video https://shorturl.at/uLfpP
old video https://shorturl.at/FI2Jq
I found this video to show how easy it is to create a sprite
with free open source AI website
and upload to https://aistudio.tencent.com/
and you get walk cycle
https://irisogli.com/
with also parallax videos using https://photopea.com
https://irisogli.com/parallax-background-creation
and remove background
so I created this example
more in detail with cs
original assets with trees and 3 parrallax backgrounds
here on beach
as the original monkey is also waling in accelrator in cheatsheet
here walking with ml5js towards your head position
as here you learn to code a wheel from https://make.qweebi.com
so you can design in 3D and afterwards go to 2D wheels
I was searching for orientation of the screen
https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation#Browser_compatibility
for the moment ZIM only detects if it is a desktop or mobile.. integration of orientation also possible?
so something as TILT = deviceorientation
within the code
I need it for this can of app (so I made a toggle L - P Landscape-Portrait
I created also this with
orange navigator of https://cardboard.lofirobot.com/lofi-control-app-info/
and now ZIM works with micro:bit !
How cool 2 wheels robot
https://pin.it/7lyh89V05
I made this tilt app.. in the boundary of the stage
to catch Belgium wafels by tilting your device
idea from Octostudio is with a bird (and turns when going to left or right
or catch butterfly
titl also used here for googly eyes
thttps://zimjs.com/zapp/print/E_9VZJ3
only problem is how to fix a screen so it not automaticly jumps the other direction Landscape to Portrait? anyone can help me?
how cool kinderuniversiteit VUB gebruikt ml5
and the backing
https://vubkinderuniversiteit.be/lespakket-slim-met-ai/
so now you can use the app
updated with "cache" better to play game