Hopscotch 3D moving background clone

59 views
Skip to first unread message

Scott Ferguson

unread,
Oct 24, 2015, 11:58:33 AM10/24/15
to app-inventor-de...@googlegroups.com
Inspired by the Hopscotch tutorial https://www.youtube.com/watch?v=vkPqgT7IbBQ

I wanted to use their idea to draw a simple background on the Canvas.
I set the Canvas PaintColor for each of the parts of the background: light blue for the sky, yellow for the sun, green for the grass.
I used the LineWidth with a large number and the DrawLine block to make the rectangles for the sky and grass.
DrawCircle was used to make the sun.
An image of a grove of trees was the only asset used by this project and it was used for both the scrolling background and foreground ImageSprites.
So all-in-all this was not too complicated and should be scalable for different devices as responsive sizing was used throughout -- even for Canvas objects.
One last thing - the Canvas is both twice as tall and twice as wide as the device's Screen dimensions which is why I was able to move the grove of trees smoothly into and out of view.

Grove of trees used for foreground and background scrolling ImageSprites.



Screen shot:




Reply all
Reply to author
Forward
0 new messages