内容正文:
032穿越像素世界
学习目标
1、能够设计与区别正常清晰世界和像素世界的不同背景;
2、通过坐标知识设置现实世界与像素世界的分界线,实现角色进入不同世界后产生对应变化。
3、编写程序实现,角色可以在两个世界穿越进入像素世界产生像素变化,回归到现实世界变得清晰真实。
效果展示
知识点讲解
背景上写字标记现实世界
转换为位图后 切割一半 标记 像素世界
然后将它拖入空白角色中 通过代码编程 从而组合成两个不同的世界
知识点讲解
左边
真
实
世
界
右边
像
素
世
界
重要代码解析
舞台中心为(0,0)
x>0 ,代表进入了右边的像素世界;
否则就是左边的真实世界
前端设计(角色与背景)
四个角色:其中像素世界角色由背景拖拽过来
背景:写字做标注
参考代码
兔子和鹦鹉代码
分界线代码
像素世界代码
创新与思考
难度升级,可以根据所学升级成四个不同的特效世界,并且每进入一个世界都会产生特定的变化吗?
$$