坦克大战是很多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

Javascript面向对象深入-两小时实现坦克大战（含源码+工具+具体流程）相关推荐

坦克大战java源码分析（上）
坦克大战源码分析一.mytank07.java文件分析注:至上而下将不懂的语句.结构体含义.代码作用等作出解释: 1.包的使用 package com.haiding.tank_7; 包语句的语法 ...
射击小游戏源码《90坦克大战》源码H5+安卓+IOS三端源码
cocos creator2.2.2射击小游戏源码<90坦克大战>源码H5+安卓+IOS三端源码,开发脚本为javaScript方便扩展和阅读,支持cocos creator2.X版本,完 ...
3D坦克大战游戏源码
3D坦克大战游戏源码,该游戏是基于xcode 4.3,ios sdk 5.1开发.在xcode4.3.3上完美无报错.兼容ios4.3-ios6.0 ,一款ios平台上难得的3D坦克大战游戏源码,有2 ...
【180927】坦克大战游戏源码
一.源码特点采用winform进行开发,实现了坦克大战的游戏功能,非常简单,欢迎下载二.功能介绍本源码是一个坦克大战游戏源码,运行后,用键盘进行操作,击败对方坦克会随机出现武器加 ...
Java坦克大战游戏源码（java坦克大战）
Java坦克大战游戏源码(java坦克大战) public Swingtest002() {// 设置标题setTitle("请登陆");// 绝对布局setLayout(null ...
HTML5经典坦克大战及源码
目录一.简单介绍二.具体界面主界面排行榜界面组员信息界面组员信息场景三.部分代码 3.1 界面绘制的实现 6.2 坦克移动实现 3.3 发射炮弹 3.4声音处理 3.5计分四.总结一 ...
17 - python——简单的坦克大战(附源码)
基于对面向对象编程的思想完成简单的坦克大战游戏.主要目的锻炼面相对象编程思想同样的在使用python进行游戏编写时需要安装pygame模块安装方法: pycharm安装方式:File --> ...
坦克大战java_java版坦克大战游戏源码
[java]代码库package tankwar; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; imp ...
坦克大战项目c语言代码,c语言坦克大战游戏源码下载
[实例简介]坦克大战 C语言源代码 [实例截图] [核心代码] void GamePlay()/*玩游戏的过程*/ { int i,j,lose=0;/*lose是1的时候表示失败*/ int ...

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