程序地带

Javascript面向对象深入-两小时实现坦克大战(含源码+工具+具体流程)


坦克大战是很多80、90后不可磨灭的童年 记忆,借着这次公开课,我们一起使用 JavaScript面向的方式实现这个小游戏。让大家在这个小游戏的过程中学习面向对象在es6中的实现方式,以游戏制作的方式是希望增加大家的学习兴趣。


JavaScript面向对象实现坦克大战(逻辑图)



实现坦克大战所需知识点
部分es6语法

et关键字


在es6中,js可以使用let关键字声明一个块级变量


语法:let变量名=值;


这个变量只能在变量所在的{}内使用



()=>{} 箭头函数


在es6里面可以简写函数



class语法

class – es6中使用class(类)描述对象



JavaScript模块化
什么是模块化
把一个复杂的问题拆解成若干个部分,每个部分处理自己的事务每个部分是一个模块每个模块的逻辑简单了不同模块可以在不同的问题中重复使用 ...
模块化语法

export 关键字


这个关键字可以把我们定义在一个模块里的功能开放给外部使用



import关键字


如果在这个模块里面要使用另一个模块的功能,那么使用import关键字导入





简单canvas绘图

canvas标签


html5新推出的标签,用于在页面上绘制图片



使用canvas绘制图片需要从这个对象上得到一个画笔对象



使用画笔对象的绘制图像的API绘图



画图需要一个图片对象




项目启动

准备工作完成,可以进行开发了


设定


项目预览



小结:面向对象是编程中的一种重要思想,在现在的编程开发中无处不在,学会这种思想和学习如何运用这种思想,对大家的学习和工作是非常有的,希望大家在小游戏 的制作过程中能慢慢地体会到这种思想的好处


关于工具环境搭建,请看底部分享获取!



Javascript面向对象深入-两小时实现坦克大战 完整视频:http://yun.itheima.com/open/354.html?2010stt


 


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/itcast_cn/article/details/111246095

随机推荐

python3 安装_Python3的安装

1.Anaconda安装Anaconda的官方下载链接为https://www.continuum.io/downloads,选择Python3版本的安装包下载即可,如图1...

weixin_39629947 阅读(196)

sublime配置go环境_IDEA Golang开发环境配置

本文从作者其它博客平台迁移过来,文章写于2019年部分内容有些陈旧,不影响整体思路。2012年Go语言第一个正式版本至今已经历时6年,因其优秀的性能ÿ...

weixin_39517560 阅读(331)

STM32F407_01_概述

@/"...1>STM32型号命名2>MCU方框图3>CPU方框图4>内存映射图5>总线结构图6>硬件抽象1>STM32型号命名2>MC...

[email protected]/” 阅读(832)