2017年08月_dreamer_sen

原创 JavaScript趣味编程--仿微信飞机大战游戏--4.飞机重复往下

上一篇文章教了大家让飞机在随机的位置产生，并让它一直向下移动。那如何让它到达底下再返回到顶部？这里只要加一个if判断语句就可以了。 1.if语句结构if(判断条件){ //条件成立，执行这里的语句}2.if-else语句结构if(判断条件){ //条件成立，执行这里的语句}esle{ //条件不成立，执行这里的语句}3.if-else if-else if-else语

2017-08-13 10:05:08 602

原创 JavaScript趣味编程--仿微信飞机大战游戏--3.让飞机在随机位置产生

上一篇文章教了大家如何让飞机不停地向下移动，通过定时器，对吧！我们的setInaterval(function(){},10); 这一次呢，我会教大家如何让你们的飞机在一个随机的x坐标中产生，这就需要学一下随机数了。 1.随机数随机，就是你无法确定会不会发生。比如掷硬币，你无法100%确定你能掷到正面，再比如扔骰子，你也没办法100%扔到六。这些情况都是随机的。那随机数也是一样，我们可以让它

2017-08-12 20:48:10 1073

原创 JavaScript趣味编程--仿微信飞机大战游戏--2.让飞机移动

前一篇文章教大家使用canvas来画了一张图片，那么应该如何让这张图片动起来呢？ 1.动画原理我们平时看的动画片，为什么能动起来呢？其实是因为它们都是由一张张图片组成的，在短暂的时间播放多张图片就感觉画面是动的了。那我们如果想让飞机图片动起来，就需要不停地画飞机，并改变坐标，从而实现移动。 2.如何不停地画飞机想让程序不停地画飞机，我们不可能说把一行代码打上个几百次吧！对，我们只需要学习

2017-08-12 20:13:01 1642

原创 JavaScript趣味编程--仿微信飞机大战游戏--1.画飞机

之前的文章已经介绍了如何使用canvas来画正方形，这次介绍如何使用canvas来画一张图片。 1.新建项目本次使用的工具Aptana Studio 3,打开软件之后，选择File->New->Web Project,选择Default Project,再点击Next，输入你的项目名称，点击Finish，就完成了项目的创建。2.创建图片文件夹image 在你新建好的项目下，右

2017-08-12 19:04:11 1711

原创趣味编程-JavaScript-使用画布画画canvas

<canvas>元素可以在HTML文档中创建一个画布。有了画布还需要画笔才能画画。可以通过canvas的getContext（）方法来获取到一个对象，这个对象的功能就相当于一个画笔。在调用getContext（）方法时会传递一个参数‘2d’,‘2d’指的是在画布上绘制二维图片。除此之外还有基于WebGl的3d绘制。话不多说我们就来创建一个画布和画笔吧！并用它们画画实现步骤：1.在html文档

2017-08-08 16:41:37 1445

原创趣味编程--JavaScript--为什么要学习JavaScript？

Atwood's Law: any application that can be written in JavaScript, will eventually be written in JavaScript.Atwood定律：凡是能用JavaScript写出来的，最终都会用JavaScript写出来。一直以来都对JavaScript这门编程语言存在偏见，觉得它并不是一门严谨的编程语言。但随着j

2017-08-08 14:48:04 625

原创趣味编程-JavaScript-数组

什么是数组呢？数组就是值得有序集合。每个值叫做一个元素，而每一个元素在数组中有一个位置，以数字表示，称为索引。在JavaScript中的数组有以下特点：无类型的，数组里面的元素可以是任意类型的。（甚至可以是对象或者其他数组，数组的数组的数组的数组……………………………………）第一个元素为索引：0，最后一个元素索引为：4294967294。动态的：根据需要对数组进行增长或者缩减，所以在创建数

2017-08-05 20:51:09 349

原创趣味编程-JavaScript-Switch语句

当所有的分支（超过三个）都依赖于同一个表达式的值时，如果使用if语句来判断是非常浪费的做法。处理这种情况我们都会使用switch语句:Switch（expression）{ case 1: //执行代码块1 break; case 2: //执行代码块2 break; ... default: //执行default代码块

2017-08-05 19:43:05 510 2

dreamer_sen的博客