You have two options for this kind of animation. 1. If your winking little boy is a gif file then you can load this gif in a webviewer. So, upload this gif file in media. Add a webviewer from User interface to your screen1 in designer viewer and when screen is initialized, call the webviewer go to url procedure and pass it the gif in the following way: localhost/test.gif (change test to name of your gif file). I have done this in my chatbot tutorial: ruclips.net/video/aMQ35-A0Hto/видео.html 2. The second option is to use frame animations using an image sprite. I have covered frame animation in this tutorial: ruclips.net/video/nPWTCR_DygQ/видео.html This tutorial relies on the condition that you have 2-3 images of the little boy going through the animation of winking and you change these images one after the other using a clock timer.
Are you testing it on an android device? Which one? I use 1080by 1920 pixels background images. Do you have a full screen image ? Use 1080 by 1920 pixels for vertical full screen images.
@@ObsidianSoftEducationI think my problem is the default setting MIT app inventor has phone size to 505/320. Is there is anyway that I can increase background image resolution. Can you make a video about this please.
@@rahathossen2698 Have you made the background image yourself? I either make my images in Adobe Illustrator or I use canva.com. On canva.com, you can tell the size of the image before designing it. I use 1080 by 1920 pixels background image for an app that runs in portrait mode. You can't increase the resolution of an image that you got from the internet without compromising the quality. It will look pixelated. Also, for every screen, there is a property called sizing in MIT App Inventor If you choose it to be responsive, App Inventor apps use the actual number of pixels for the device the app is running on. if you choose it to be fixed, you might notice fewer problems with your background image. i haven't tried fixed before so you can give it a try to see how your app looks.
My open-screen animation is set to default but in my device's case, the default is the sliding animation. If you don't see any animation at all on your device, then it is better to set it in designer view. Open up Designer View, select your second screen, and in its properties, choose your desired open-screen animation.
There should be some fade in or slide in animation already on the screen. This is default animation. If you want some image to be animated on the screen, then either use a GIF image with a webviewer or animate an image sprite yourself. I have done a tutorial on animating image sprites: ruclips.net/video/nPWTCR_DygQ/видео.htmlsi=HWxh_sYxITlTXc31
Hello! This video released about a year ago. Hope you can still help. I want to make the splash screen for a logo with fade effect. Tried it many times. From using gif to HTML videos and this. nothing worked. Hope you can help!
Do you want the logo on the screen to have a fade effect or the entire screen to fade and go to the next screen? For the latter option, explore close screen animation in screen1 properties in designer view. There are multiple choices and fade is one of them.
Easy and well explained. Appreciate your efforts for creating interesting videos which makes programming simple.
Well explained…keep up the good work
Wonderfull.... Thanks for explaination easy to understand, loff you❤
Most welcome ☺️
Things look super easy while following your tutorials, May Allah Pak bless you ❤
Well explained. Thank you.
Most welcome 😊 and thank you for watching.
Easy to understand tutorial, thanks for sharing it 👍
Amazing tutorial .
It's an interesting & enjoyable learning experience with you. Liked your tutorial
Zabardast tutorial
Very well explained💫
Amazing tutorial as always ❤️
Thank you 😊
Interesting! Thanks for explaining in detail 😃
Glad it was helpful!
Wonderfully explained
Its really nice well done
Easy and great tutorial video 😊
Amazing 🤩 thanks for sharing xx
Very informative!
Quite interesting and informative tutorial!
Amazing tutorial as always
Wow wonderful tutorial
Yet another very useful tutorial. Thank you
Amazing tutorial
Super easy to grasp
This was really helpful 👍Thanks for sharing
Amazing work 👌 well explained 🙂
very informative video
Very interesting!
Amazing
Thanks
thank you
You're welcome
Incredible video
Thank u so much mam🔥
Most welcome 😊
Canva is best for this tutorial
Teach us how to integrate admob ads into the apps from app inventor
Sure, but admob is not officially supported by MIT App inventor, so we will have to use an extension.
Can I animate this? A video maybe?
Do you mean some sort of slide in animation for the entire splash screen, or do you want some image on the splash screen to move?
@@ObsidianSoftEducation so I'm making this app that when it loads in, I want the little guy on the loading screen to wink just one
You have two options for this kind of animation.
1. If your winking little boy is a gif file then you can load this gif in a webviewer. So, upload this gif file in media. Add a webviewer from User interface to your screen1 in designer viewer and when screen is initialized, call the webviewer go to url procedure and pass it the gif in the following way: localhost/test.gif (change test to name of your gif file). I have done this in my chatbot tutorial: ruclips.net/video/aMQ35-A0Hto/видео.html
2. The second option is to use frame animations using an image sprite. I have covered frame animation in this tutorial: ruclips.net/video/nPWTCR_DygQ/видео.html
This tutorial relies on the condition that you have 2-3 images of the little boy going through the animation of winking and you change these images one after the other using a clock timer.
I upload a image in my second screen. But the resolution decreases what should I do.
Are you testing it on an android device? Which one? I use 1080by 1920 pixels background images. Do you have a full screen image ? Use 1080 by 1920 pixels for vertical full screen images.
@@ObsidianSoftEducationI think my problem is the default setting MIT app inventor has phone size to 505/320. Is there is anyway that I can increase background image resolution. Can you make a video about this please.
@@rahathossen2698 Have you made the background image yourself? I either make my images in Adobe Illustrator or I use canva.com. On canva.com, you can tell the size of the image before designing it. I use 1080 by 1920 pixels background image for an app that runs in portrait mode. You can't increase the resolution of an image that you got from the internet without compromising the quality. It will look pixelated. Also, for every screen, there is a property called sizing in MIT App Inventor If you choose it to be responsive, App Inventor apps use the actual number of pixels for the device the app is running on. if you choose it to be fixed, you might notice fewer problems with your background image. i haven't tried fixed before so you can give it a try to see how your app looks.
why mine does not have that slide animation?
My open-screen animation is set to default but in my device's case, the default is the sliding animation. If you don't see any animation at all on your device, then it is better to set it in designer view. Open up Designer View, select your second screen, and in its properties, choose your desired open-screen animation.
@@ObsidianSoftEducation Followed your advice it worked ❤️, thank you so much.
Most welcome 😊
@@siege26 most welcome :)
how do i make an animated splash screen
There should be some fade in or slide in animation already on the screen. This is default animation. If you want some image to be animated on the screen, then either use a GIF image with a webviewer or animate an image sprite yourself. I have done a tutorial on animating image sprites: ruclips.net/video/nPWTCR_DygQ/видео.htmlsi=HWxh_sYxITlTXc31
Hello! This video released about a year ago. Hope you can still help. I want to make the splash screen for a logo with fade effect. Tried it many times. From using gif to HTML videos and this. nothing worked. Hope you can help!
Do you want the logo on the screen to have a fade effect or the entire screen to fade and go to the next screen? For the latter option, explore close screen animation in screen1 properties in designer view. There are multiple choices and fade is one of them.
Amazing tutorial