欢迎来到天天文库
浏览记录
ID：51617385
大小：1.04 MB
页数：15页
时间：2020-03-26
《HTML5跨平台开发基础与实战 王寅峰电子任务8 CSS3圆柱图和贪食蛇.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、跨平台HTML5实战软件学院王寅峰任务8柱形图和贪食蛇学习目标【知识目标】了解CSS3的特点和优点；重点掌握Div+CSS的布局设计；掌握深入分析功能的方法。【技能目标】Canvas的特性：绘图；熟悉Jquery的基本使用和特性；移动App端和PC端触摸设计；Array的应用；Hbuilder的基本使用。引例描述以前实现一些酷炫的效果,需要设计者懂一定的编程，并且写一些复杂的JS，还要相对应的准备很多素材，而HTML5+CSS3封装了大量JS，让编程变得更加简单。Apple又有新产品了，我们开发一个查看Apple设备的价格示意图，柱形图的长度越长代表价
2、格越高。任务陈述1CSS3部分特效1CSS3部分特效-webkit-gradient（应用于Google浏览器）-moz-linear-gradient（应用于火狐浏览器）本案例用到的有线性渐变和径向渐变线性渐变径向渐变最终效果2贪食蛇2贪食蛇贪吃蛇是一个经典的手机游戏，既简单又耐玩，通过键盘的上、下、左、右键或者手机屏幕上的区域按键来控制蛇头方向吃食物，使得蛇变长，每吃到一个食物，分数加一。需求设计贪吃蛇的移动控制贪吃蛇方向判断吃到食物和咬到蛇身子判断撞墙随机食物触摸设计App终端的移动设计图贪吃蛇的数据结构最终效果图小结
此文档下载收益归作者所有
