个人说明 设计代码设计的原则！！！

来源：蜘蛛抓取(WebSpider) 时间：2014-10-03 13:33 标签： 代码设计的原则
2633人阅读
文西马龙：
采用面向对象思想设计超级马里奥游戏人物（示意图）
怎么用通过按键，来控制图片的位置
这个小游戏，用面向对象会很方便，不用面向对象会很麻烦很麻烦，比如以后要讲解的坦克大战的游戏，要是用纯的面向过程或函数式的方式写，那维护起来会非常的麻烦。
游戏分析：
（1）看看如何通过按钮来控制mario的位置
（2）设计相关的对象（Mario x y ...）
onclick属性：当用户点击某个对象时调用的事件句柄
width: 500
height: 400
background-color:
/*表格样式*/
.controlcenter{
width: 200
height: 200
}mario.html
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&link rel=&stylesheet& type=&text/css& href=&mario.css& /&
&script language=&javascript&&
//设计Mario类
function Mario(){
//移动 顺时针 0-&上 1-&右 2-&下 3-&左
this.move=function(direct){
switch(direct){
//window.alert(&mario 右移动&);
//这里为了改变 img的left 和top，我们需要得到 img元素。需要用到javascript的DOM编程。img 对象
var mymario=document.getElementById('mymario');
//取出 img 的top值
//window.alert(mymario.style.top);
//怎样去掉50px的px
var top=mymario.style.
//px占据两个，即lenght-2
//window.alert(top.substr(0,top.length-2));
//现在还是串，要转成数值才能加减
top=parseInt(top.substr(0,top.length-2));
//window.alert(top);
mymario.style.top=(top+2)+&px&; //开始移动2px，看怎么拼接的，字符串和数值之间的转换
//此时mario就可以向下移动了，把上面的打印调试输出代码都注释掉
//创建Mario对象
var mario=new Mario();
//全局函数
function marioMove(direct){
switch(direct){
mario.move(direct);
&div class=&gamediv&&
&img id=&mymario& src=&mario.jpg& style=&left:100 top:50 position:& /& &!--用到了绝对定位--&
&table border=&1px& class=&controlcenter&&
&td colspan=&3&&游戏键盘&/td&
&td&**&/td&
&td&&input type=&button& value=&↑↑& onclick=&marioMove(1)& /&&/td&
&td&**&/td&
&td&&input type=&button& value=&←←& /&&/td&
&td&**&/td&
&td&&input type=&button& value=&→→& /&&/td&
&td&**&/td&
&td&&input type=&button& value=&↓↓& /&&/td&
&td&**&/td&
（1）mario碰到边界给一个提示
（2）mario可以去找另外一个物体，比如蘑菇
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：73659次
积分：1251
积分：1251
排名：第13661名
原创：55篇
评论：10条

我要回帖

更多关于 代码设计的原则 的文章

 

随机推荐