上一页 1 2

2018年12月14日

运用html5 canvas做飞机大战游戏（2）

摘要： 紧接着上次做的将游戏最终完成。 1、现在要绘出敌方飞机： 因为敌方飞机有三种不同的形式，每种飞机的参数各不相同，这里就要新建三个数组及对象来储存他们。 然后创建敌方飞机的构造函数，值得思考的是飞机碰撞的相关逻辑，想象一下当敌方飞机与子弹或者我方飞机碰撞时他们坐标有什么样的联系然后换算出来。 然后还是 阅读全文

posted @ 2018-12-14 17:43 李泽楠 阅读(844) 评论(0) 推荐(0) 编辑

2018年12月13日

运用html5 canvas做飞机大战游戏（1）

摘要： 1、首先，写出canvas前提，定义所需要的变量，如宽高、分数、生命值等。 2、定义背景图片及开始状态： 由于我们设置的背景是动态向下滚动的，所以这里先获取我们所需要的图片，然后将图片所具有的一些属性封装为一个对象方面后面调用。 然后定义一个背景图片的构造函数，里面传入之前定义好的对象，然后用thi 阅读全文

posted @ 2018-12-13 19:23 李泽楠 阅读(2844) 评论(0) 推荐(0) 编辑

2018年12月12日

运用canvas绘折线图和柱状图

摘要： 一、绘制折线图 1、首先，随便定义一个数组对象代表坐标，然后绘出打底的网格线： 2、绘出x轴y轴： 3、根据定义的坐标绘出相应的折线图： 由于canvas原点跟我们定义的坐标原点有差距，绘图的关键在于将定义的坐标换算成相对于canvas的坐标表示，找到准确的对应点。注意每个折点绘制小方块的时候重新开 阅读全文

posted @ 2018-12-12 19:51 李泽楠 阅读(396) 评论(0) 推荐(0) 编辑

运用css3绘制时钟。

摘要： 1、首先编写canvas的相关格式： 动态获取canvas的宽高以便修改处理，运用.translate()；将画布中心点从默认左上角移到中心点方便后面的操作和换算。 2、绘制外表盘、数字及静态的对象： 绘制外表盘：（这里我运用了渐变色使得表盘更加好看） 绘制表盘数字：（运用循环添加，运用三角函数辅助 阅读全文

posted @ 2018-12-12 18:33 李泽楠 阅读(607) 评论(0) 推荐(0) 编辑

2018年12月10日

js

摘要： 1、DOM等对象的属性名称是区分大小写的； 2、JavaScript是解释型语言，区分大小写； 3、在JS代码里经常看到this. xx ，当事件处理器是通过HTML元素的属性添加到页面时，其中的this是指HTML元素本身； 4、不能使用同一个<script>元素来引用外部JavaScript文件 阅读全文

posted @ 2018-12-10 19:04 李泽楠 阅读(193) 评论(0) 推荐(0) 编辑

css

摘要： 基础知识 1、标记 例如：<h2>标题内容</h2> 2、CSS控制页面： 优先级别: 行内样式 > 链接式 > 内嵌式 > 导入式 行内样式:用Style标记直接写在中间 内嵌式:将CSS写在<head>与</head>之间，并且用<style>和</style>标记声明 链接式: 导入式： CS 阅读全文

posted @ 2018-12-10 18:46 李泽楠 阅读(132) 评论(0) 推荐(0) 编辑

html

摘要： html给我的感觉是很标准，很有格式的。最主要的代码特点就是标记成对的出现，虽然有些可以省略，但是建议除非太过烦琐还是把前后都加上去吧！作为一个完整的html网页，总是有头部，主体和结尾3大部分，分别用head/head，body/body和/html表示。另外，一个重要特性就是可以自定义风格（CS 阅读全文

posted @ 2018-12-10 18:38 李泽楠 阅读(104) 评论(0) 推荐(0) 编辑

上一页 1 2

导航