Ayw paint pot

1,105 views

Published on

Published in: Education, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,105
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ayw paint pot

  1. 1. Paint Pot using AppInventor Parag Beeraka American YouthWorks
  2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>Create “Paint Pot” Android Application </li></ul><ul><li>Conclusion </li></ul>
  3. 3. Introduction <ul><li>Get more experience with Blocks Editor in AppInventor </li></ul><ul><li>Get experience with Canvas in AppInventor </li></ul><ul><li>Get experience with TouchScreen in AppInventor </li></ul><ul><li>Get ready for the AYW App </li></ul><ul><li>Most of the presentation is based on Paintpot Tutorial on AppInventor </li></ul>
  4. 4. Paint Pot
  5. 5. Paint Pot
  6. 6. Paint Pot
  7. 7. Paint Pot
  8. 8. Paint Pot
  9. 9. Paint Pot Set its  ” Width”  to ” Fill Parent” and Set its ” Height” to “300 pixels”
  10. 10. Paint Pot
  11. 11. Paint Pot
  12. 12. Paint Pot <ul><li>Add “Canvas.Touch” to draw on the screen </li></ul><ul><ul><li>Set it to draw a small circle </li></ul></ul><ul><li>Add “Canvas.Drag” to draw when you drag on the screen </li></ul><ul><ul><li>Set it to draw a small circle </li></ul></ul>
  13. 13. Paint Pot
  14. 14. Paint Pot <ul><li>Add “Canvas.Touch” to draw on the screen </li></ul><ul><li>Add Canvas.DrawCircle </li></ul><ul><ul><li>Goto “MyDefinitions” and add “ValueX” and “ValueY” </li></ul></ul><ul><ul><li>Right Click – Scroll options for Math </li></ul></ul><ul><ul><li>Add “123” to “r” – radius and change the number to “5” </li></ul></ul>
  15. 15. Paint Pot
  16. 16. Paint Pot <ul><li>Add “Canvas.Dragged” to draw on the screen </li></ul><ul><li>Add Canvas.DrawLine </li></ul><ul><ul><li>Goto “MyDefinitions” and add “PrevX”,“PrevY”, “CurrentX” and “CurrentY” </li></ul></ul>
  17. 17. Paint Pot
  18. 18. Paint Pot
  19. 19. Conclusion <ul><li>Download it to the Emulator / Phone </li></ul><ul><li>Experiment with the App </li></ul><ul><li>Add your own modifications to the App </li></ul>

×