操作方法：方向键左右移动，空格射击，ESC暂停/播放，B键释放POWER
较之前版本改动：
能力分支选择模式；
增加了BOSS模式；
增加了通关胜利条件；
可以多POWER蓄力；
敌人智能射击设定；
玩家可以使用跟踪导弹(能力提升选项中有几率出现)；
UI调整；
测试通过IE9 FF和CHROME
下载地址：http://download.csdn.net/download/ajccom/4617593
-
等级
本版专家分：4267结帖率 100% -
SEA WOLF - 射击类游戏 玩家控制一艘小船攻击水中敌人；游戏过程中会出现能力提升道具，BOSS等。
操作方法：方向键左右移动，空格射击，ESC暂停/播放，B键释放POWER
较之前版本改动：
能力分支选择模式；
增加了BOSS模式；
增加了通关胜利条件；
可以多POWER蓄力；
敌人智能射击设定；
玩家可以使用跟踪导弹(能力提升选项中有几率出现)；
UI调整；
测试通过IE9 FF和CHROME
下载地址：http://download.csdn.net/download/ajccom/4617593展开阅读全文
- 原生js+canvas实现类贪吃蛇的小游戏
这是一个类贪吃蛇的小游戏，因为最近又翻到了canvas，想着写一些东西来巩固下，刚好就看到博主写的demo，不过我在其基础上进行了一定的规则限制，下面附上链接：博主原文 设计初衷 此次这个游戏加入了 1、积分...
- 【必看】2020年新型前端HTML5+CSS3+JS+Canvas+AJAX+Http前后端交互
课程为零基础学习开发的学员而准备，无需任何基础，无任何专业限制，通通从零开始，由浅入深学习开发，每个知识点均有对应案例作为指导，通俗易懂，简单易学，易上手。课程经过长时间的经验总结，采取合理又容易和...
- JavaScript+Canvas 实现网页截屏
html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。 因为每个浏览器渲染页面的方式都不尽相同，所以生成的图片也不太一样。 环境要求: jQuery 兼容性: Firefox 3
- 纯javaScript div保存图片并下载 js+Canvas+Svg
最精简的原生js开发，更方便扩展开发需要的业务 ...4.将svg img 画到Canvas的画布中 用方法 context.drawImage(img, 0, 0); 5.将Canvas画布保存为png图像 示例程序截图： CODE: <html...
- HTML5+Canvas贪吃蛇
最近前端以及JavaScript很火，再加上上课web的需要，感觉是时候系统的学学HTML5了，之前和同学合作用html5的canvas开发了一个贪吃蛇改进版的小游戏，很有趣，当时的核心代码是同学敲得，而我也在忙别的事情一直没有...
- js+canvas实现纸牌游戏
废话不多说，先上地址 ...好吧，可能有些好学生在做上机实验时没有玩纸牌游戏，所以容我介绍一下这个游戏，这个游戏是win7自带的一个纸牌类游戏，游戏规则是：将牌按一定的规则码放，最终将所有的牌牌面
- HTML5+Canvas开发详解（第2版）.pdf
通过HTML5+Canvas开发详解（第2版），你将学到如何使用Canvas进行绘图、渲染文字、处理图像、创建动画，而这些是开发交互式Web游戏的必备知识。本书针对Canvas和HTML5技术的最新变动进行了更新，其中包含了大量清晰...
- 一个Vue+Canvas的酷炫后台管理
又一个Vue+Cnavas酷炫的后台管理，依然前后端分离（用PC打开，还没适配移动端）。https://hzzly.github.io/2017/03/21/%E4%B8%80%E4%B8%AAVue-Canvas%E7%9A%84%E9%85%B7%E7%82%AB%E5%90%8E%E5%8F%B...
- HTML5——canvas制作游戏2048
笔者只做了游戏主体，至于那些得分啊，历史最高分之类的，都没有去实现。那些都是比较简单的内容，这里就不多说了。下面讲述的过程中，将主要是讲讲笔者本人制作过程中的一些思路。 首先，是页面部分，这部分也...
- 原生js+canvas实现裁剪图片的功能
本文是利用一个css的属性clip，我肯定有很多人都不知道这个属性，因为这个属性用到的太少了，只是在特定的条件下才会用到这个属性。这里我就跟大家大致的说一下它的用法，想要了解更多这个属性的可以去查阅一下资料...
- 纯前端Html+JavaScript+canvas生成公章
<!DOCTYPE HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title&...SCRIPT
- 发现一个Javascript+Canvas实现的照片人脸识别
测试： ... ... 浏览器要求：支持Canvas的浏览器都可以。IE是一个杯具，据说IE9已经摆脱杯具。。。 使用方法很简单，输入图片的网址，点Detect按钮就可以了。 或者直接选择本地的图...
- HTML5+Canvas漂亮的3D烟花动画生日特效，节日特效，烟花
fireworks HTML5+Canvas漂亮的3D烟花动画生日特效，节日特效，烟花 https://github.com/louislivi/fireworks https://github.com/louislivi/fireworks
- 一个Vue+Canvas的酷炫后台管理
又一个Vue+Cnavas酷炫的后台管理，依然前后...https://hzzly.github.io/2017/03/21/%E4%B8%80%E4%B8%AAVue-Canvas%E7%9A%84%E9%85%B7%E7%82%AB%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86/ 项目地址： https://github.co
- 使用原生Js＋Canvas做一个简单的web游戏
这是一个很简单的游戏，通过学习原博文然后进行了一些改造，附上链接。 原文：点击打开链接 其中还是有很多不好的设计思维，比如主角和怪物并不是分开处理，如果后续有其他的改动会比较麻烦。 本篇博文，...
- html2canvas+Canvas2Image在移动端出现的问题
移动端想要实现长按保存图片的功能，用html2canvas+canvas2image来实现，，PC端能正常下载，但是在移动端下载的文件没有后缀名，而且下载失败，下面是代码和图片 ![图片说明]...
- D3.js + Canvas 绘制组织结构图
D3.js…# D3.js + Canvas 绘制组织结构图 使用 D3.js 默认的 svg 渲染 D3默认的树状图画图使用的是svg, 比如这个来自D3作者的例子: https://bl.ocks.org/mbostock/4339083 使用svg有好有坏: - 好处是方便操作...
- html5+exif.js+canvas实现手机端照片上传预览、压缩、旋转功能
html5+canvas进行移动端手机照片上传时，发现ios手机上传竖拍照片会逆时针旋转90度，横拍照片无此问题；Android手机没这个问题。 因此解决这个问题的思路是：获取到照片拍摄的方向角，对非横拍的ios照片进行角度...
- JavaScript：使用Canvas绘图
canvas>元素，必须先设置其width和height属性，指定可以绘图的区域大小，出现在开始后结束标签中的内容是后备信息，如果浏览器不支持<canvas>元素，就会显示这些信息。例如<canvas id=&...
- js小方法+Canvas 利用js 实现浏览器保存图片到本地
很多时候会看到 ：保存图片到本地" onclick="Download()"/> 这都是固定好的，但是如果你有一天需要动态的去添加方法 或者是根据条件的去绑定点击事件下面的方法呢？需要调用js 的 元素.addEventListener(event, ...
- 【动画】简易制作贝塞尔曲线动画（JS+css3+canvas）
一些废话（直接看代码的可跳过） 贝塞尔曲线：什么是贝塞尔曲线？用过PS的就知道，那破钢笔工具就是，什么，没用过？自行百度用法。 需要的工具 ctrl+c、ctrl+v 直接上代码 ......
- （完整源码）H5贪吃蛇小游戏——HTML+CSS+JavaScript实现
最近因为帮助大一的学妹做网页，又接触了一下前端方面的知识。（学妹已经成了女朋友！！！，嘻嘻）感谢自己当年认真学习，大三了好多东西还能拾起来，哈哈。我翻出了我当年写的代码，还真不少呢。...
- HTML5 + canvas完成视频截图
最近项目需要做一个H5视频截图功能，在网上找了一些资料，核心部分都是用canvas来完成截图，找到一篇很不错的博文，这里搬过来作为自己的积累，原文如下： “一般的视频网站对于用户上传的视频，在用户上传完成后，...
- 使用HTML5+CSS3+JavaScript制作网页游戏的流程
这几天学习网页前端每天都有所收获，下面来分享一下用H5C3+JS开发网页小游戏的流程，供大家学习、参考，也为了是自己在以后的日子里不会忘记。 所谓玩游戏，实际上是另一种形式的人机交互，是人机交互就让我想起了...
- html5+exif.js+canvas实现手机端照片上传预览、压缩、旋转功能
html5+exif.js+canvas实现手机端照片上传预览、压缩、旋转功能 图片上传 上传图片: 自己写的js： function selectFileImage(fileObj) { var file = fileObj.files['0']; ...
- HTML5+Javascript的游戏，叫“html5游戏”还是“js游戏”？
现在主流的叫法是“html5游戏”，那以前的HTML4+Javascript的游戏，为什么...我个人观点，从技术角度来看，现在通常说的“html5游戏”应该叫"Canvas游戏"，而"Javascript游戏"是个总称，按使用的主要技术点，可分为"DOM
- HTML如何转化为canvas教程
序言: 上个月换工作了, 从...第一个红格子是DOM渲染的, 第二个带边框的红格子是用html的代码在canvas画出来的, 没有使用canvas的api哦. 本文最后贴出了代码. 原理 本文转化的实现, 以及本文下半部分所介绍的ht...
- 使用JS和Canvas做一个html5小游戏
这是游戏的截图： 1.有计算抓住的怪物的数量 2.有背景，英雄，怪物。 第一步：建立html文件和js文件 建立一个games文件夹，在文件夹中建立js文件夹，images文件夹，以及index.html。 game.js放在js文件夹...
- dom提高分辨率转canvas
dom 内容转成canvas图片 依赖库为html2canvas.js 由于手机的高分辨率，实际dom像素值会很小，解除的图会发虚。 下面的代码演示了如果将当前撑满手机屏幕的dom元素放大2倍的分辨率（ipad为1.2倍）截出图片。 // ...
- Html5 Canvas+Javascript实现一个简单画图程序（一）
目标： 铅笔工具绘画，绘制常见几何形状（直线，矩形，圆形，多边形）。...然后有了canvas还不够，就像它的英文意思一样，它只是供你施展才华的画布。为了能够画图图形，你还需要什么呢？画笔(conte