原生canvas写的飞机游戏

一个原生canvas写的飞机游戏,实用性不大,主要用于熟悉canvas的一些熟悉用法. 项目地址:https://github.com/BothEyes1993/canvas_game…

声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 之前在当耐特的DEMO里看到个打飞机的游戏,然后就把他的图片和音频扒了了下来....自己凭着玩的心情重新写了一个.仅供娱乐哈......我没有用框架,所有js都是自己写的......所以就可以来当个简单的教程,对那些刚玩canvas的,或许能有些帮助,楼主玩canvas也不是很久,技术不是很好,请见谅哈. 闲话不多说,先上DEMO撒:飞机游戏楼主写这个人纯碎娱乐,没想着写成多正式的游戏哈. 步入主题啦:打飞机游戏文件有index…

原生ES6写的Web游戏：ES6-Mario，小美女，小帅哥快来玩啊~~

? ES6-Mario 这是一个用原生ES6语法和HTML5新特性写成的Web 游戏. 通过这个项目,你可以在实践中对ES6的主要内容.HTML Canvas 相关API以及Webpack的基础配置有一个直观的认识. 主体结构学习自 Meth Meth Method On Youtube @Meth Meth Method. 非常感谢原作者 @pomler,从他那里学到了很多人生经验. 项目地址:GitHub: es6-mario 兼容性较新版的Chrome 和 Firefox iOS 9.3…

用原生Canvas写贪吃蛇及问题解决

为了学习Canvas,写了这个小游戏贪吃蛇供自己和大家学习 Github: https://github.com/zhiyishou/Gsnake Play On: http://zhiyishou.github.io/Gsnake 游戏截图: 前言: 为了方便加载转移,我把整个js都写在了html里,为了方便阅读,将函数结构在html里清晰地分开, 并在代码里有足够注释. 函数结构如下: |----script |----Definations |----Global Snake variab…

用html5 canvas和JS写个数独游戏

为啥要写这个游戏? 因为我儿子二年级数字下册最后一章讲到了数独.他想玩儿. 因为我也想玩有提示功能的数独. 因为我也正想决定要把HTML5和JS搞搞熟.熟悉一个编程平台,最好的办法,就是了解其原理与思想之后,做个真正完整的东西练练. 之前一直搞.net,后来管理事务多了,很多技术就没跟上,看过一些JS的书,但一直没动手,前几个月,写了第一个JS程序,是一个简单的产品规则引擎,利用v8引擎集成在.net程序中,用脚本来处理产品费用有关的计算.但那个只涉及数值计算. 这几天因为儿子的课本上学逻辑推理…

用Canvas写桌球游戏！！！

声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 昨天上班的时候闲着无事,就用Canvas写了个桌球游戏来玩玩....所以就拿这游戏上来水一发.或许对一些刚学canvas的人有帮助. 话说这只是一个简单的DEMO.游戏性,游戏规则什么的我都没怎么考虑,如果有兴趣细化的朋友可以细化一下,比如细化一下规则,游戏开关,加个声音,细化一下进球检测,更严谨甚至可以去查下击球力度.桌面真实摩擦力等来把游戏弄的更像游戏.我只是给个编程思路哈,随便坐个DEMO而已,玩起来估计还是不会很爽快的~~ …

原生js写的贪吃蛇网页版游戏特效

用Canvas写一个简单的游戏--别踩白块儿

第一次写博客也不知怎么写,反正就按照我自己的想法来吧!怎么说呢?还是不要扯那些多余的话了,直接上正题吧! 第一次用canvas写游戏,所以挑个简单实现点的来干:别踩白块儿,其他那些怎么操作的那些就不用再扯了,大家应该都懂,不懂的看到黑色的就点就是了,扯多了我打字手也累,大概.链接给你们:http://nowtd.cn/white/ 咱不是理论派,所以在这里不会扯多少理论. 首先看看html的结构吧 <header class="container"> <article…

python 之路，200行Python代码写了个打飞机游戏！

HTML5学习+javascript学习：打飞机游戏简介以及Model层

本着好记性不如烂博客以及分享成功的喜悦和分享失败的苦楚,今天我来分享下一个练手项目:打飞机游戏~从小就自己想做游戏,可是一直没有机会.HTML5给了我们这个平台,这个平台可以有很多以前想都不敢想的东西存在,让我们怀着感激与敬畏的心情,开始我们HTML5的旅程. 练手:打飞机游戏---思路. 1 需求: 这个不多说了,玩儿过雷电的同学都知道,有己机,敌机,还有子弹,当然BOSS也算但是BOSS也是敌机了. 2 分析: 2.1 开发工具: 采用HTML5+JS来完成,JS面向对象虽然有点复杂,但是很…

pygame开发PC端微信打飞机游戏

pygame开发PC端微信打飞机游戏一.项目简介 1. 介绍本项目类似曾经火爆的微信打飞机游戏.游戏将使用Python语言开发,主要用到pygame的API.游戏最终将会以python源文件game.py形式完成,只需要运行python game.py就可以进入游戏. 游戏最终效果截图如下: 2. 知识点本实验中将介绍在Linux桌面环境下使用Python及pygame快速开发小游戏的方式.可以通过这个游戏入门pygame游戏开发. 3. 参考文档代码参考 Kill-Console写的P…

用原生javascript模拟经典FC游戏公路争霸

#用原生javascript模拟经典FC游戏公路争霸前几天看了园子里面的随笔 [原生javascript开发仿微信打飞机小游戏](http://www.cnblogs.com/Mr-Nobody/p/3537718.html)一时兴起,自己也搞了一个小游戏,练习一下自己的js,dom及游戏编程的思维其中还参考了 [另外一个汽车游戏](http://wd.jb51.net:81/200910/yuanma/car_game_js.rar) 在此说一下过程中一些细节吧 **油门**功能的实现是其…

<Win32_20>纯c语言版的打飞机游戏出炉了^_^

经过昨天的苦战,终于完成了纯C版的打飞机游戏——使用微信打飞机游戏的素材,不过玩法有些不同,下面会有详述一.概述游戏的玩法.实现效果 1. 游戏第一步,简单判断一下,给你一个准备的时间: 2.选择"是"进入游戏界面: 3. 分数的记法规则和微信版的一样——小飞机1000.中号飞机6000.大boss10000 4. 使用鼠标点击响应的飞机,能实现爆炸效果 5. 你需要在飞机消失之前干掉它,否则游戏就结束了 6. 同样支持微信中暂停和继续的功能(左上角图标可以看见) 7. 当游戏结束的…

Pygame制作微信打飞机游戏PC版

使用Pygame制作微信打飞机游戏PC版转至:http://www.cnblogs.com/dukeleo/p/3339780.html 前一阵子看了一篇文章:青少年如何使用Python开始游戏开发 .看完照葫芦画瓢写了一个,觉得挺好玩儿,相当于简单学了下Pygame库.这篇文章是个12岁小孩儿写的,国外小孩儿真心NB,想我12岁的时候会干嘛?只会打星际... 为了复习一下准备自己做一个小游戏.想到微信上的飞机大战很火,就决定做一个PC版的.首先去下了个微信的APK,把里面的飞机大战的资源…

python来写打飞机

准备用python写一个打飞机的游戏,相信能够写完这个项目,我对python的学习应该也算可以了. 首先,我们要使用python的一个pygame的库来写,这个库的安装比较简单就是普通的pip安装就可以了. 简单的介绍一下这个库的使用,当然,是代码的方式: import pygame import time def main(): #1. 创建窗口(无背景,大小与背景一样) screen = pygame.display.set_mode((480,852),0,32) #2. 创建一个背景图片…

简单的运动学，用canvas写弹力球

声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 跟之前的随笔一样,因为本人仍是菜鸟一只,所以用到的技术比较简单,不适合大神观看...... 学canvas学了有一个多礼拜了,觉得canvas真心好玩.学canvas的人想法估计都跟我差不多,抱着写游戏的态度去学canvas的.所以运动学啊.碰撞检测啊.一些简单的算法神马的是基础啊.以前没做过游戏的我学起来还真心吃力.今天就来说下用canvas写个最简单的弹力球游戏,就运用了最简单的重力作用以及碰撞检测. 先上DEMO:弹力球DEMO…

封装构造函数，用canvas写饼状图和柱状图

封装构造函数,用canvas写饼状图和柱状图封装函数 // 场景 function XDLScence( options ) { this.stage = options.stage; //执行场景的初始化 this.init = options.init || XDLScence.voidFn; //执行场景的进场动画 this.pre = options.pre || XDLScence.voidFn; //执行场景的出场动画 this.post = options.post || XDL…

原生 js 写分页

欢迎留言或者加本人QQ172360937咨询这段代码是用原生 js 写的一个分页的效果 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{padding:0;margin:0;} #ul{font-size:0;font-family:Mi…

实例源码--IOS高仿微信打飞机游戏(完整功能)

下载源码技术要点: 1. IOS游戏开发基础框架 2. 高仿打飞机游戏 3. 游戏背景音频技术 4.源码详细的中文注释 ……. 详细介绍: 1. IOS游戏开发基础框架此套源码为涉及IOS游戏开发框架基础技术,是一套功能齐全,具有一定价值的游戏开发参考源码 2. 高仿微信打飞机游戏源码基于目录流行的微信打飞机游戏功能需求,实现了完整的打飞机游戏功能,比如游戏暂停,继续,开始等常用游戏功能,效果基本与微信打飞机保持一致 3. 游戏背景音频技术源码实现了游戏常用的背景音频技术,添加了游戏过程…

射击的乐趣：WIN32诠释打飞机游戏源码补充

打飞机游戏源码补充从指定位置加载bmp并显示到对话框. , TRUE);, , LR_LOADFROMFILE); { BITMAP bmpinfo; CClientDC pdc( CDC dc; dc.CreateCompatibleDC(&pdc); dc.SelectObject(bmp); CRect rect; GetClientRect(&rect); pdc.Bit…

canvas写的一个小时钟demo

<!DOCTYPE html> <html> <head> <title>HTML5 Canvas Demo of clock</title> <script> function time(){ var mycanvas=document.getElementById("myCanvasTag"); var mycontext=mycanvas.getContext('2d'); //清空画布, mycontext…

用原生JS写移动动画案例及实际应用

js很强大相信很多人都知道,那么它有哪些强大之处呢?有兴趣的人可以去查查,这里就不赘述了,因为不在本片文章讨论的范围. 我们要讲的是怎么用原生JS写移动动画?我们先举一个最简单的动画例子,很多网站的左边或右边会有个分享的框,鼠标放上去就还移出一个列表,里面是要分享的地址.鼠标移开,就会移进去. 要实现这个效果要怎么做呢? 可以想一想,鼠标经过和鼠标离开很好理解用onmousemove事件和onmouseout事件就能完成. 那移动动画呢?我们可以一步一步思考, 首先,一开始是这样的…

用原生JavaScript写AJAX

//原生js写ajax就像打电话 //打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.听对方说话 //ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求(告诉服务器我要什么文件)//4.接收返回值原生js写ajax的具体写法 <script> window.onload=function() { var oBtn = document.getElementById("btn1"); oBtn.onclick = functio…

自己用原生JS写的轮播图，支持移动端触摸滑动，分页器圆点可以支持mouseover鼠标移入和click点击，高手看了勿喷哈

自己用原生JavaScript写的轮播图,分页器圆点按钮可支持click点击,也可支持mouseover鼠标悬浮触发,同时支持移动端触摸滑动,有兴趣的友友可以试试哈,菜鸟一枚,高手看了勿喷,请多多指正哈: HTML文档做了移动端优化,按照750px的设计稿哈.HTML这个元素的font-size是document.documentElement.clientWidth / 7.5,所以rem是动态的. 感觉不足之处是动画平滑度不太好.应该再改改偏移量和时间间隔,还有一个因素是用setInterv…

PHP原生代码写的微信扫码支付实例

一款PHP原生代码写的微信扫码支付,不基于任何框架,完全手写. 扫码支付只要授权域名对就OK,本地是无法测试.跟openid也没有关系,所以跟支付授权目录页没关系. 微信商户信息配置地址:weixinpay\lib\WxPay.Config.php 第25行 const APPID = 'wx422126b0b6bbfcfc'; // 绑定支付的APPID(必须配置,开户邮件中可查看) const MCHID = '1349825901'; // 商户号(必须配置,开户邮件中可查看) const…

原生js写Ajax

//原生js写ajax就像打电话 //打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.挺对方说话 //ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求(告诉服务器我要什么文件)//4.接收返回值下面是原生js写ajax的具体写法 <script> window.onload=function() { var oBtn = document.getElementById("btn1"); oBtn.onclick = func…

自己用原生JS写的轮播图，支持移动端触屏滑动，面向对象思路。分页器圆点支持click和mouseover。

自己用原生javascript写的轮播图,面向对象思路,支持移动端手指触屏滑动.分页器圆点可以选择click点击或mouseover鼠标移入时触发.图片滚动用的setInterval,感觉setInterval不太适合做动画.图片滚动这类,不平滑.还是setTimeout或requestAnimateFrame函数做动画效果好. 文档做了移动端兼容,按照7.5rem的视口宽.HTML这个元素的font-size是document.documentElement.clientWidth / 7.5…

一款基础模型的JS打飞机游戏特效代码

<!DOCTYPE html> <html lang="en"> <head> <title>一款基础模型的JS打飞机游戏特效代码</title> <style type="text/css"> #show{ margin:auto; width:300px; height:500px; background: black; position: relative; } #fly{ width:1…

原生JS写的ajax函数

参照JQuery中的ajax功能,用原生JS写了一个ajax,功能相对JQuery要少很多,不过基本功能都有,包括JSONP. 调用的方式分为两种: 1. ajax(url, {}); 2. ajax({}); 调用的方法参照JQuery的ajax,只是不需要写$.ajax ,只需要写 ajax 就可以了. 代码如下: !function () { var jsonp_idx = 1; var ajax = function (url, options) { if (typeof url ==…

原生JavaScript写AJAX

前端JavaScript: function ajaxGet(url, obj) { var request; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); } else { request = new ActiveXObject('Microsoft.XMLHTTP'); // 兼容IE } request.onreadystatechange = function() { if(request.readyState =…