[惊呆]一小学生竟然用JavaScript写出超级玛丽

最新推荐文章于 2021-12-05 11:18:30 发布
最新推荐文章于 2021-12-05 11:18:30 发布
阅读量1.4k 收藏
点赞数
分类专栏： js 文章标签： [惊呆]一小学生竟然用JavaScript写出超级玛丽 Javascript学习 JavaScript教程 JavaScript干货 JavaScript权威指南
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33816024/article/details/94369467
版权
一位自学编程的小学生用JavaScript实现了一个超级玛丽小游戏，虽然简陋但已初具雏形。项目开源，鼓励喜欢的朋友改造学习，源码可在某云下载，提取码6ssy。
摘要由CSDN通过智能技术生成

[惊呆]一小学生竟然用JavaScript写出超级玛丽

自学多年未果，尝试写了一个小得不能再小的项目

大神勿喷

首先来看看启动界面吧~
在这里插入图片描述
好吧，不是一般的挫。

喜欢的朋友可以拿去改造等等

算是一个开源的项目吧，仅做学习交流，对于一切后果，本作者不负责！

接着是开始游戏的画面
在这里插入图片描述

手速不佳抱歉

最低0.47元/天 解锁文章
尚曳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习JavaScript的小朋友
BINGXIN1224的博客
05-14 211
1.变量 变量可以分为变量和常量； 变量是可以改变的量； 声明变量的关键字 var；（**js里面区分大小写） 声明变量的规则（并初始化）： var 变量名称 = 初始化 ； 输出console.log（）； 声明变量，使用变量的时候，要在之前初始化。 var a； a = 10; 变量声明的同时初始化。var b = 10; 同时声明多个变量： var c,d; console.log(c,d)...
超级玛丽JavaScript实现（Super Mario JS recompiled）
MichaelAn的博客
08-21 5155
前几天用JS实现扫雷和贪吃蛇（通过HTML的DOM节点实现基本界面，界面背景简单，交互简单）。比较复杂的是植物大战僵尸，不同的关卡设置单独的函数，僵尸和植物使用不同的类名实现。 超级玛丽通过canvas实现背景，交互很复杂，功能很多，JS代码完全是有汇编语言反编译成C语言，然后把C语言转换成JS实现的。完全使用原生JS实现超级玛丽或者魂斗罗还没有实现。思路：类似植物大战僵尸，设置英雄和不同的敌人...
基于原生 JS 构建超级玛丽游戏
李水灵的博客
03-15 720
以下文章来源于 掘金开发者社区，作者其枫 仅用于学习交流，侵联删！ 写在前面 本文将会手把手带着大家完成一款别样的超级玛丽游戏。 线上地址：http://139.196.82.33:8089/ 该游戏一共有 5 关，欢迎在评论区交流！ 介绍 游戏界面大致如下： 黑色的小方块代表的是玩家，他的任务时手机关卡内所有的金币同时需要避开岩浆。当最后一个金币被收集到了之后，这一关就通过了。 如何操作？ 玩家通过键盘上下左右键进行移动。好，那么接下来我们就开始我们的游戏之旅吧！ 建模 定义关卡 首先我们需要用一种方式
js实现超级玛丽小游戏
10-15
主要为大家详细介绍了js实现超级玛丽小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
原生JS超级马里奥（第八天）
qq_40566547的博客
12-05 7989
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
c++编程练习 016:惊呆！Point竟然能这样输入输出
01-07
北大程序设计与算法（三）测验题汇总(2020春季) 描述 程序填空 #include using namespace std; class Point { ...对每组数据，输出一行，就是输入的两个整数 样例输入 2 3 4 5 样例输出 2,3 4,5 来源 G
js-koans-assignment:使用 jasmine 测试 javascript
06-22
我们都见过 javascript 错误让我们惊呆了，但是通过测试，我们可以编写更自信的代码，因为我们知道如果某些事情发生变化并且测试中断和/或失败，我们可以立即确定错误的原因，修复代码，然后继续开发更多功能。...
2018届高考语文作文备考素材让人“惊呆”的研究报告竟然来自小学生之手
08-05
8. 相关链接：提及的小学生课题报告节选，如《大数据分析帮你进一步认识苏轼》，显示了学生运用现代技术手段对历史人物进行深入研究的可能性，体现了信息技术与传统学科的结合。 总的来说，这个案例揭示了教育多元...
frisby:JavaScript函数式编程库
04-21
看到我可以写出整洁，不易出错的代码，并且用更少的代码来实现与其他编程范例相同的目标，这是我乐于潜入函数式编程世界的关键。 即使只了解函数式编程理论和应用的表面知识，我还是决定编写该库的目的是在我继续...
js-testing-hw:使用 Jasmine 进行 Javascript 测试硬件。 分配给铁场，2015 年 1 月
06-22
我们都见过 javascript 错误让我们惊呆了，但是通过测试，我们可以编写更自信的代码，因为我们知道如果某些事情发生变化并且测试中断和/或失败，我们可以立即确定错误的原因，修复代码，然后继续开发更多功能。...
HTML经典游戏超级玛丽代码
03-25
HTML经典游戏超级玛丽源代码、使用HTML5/jQuery编写。
JavaScript超级玛丽游戏
03-31
JavaScript超级玛丽小游戏，html5游戏，web前端小游戏
JAVA实现超级玛丽
09-13
/* * AnimFrame 是一个记录游戏进程，以及当前所处的像素段的类。 * * 它作用于整个过程。对于处理整个图片显示有着至关重要的作用。 */ public class Animation { private ArrayList frames; //---元素记录时间和图像--------- private long totalDuration; //---总时间 ，记录ArryList中时间的和--，实际是为增加一个新的AniFrame服务的，因为每一个新的服务都会由图片和结束时间来定义。
纯javascript写的超级玛丽 IE9 火狐等可用
07-18
纯javascript写的超级玛丽 运行起来超级流畅 IE9 火狐等浏览器可用
canvas+JavaScript仿超级马里奥游戏源码分享
07-04
学校实训写的小游戏，上传仅供互相学习，更多说明会放在个人博客：http://blog.csdn.net/qq_33688429
javascript实现超级玛丽奥游戏
King Saj
06-21 316
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>马里奥 </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""&g
原生JS超级马里奥（第一天）
qq_40566547的博客
11-28 5636
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
[源码和文档分享]基于JavaScript实现的超级马里奥(Supper Mario)游戏
qq_38474647的博客
04-11 421
一、游戏介绍 《超级马里奥》是一款基于javascript的web端游戏。实现了FC平台上超级马里奥经典版的部分功能复刻。 游戏暂时共设计一关。每关以主人公在走到重点的前提下尽可能地收集金币。主人公在闯关过程中，会遇到怪物，可以通过踩死或者跳过。也会遇到深坑。给游戏增加了一定的难度。 二、概要设计 ...
Javascript实现简单的超级马里奥小游戏
04-11 5695
写在前面：这是自己自学前端之路上第一次写博文，希望以此来巩固自己所学的知识，也希望能和大家多多交流！这个小案例是韩顺平的js学习视频中的案例，视频中给出了一部分的实现，之后由本人补充了一些功能并改进了页面布局。功能需求分析：1)通过上下左右四个button控制马里奥的移动2)使用面向对象的思想，设计Mario的类，并为Mario添加方法3)注意Mario移动不能跑出游戏界面(边界检测)4)Mari...
写一篇原创超级经典的笑话
最新发布
03-28
一天，一只蚂蚁爬上了一只大象的鼻子，大象感觉到了，便问蚂蚁：“小蚂蚁，你要上鼻子干什么呢？” 蚂蚁回答道：“我来检查你的呼吸系统。” 大象一听，赶紧问：“我的呼吸系统有问题吗？” 蚂蚁说：“没有问题，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值