How do you make an orientation sensor app?

[lv lv]

How do you make this orientation sensor app? It has to have the same design and the colors must change depending on the direction of your phone. I dont even know where to start can anyone help?

[SteveJG]

Here is the Orientation sensor documentation  http://ai2.appinventor.mit.edu/reference/components/sensors.html#OrientationSensor  It is a beginning.

Then there are these 

• How to build a simple compass app with App Inventor
• An enhancement to the compass app to provide additionally the direction to a waypoint
• 
  

• Chapter 5. Ladybug Chase
• All use the Orientation Sensor and perhaps will give you ideas.  They probably do not do exactly what you need to do so you will have to do some programming.

This one might be similar  http://appinventor.pevest.com/?p=205

We want you to have fun with App Inventor so here are some resources to help you learn to use the AI2 tools  A very good way to learn App Inventor is to read the free Inventor's Manual here in the AI2 free online eBook   http://www.appinventor.org/book2 ... the links are at the bottom of the Web page.  The book 'teaches' users how to program with AI2 blocks.

There is a free programming course here http://www.appinventor.org/content/CourseInABox/Intro  and the aia files for the projects in the book are here:  http://www.appinventor.org/bookFiles  

How to do a lot of basic things with App Inventor are described here:  http://www.appinventor.org/content/howDoYou/eventHandling  .

What have you tried?  ... 

Regards,

Steve

[lv lv]

I have tried to find a tutorial to do this app but I can only find the other ones which dont really explain anything on the color changing depending on the phones movement appp

[SteveJG]

The color changing can be done using conditional statements like  If else then    and Logic blocks  along with the movement of the phone .  You are right, there is not a tutorial that will show exactly how to do this that I am aware.  You have to build it.   If you show what you tried by posting a block image, you will get advice from the experts.  If you read the Inventor's Manual mentioned in a previous post (it takes about an hour) you might not need any help.

How to use the If statement is here 

• Chapter 18. Programming Your App to Make Decisions

Buttons have a color property.    When the phone tilts one way, perhaps make the   Button.Color = Red.   when tilted another way   Button.Color = Blue perhaps.  I think in your posted image, you a changing the colors of the Labels's based on the phone's attitude.  You will do that with a fancy conditional statement.

If OrientationSensor.Azimuth = 0 then Button.Color = Red  else if OrientationSensor.Azimuth = 90 then Button.Color = Blue   might work.    The exact coding might be a little different.   Instead you may have to use a range of azimuth values instead of an Integer.     For example ... If OrientationSensor.Azimuth > 45 and OrientationSensor.Azimut < 90 then Button.Color = Green.

These images may give you some ideas  https://www.google.com/search?q=app+inventor+show+pitch+and+roll+graphically&tbm=isch&source=iu&ictx=1&fir=ZttJCkvfPBtZFM%253A%252Cj5zd2UyadL5rYM%252C_&usg=__ikMoPwUUQ1nR-nn4R-jjVZTDmnw%3D&sa=X&ved=0ahUKEwig2OPKl5XaAhVDpIMKHe-HDmAQ9QEIcjAG#imgrc=ZttJCkvfPBtZFM:

Try some blocks, show us what you tried and you will get specific advice.  You have to do some of the work.