掌控板基础教程--江山如画
课程背景： 带领大家重温一下2008年那个夏天盛大晚会——北京奥运会开幕式，其中有一幕（一副巨大的画在鸟巢中央展开）至今难以忘怀。我们用掌控板是否可以实现下面的功能呢？https://qiniu.makeymonkey.com/9732669e-94b4-4db1-a2ac-0a99ecab5eee.mp4
项目预览：
课程目标：1、了解掌控板屏幕显示参数。2、熟练掌握Mpython中显示积木的使用方法3、灵活应用for循环积木块。课程难点：1、如何让卷轴从左向右进行移动？2、怎样实现在在卷轴移动的同时显示文本或者图像？
任务一：画一个卷轴项目效果：
用到的积木块有：
https://qiniu.makeymonkey.com/e4784777-bd29-4e35-b6bc-a41cae5f8dc6.jpg?imageView2/2/w/800/auto-orient/format/jpg
用显示指令中的绘制空心圆来做卷轴的顶端，其中x,y的参数是来定位圆心的坐标。
https://qiniu.makeymonkey.com/a8c7ffbe-6f02-4704-9218-d09a9738c650.jpg?imageView2/2/w/800/auto-orient/format/jpg
用显示指令中的绘制实心矩形来绘制卷轴部分， X,Y 的参数是来定位矩形左上角的位置。
https://qiniu.makeymonkey.com/02ef9e8d-ed67-45f3-8256-e455f0cddd5d.jpg?imageView2/2/w/800/auto-orient/format/jpg
用显示指令中的绘制线来实现画面的区域。程序设计：
https://qiniu.makeymonkey.com/50cbf587-b041-4ccb-8185-2e61ad640d6f.jpg?imageView2/2/w/800/auto-orient/format/jpg
任务二：卷轴动态展开项目效果：
https://qiniu.makeymonkey.com/656025fe-6af6-4b3e-96cf-89a5d7af753f.gif?imageView2/2/w/800/auto-orient/format/jpg
用到的积木块有：
https://qiniu.makeymonkey.com/d5bdd58f-7e57-42cf-858c-b298b04a14e4.jpg?imageView2/2/w/800/auto-orient/format/jpg
用for循环的积木块来实现卷面和卷轴的移动。根据项目演示我们分析可得，最左边卷轴是不移动的，需要移动的部分是上线两个线右卷轴的部分！我们只需要对他们的x坐标进行一个变量的累加过程，从而实现上述效果。程序设计：
https://qiniu.makeymonkey.com/9944854a-8a7f-42ac-bd1a-5b3dd3172b23.jpg?imageView2/2/w/800/auto-orient/format/jpg
任务三：卷轴边打开边显示文本
https://qiniu.makeymonkey.com/5568ac7d-e953-498e-9bbf-90ca1dbfedc6.gif?imageView2/2/w/800/auto-orient/format/jpg
程序思路：根据前面的两个任务我们可以知道：掌控板显示卷轴打开的过程其实是一直实时刷新的过程！
https://qiniu.makeymonkey.com/6303d45d-bcde-4475-9228-a8013d448790.jpg?imageView2/2/w/800/auto-orient/format/jpg
如果我们直接使用显示文本积木块会是怎么样的效果呢？
https://qiniu.makeymonkey.com/c52b9c64-7dec-4e36-91f9-4c0e98b6377c.gif?imageView2/2/w/800/auto-orient/format/jpg
我们可以发现在任务二中加入显示积木块后，文本它是一直显示在我们的屏中！如何让它根据卷轴的移动来显示呢？这里用到了一个思想，就是把右卷轴右边的文字都给它擦去掉！
https://qiniu.makeymonkey.com/3a8215c7-480d-4f06-93f3-1a6dcb271282.jpg?imageView2/2/w/800/auto-orient/format/jpg
用到了擦去矩形积木块！这就可以把右边的图像给擦去了。程序设计：
https://qiniu.makeymonkey.com/59255a7c-2537-4219-a94a-56c070328829.jpg?imageView2/2/w/800/auto-orient/format/jpg
扩展延伸：扩展一：我是不是可以用卷轴来显示我们的一幅图画呢？扩展二：根据上面的视频我们可以看到，卷轴是由中间向两边移动的！我们是不是可以结合自己所学的知识来实现所述功能呢？
好文，支持一下 非常好。学习中 好文章，学习 擦除用的巧妙，学习了
页:
[1]