面向对象实现简单版的超级马里奥

最新推荐文章于 2022-04-11 17:48:09 发布

yanner_

最新推荐文章于 2022-04-11 17:48:09 发布

阅读量1.1k

点赞数 1

分类专栏： js小demo 文章标签： html 面向对象游戏 javascript

本文链接：https://blog.csdn.net/yanner_/article/details/78229081

版权

本文介绍了一种使用面向对象编程思想来设计简单版超级马里奥游戏的方法，包括通过键盘控制马里奥移动、碰撞边界提示以及找到宝藏的提示功能。文章提供了相关的html和css源代码。

摘要由CSDN通过智能技术生成

采用面向对象思想设计简略版的超级马里奥游戏人物（示意图）
这里写图片描述

游戏的分析：
（1）看看如何通过按钮来控制mario的位置
（2）设计相关的对象（mario、障碍物等）

游戏小功能：
（1）通过键盘控制mario移动；
（2）mario碰到边界会有提示信息；
（3）mario找到宝藏会提示信息；

敲重点，提供源代码：
html代码：

<!DOCTYPE html>
<html>
<head>
<link href="mario.css" type="text/css" rel="stylesheet"/>
<script language="javascript" type="text/javascript">
    function Mario(){
    
        this.x=0;
        this.y=0;   
//移动 0->上 1->左 2->右 3->下
    this.move=function(direct){
    
        switch(direct){
            case 0:
                //这里为了改变img的left和top，我们需要得到img元素(对象)
                var mymario=document.getElementById('mymario');
                var top=mymario.style.top;
                top=parseInt(top.substr(0,top.length-2));
                var left=mymario.style.left;
                left=parseInt(left.substr(0,left.length-2));
                newtop=top-10;
                if(newtop==-10){
                    window.alert("已到达上边界");
                }
                else{
                    mymario.style.top=(newt

最低0.47元/天解锁文章

yanner_

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
面向对象实现简单版的超级马里奥

采用面向对象思想设计简略版的超级马里奥游戏人物（示意图）游戏的分析：（1）看看如何通过按钮来控制mario的位置（2）设计相关的对象（mario、障碍物等）游戏小功能：（1）通过键盘控制mario移动；（2）mario碰到边界会有提示信息；（3）mario找到宝藏会提示信息；敲重点，提供源代码： html代码：<!DOCTYPE html><html><head>
复制链接

扫一扫

专栏目录