javascript开发塔防游戏系列
关注
分享
扫一扫
javascript开发塔防游戏系列
豆约翰
致力于帮助每一个对编程感兴趣的朋友掌握编程，一起体会编程的乐趣。微信号：tiantiancode
展开
-
从零开始手把手教你使用javascript+canvas开发一个塔防游戏07塔的升级和出售
项目演示项目演示地址：体验一下项目源码：项目源码代码结构本节做完效果info.js //画出塔的攻击范围以及升级等信息 drawScope : function(tower){ var select = Game.canvasList.select; Canvas.clear(select,500,500); Canvas.fillArc(select,tower.x+25,tower.y+25,TowerType[tower.type]["level_原创 2020-12-30 18:00:49 · 470 阅读 · 0 评论 -
从零开始手把手教你使用javascript+canvas开发一个塔防游戏06塔发射子弹
项目演示项目演示地址：体验一下项目源码：项目源码代码结构本节做完效果新增bullet.js //子弹类 function Bullet(cxt,img,type,enemy,level,x,y,radius){ this.cxt = cxt; this.img = img; this.x = x; this.y = y; this.radius = radius; this.radiusAll = radius * 2; //子弹类型 this.type = t原创 2020-12-30 17:59:17 · 970 阅读 · 1 评论 -
从零开始手把手教你使用javascript+canvas开发一个塔防游戏05拖拽塔到地图上
项目演示项目演示地址：体验一下项目源码：项目源码代码结构本节做完效果新增tower.js //塔类 function Tower(cxt,img,type,x,y,width,height){ this.cxt = cxt; this.img = img; this.x = x; this.y = y; this.width = width; this.height = height; //塔的类型 this.type = type; //塔的级别 this原创 2020-12-30 17:58:45 · 359 阅读 · 0 评论 -
从零开始手把手教你使用javascript+canvas开发一个塔防游戏04右侧信息展板
项目演示项目演示地址：体验一下项目源码：项目源码代码结构本节做完效果修改game.js新增info.js //右侧信息显示类 var Info = { score : 100, life : 10, mission : 1, //塔的图片对象 towerImg : null, //每种塔在右侧的位置信息 towerPosition : [], //已经安装的塔的位置信息 installTower : {}, init : function(原创 2020-12-30 17:58:02 · 178 阅读 · 0 评论 -
从零开始手把手教你使用javascript+canvas开发一个塔防游戏03敌人一波一波的出
项目演示项目演示地址：体验一下项目源码：项目源码代码结构本节做完效果game.js修改修改initEnemy //出敌人 initEnemy : function(){ if(Game.missionLazy > 0){ Game.missionLazy -= 20; return false; } if(Game.enemyLazy > 0){ Game.enemyLazy -= 20;原创 2020-12-30 17:57:29 · 288 阅读 · 2 评论 -
从零开始手把手教你使用javascript+canvas开发一个塔防游戏02敌人自动寻路
项目演示项目演示地址：体验一下项目源码：项目源码代码结构本节做完效果Enemy.js//敌人类function Enemy(cxt,img,type,x,y,width,height){ this.cxt = cxt; this.img = img; this.x = x;//55 this.y = y;//0 this.width = width; this.height = height; //敌人类型 this原创 2020-12-30 17:56:54 · 592 阅读 · 0 评论 -
从零开始手把手教你使用javascript+canvas开发一个塔防游戏01地图创建
项目演示项目演示地址：体验一下项目源码：项目源码代码结构本节做完效果游戏主页面index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2020-12-30 17:56:17 · 440 阅读 · 1 评论