JavaScript初学者自制200行代码打飞机游戏心得分享

2 下载量 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操作以及简单的动画效果实现。同时,它也强调了在编程中运用对象思维和模块化设计的重要性。