Skip to first unread message

khanif fitriyah

unread,
Jan 17, 2017, 9:58:37 PM1/17/17
to MIT App Inventor Forum
can you explain me about how to make robot expression face with app inventor? i need your help. thanks

SteveJG

unread,
Jan 18, 2017, 6:41:52 AM1/18/17
to mitappinv...@googlegroups.com
1) you could use a series of ImageSprites with a transparent background    from  |   to  )    to D   to 0 .  Use GIMP or another draw program to make images of face parts that are sprites placed on a Canvas.  The background image of the canvas could be an outline of a face .   Eyes could blink, or focus from left to right. or usual large images, completely illustrated that place the image in the sprite depending on certain criteria based on what data string is sent from perhaps using a Clock component to change the images in a pattern  or based on selection made from a ListPicker.  Or your user could  type a command or press a button to change a sprite from a smile to a frown or to make an eye blink.  You could even use TextToSpeech to make the face appear to talk  or more difficult  would be to use voice commands to make the face change its appearence (ai can do that with the Speech Recognizer).
2) Drawing with the Canvas Draw component is not easy, however you could write a series of blocks in a procedure to display an entire face mouth movement   or perhaps part of a movement using a compilation of Draw circles and lines.. Using sprites that are images of face parts might work best
3) Unfortunately, you can not use an animated gif with AI except in a WebViewer.


Anything you would do would be very basic animation.  Experiment and you might create something unique.  You have certainly read this article Creating Animated Apps
The article will not show you how to make a robot face but it will show you how to work with a Canvas and how to use Sprites (just small images) and how to place the sprites in different places on the Canvas.


Visit here frequently,  lot of creative people visit and may have much better ideas. Use your imagination and have fun.


You might look at Scotts talking face at this link https://groups.google.com/forum/#!msg/app-inventor-developers-library/lChUvL1Q3U4/IkmVVVA-SHwJ  for a different approach .  If you are a very good illustrator this could be very elaborate although your robot could just be simple.

Whatever you do, try some things.  When you are done, show us what you did   or  return while you are building your robot face and ask specific questions here in  the forum.

Good luck khanif and have fun.

Regards,
Steve


Abraham Getzler

unread,
Jan 18, 2017, 11:40:19 AM1/18/17
to MIT App Inventor Forum
Given App Inventor's primitive facilities, expect quality like you would see
in the South Park series facial animations.

ABG


Tim at Loddon

unread,
Jan 19, 2017, 7:11:10 PM1/19/17
to MIT App Inventor Forum
Didn't have you down as a South Park fan, Abe ;)
Reply all
Reply to author
Forward
0 new messages