Web前端--HTML+CSS+JS新型冠状病毒射击小游戏_js射击小游戏源码,值得收藏

40 阅读3分钟

最后前端到底应该怎么学才好?

如果你打算靠自己摸索自学,那么你首先要了解学习前端的基本大纲,这是你将要学习的主要内容,理解以及掌握好这些内容,便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程,作为初学者最好的方式就是看视频教程学习,初学者容易理解接受。

不要选择买书学习,这样的方式没有几个人能学会,基本都是看不下去书,也看不懂书。如果喜欢看书的学弟,可以买一些经典的书籍作为辅助即可,主要还是以看教程为主。每天抽出固定几个小时学习,做好长期学习的准备。学习编程并不是每天光看视频,你学习编程最重要的目的是为了编写软件产品,提供给大众使用,所以用手写出代码实现功能才是我们要做的事情。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述 开源分享:docs.qq.com/doc/DSmRnRG…

部分JS代码 :

var stage = {
    w: 1280,
    h: 720
}

var _pexcanvas = document.getElementById("canvas");
_pexcanvas.width = stage.w;
_pexcanvas.height = stage.h;
var ctx = _pexcanvas.getContext("2d");




var pointer = {
    x: stage.w / 2,
    y: stage.h / 4
}

var scale = 1;
var portrait = true;
var loffset = 0;
var toffset = 0;
var mxpos = 0;
var mypos = 0;


// ------------------------------------------------------------------------------- Gamy

var againprog = 0;

var healthprog = 0;


function newGame() {
    score = 0;
    health = 100;
    enemies = [];
    enemies.push(new Enemy());
    enemies.push(new Enemy());
    enemies.push(new Enemy());
    againprog = 0;
}



function drawHeart(x, y, w) {
    ctx.beginPath();
    ctx.arc(x - w / 4, y, w / 4, 0.75 * Math.PI, 0);
    ctx.arc(x + w / 4, y, w / 4, 1 * Math.PI, 2.25 * Math.PI);
    ctx.lineTo(x, y + w / 1.5);
    ctx.closePath();
    ctx.fill();
}


var Cannon = function(x, y, tx, ty) {
    this.x = x;
    this.y = y;
    this.tx = tx;
    this.ty = ty;
    this.r = 10;
}

var cannons = [];

var gameover = false;

cannons.push(new Cannon(stage.w, stage.h, stage.w / 2, stage.h / 2));

var firetm = 0;
var fireact = true;

var health = 100;
var score = 0;


var arm = {
    x: stage.w,
    y: stage.h
};
var arm2 = {
    x: 0,
    y: stage.h
};
var danger = false;
var dangera = 0;



var Enemy = function() {
    this.x = stage.w / 2;
    this.y = stage.h / 2;
    this.r = 10;
    this.tx = Math.floor(Math.random() * stage.w);
    this.ty = Math.floor(Math.random() * stage.h);
    this.des = false;
    this.eyeX = 0.4;
    this.eyeY = 0.25;
    this.eyeR = 0.25;
    this.sp = 50;
    this.spl = 1.4;
    this.op = 1;
    this.danger = false;
    this.nuked = false;
}

源码获取

打卡 文章 更新36/  100天 跳槽是每个人的职业生涯中都要经历的过程,不论你是搜索到的这篇文章还是无意中浏览到的这篇文章,希望你没有白白浪费停留在这里的时间,能给你接下来或者以后的笔试面试带来一些帮助。

也许是互联网未来10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去尝试尝试,你永远不知道市面上的行情如何。这次找工作下来,我自身感觉市场并没有那么可怕,也拿到了几个大厂的offer。在此进行一个总结,给自己,也希望能帮助到需要的同学。

面试准备

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

面试准备根据每个人掌握的知识不同,准备的时间也不一样。现在对于前端岗位,以前也许不是很重视算法这块,但是现在很多公司也都会考。建议大家平时有空的时候多刷刷leetcode。算法的准备时间比较长,是一个长期的过程。需要在掌握了大部分前端基础知识的情况下,再有针对性的去复习算法。面试的时候算法能做出来肯定加分,但做不出来也不会一票否决,面试官也会给你提供一些思路。