JS实战之俄罗斯方块详解.docx

上传人:b****7 文档编号:10893124 上传时间:2023-02-23 格式:DOCX 页数:17 大小:61.82KB
下载 相关 举报
JS实战之俄罗斯方块详解.docx_第1页
第1页 / 共17页
JS实战之俄罗斯方块详解.docx_第2页
第2页 / 共17页
JS实战之俄罗斯方块详解.docx_第3页
第3页 / 共17页
JS实战之俄罗斯方块详解.docx_第4页
第4页 / 共17页
JS实战之俄罗斯方块详解.docx_第5页
第5页 / 共17页
点击查看更多>>
下载资源
资源描述

JS实战之俄罗斯方块详解.docx

《JS实战之俄罗斯方块详解.docx》由会员分享,可在线阅读,更多相关《JS实战之俄罗斯方块详解.docx(17页珍藏版)》请在冰豆网上搜索。

JS实战之俄罗斯方块详解.docx

JS实战之俄罗斯方块详解

目录

俄罗斯方块编写思路2

纯净代码2

代码注释4

程序一;简单计算器8

程序二,九九乘法表11

俄罗斯方块编写思路

要实现一个功能首先要明确这个功能有哪些动作,然后分解动作,一一实现

俄罗斯方块要分为下面这几块

场景地图、俄罗斯方块图案、随机生成俄罗斯方块、俄罗斯方块下落、左右移动、旋转、检查方块是否与场景重合,是否到底,是否与以后图案重合、更新场景,以及游戏结束,大致这么几块内容,

纯净代码

下面附上原有代码以代码分析

注:

这个适合有一定JS编程基础的人来看

原有60行代码:

只可以实现简单的俄罗斯方块功能,没有暂停,保存,重新开始,等级,调节降落速度这些。

画面如下;

doctypehtml>

252px;font:

25px/25px宋体;background:

#000;color:

#9f9;border:

#99920pxridge;text-shadow:

2px3px1px#0f0;">

代码注释

下面是带注释的代码:

水平有限,只能到这一步

doctypehtml>

--id为boxhtml中注释用这种-->

下面附上两个外带小程序:

程序一;简单计算器

功能可以计算简单的+-*/可以清楚,其余功能没有

代码如下

doctypehtml>

计算器

0

1

2

3

+

4

5

6

-

=

7

8

9

*

+/-

0

.

/

界面如下:

程序二,九九乘法表

doctypehtml>

九九乘法表

界面如下;

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 高等教育 > 历史学

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1