JavaScript初学者自制200行代码打飞机游戏心得分享
31 浏览量
更新于2024-09-03
收藏 103KB PDF 举报
"该资源是一个使用JavaScript编写的打飞机小游戏示例,作者通过大约200行代码实现。作者在项目开发过程中学习了对象的原理和结构体概念,并意识到在编程时采用对象思维的重要性。虽然代码中没有使用jQuery,但作者自定义实现了渐隐渐现效果的函数。游戏的源代码已上传至GitHub,提供了一个下载链接以供访问。"
在本文中,我们主要讨论的是如何使用JavaScript编写一个小型的打飞机游戏。首先,作者提到这个游戏是他初次尝试使用JavaScript编写游戏,当时他对对象的使用和理解还不够深入,因此在程序设计时没有采用面向对象的方式,导致后续修改时遇到了困难。他认识到,对于具有明显属性的游戏元素,使用对象可以更好地组织和管理代码,减少复杂性。
游戏的核心功能可能包括创建飞机、子弹、敌人等游戏元素,以及它们的移动、碰撞检测和得分计算等。作者提到的代码片段展示了游戏的初始化部分,包括窗口加载事件的处理和渐隐渐现效果的实现。`window.onload`函数用来确保在页面完全加载后执行游戏的初始化代码。
`Base`对象可能是游戏中的一个基类或者包含了一些通用方法,如渐隐渐现效果。`fadehide`和`fadeshow`两个方法分别用于元素的渐隐和渐显,它们通过`setInterval`定时器改变元素的透明度(`opacity`),当达到预设条件时停止动画。
`Base.fadehide('start')`用于在点击开始按钮后隐藏开始界面,而`Base.fadeshow('path')`则显示游戏路径或游戏区域。`Base.createBullteAndMovePlain()`应该是创建子弹并处理飞机移动的函数。
值得注意的是,由于作者在编写这个游戏时还不熟悉jQuery,因此他手动实现了动画效果,这不仅展示了JavaScript的基本语法,也反映了在没有依赖库的情况下解决问题的能力。
这个资源为初学者提供了一个实际的JavaScript编程项目,通过分析和理解这个游戏的代码,开发者可以学习到JavaScript基础、事件处理、DOM操作以及简单的动画效果实现。同时,它也强调了在编程中运用对象思维和模块化设计的重要性。
2019-09-04 上传
2023-04-10 上传
2023-08-05 上传
2023-06-01 上传
2023-06-03 上传
2023-11-14 上传
2023-12-09 上传
weixin_38609453
- 粉丝: 9
- 资源: 965
最新资源
- OptiX传输试题与SDH基础知识
- C++Builder函数详解与应用
- Linux shell (bash) 文件与字符串比较运算符详解
- Adam Gawne-Cain解读英文版WKT格式与常见投影标准
- dos命令详解:基础操作与网络测试必备
- Windows 蓝屏代码解析与处理指南
- PSoC CY8C24533在电动自行车控制器设计中的应用
- PHP整合FCKeditor网页编辑器教程
- Java Swing计算器源码示例:初学者入门教程
- Eclipse平台上的可视化开发:使用VEP与SWT
- 软件工程CASE工具实践指南
- AIX LVM详解:网络存储架构与管理
- 递归算法解析:文件系统、XML与树图
- 使用Struts2与MySQL构建Web登录验证教程
- PHP5 CLI模式:用PHP编写Shell脚本教程
- MyBatis与Spring完美整合:1.0.0-RC3详解