JavaScript写一个连连看的游戏

天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开最终的效果图: 写连连看之前要先考虑哪些呢? 1:如何判断两个元素可以连接呢, 刚刚开始的时候我也纳闷, 可以参考这里:打开: 2:模板引擎怎么选择呢, 我用了底线库的template,因为语法简单. 本来想用Handlebars,但是这个有点大啊, 而且底线库也提供很多常用工具方法( •̀ ω •́ )y:…

在code.org上自己写一个flappy bird游戏

博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:在code.org上自己写一个flappy bird游戏.…

怎么用JavaScript写一个区块链？

几乎所有语言都可以编写区块链开发程序.那么如何用JavaScript写一个区块链?以下我将要用JavaScript来创建1个简单的区块链来演示它们的内部到底是怎样工作的.我将会称作SavjeeCoin! 区块链是由一个个所有人能够访问的区块构成的公共数据库.这好像没有什么特别的,不过它们有个有意思的特性:它们是无法变的.要是1个区块被插入到区块链中,除非让剩下的另外区块失效,不然这是不会再被更改的. 区块链是由千千万万的区块连接在一起的.链上的区块根据某一方法容许人们检验到是不是有人控制了以前的…

用javascript写星际飞机大战游戏

在github里看到了个不错的脚本游戏,决定亲自动手来写,效果如下下面是代码的思路分享把整个代码理解消化确实不容易,但是如果你坚持看完相信你一定会有收获如果没兴趣可以直接点击下面的链接复制代码开玩: http://www.cnblogs.com/demonxian3/p/6241755.html 1丶首先准备好素材游戏的元素有:飞机敌机子弹背景暂停素材的大小可以通过drawImage()来改变其大小,因此不需要太纠结素材多少像素创建一个html文件和一个js文件然后开…

用JavaScript写一个区块链

几乎每个人都听说过像比特币和以太币这样的加密货币,但是只有极少数人懂得隐藏在它们背后的技术.在这篇博客中,我将会用JavaScript来创建一个简单的区块链来演示它们的内部究竟是如何工作的.我将会称之为SavjeeCoin! 全文分为三个部分: part1:实现一个基本的区块链 part2:实现POW part3:交易与挖矿奖励 Part1:实现一个基本的区块链区块链区块链是由一个个任何人都可以访问的区块构成的公共数据库.这好像没什么特别的,不过它们有一个有趣的属性:它们是不可变的.一旦一个…

用javascript写一个前端等待控件

前端等待控件有啥新奇的?什么jquery啦,第三方控件啦,好多好多,信手拈来. 因为项目使用了bootstrap的原因,不想轻易使用第三方,怕不兼容.自己写一个. 技术点包括动态加载CSS,javascript的命名空间,所以记录一下. 这个等待控件主要是:进行某个操作前,显示一个信息提示:"数据加载中,请稍候...",操作成功后,在回调函数中将提示消失. 原理是这个等待控件完全由JS动态加进去,包括CSS,页面中并无预先设定. 那么这个CSS怎么动态加载呢?等待控件中,样式使用了cl…

使用EasyX和C++写一个消砖块游戏

第一次玩EasyX,写一个比较简单的消砖块游戏. 主函数包括Game的类的开始,运行和结束. 1 #include "BrickElimination.h" 2 3 int main() 4 { 5 GameBrickElimination NewGame; 6 7 NewGame.game_start(); 8 NewGame.game_run(); 9 NewGame.game_over(); 10 11 return 0; 12 } game_start()是所有元素的初始化,包…

用javascript写一个emoji表情插件

概述以我们写的这个emoji插件为例,网上已经有一些相关的插件了,但你总感觉有些部分的需求不能被满足(如:可以自行添加新的表情包而不用去改源代码等等) 详细代码下载:http://www.demodashi.com/demo/10345.html 很久没有写文章了,说实话本人现在受困于五月病已经快变成一条死咸鱼了(T_T),本次就当写一个简单的js插件教程了.本项目的代码相对比较简单,至于里面有些变量命名的问题就请你们不要吐槽了Σ(ﾟдﾟlll)(好的,我承认我英语就小学水平好吧.除了hel…

javascript : 写一个类似于 jquery css() 的方法

我们知道,jquery css() 方法可以很方便的更改DOM的样式. 但从原理上,这个并不复杂,我们完全可以自己写一个. 上代码. updateDOMStyle(DOM, obj){ Object.keys(obj).forEach(function(key){ DOM["style"][key] = obj[key]; }); }, DOM是你想改的DOM元素,obj是样式对象. 使用. use(width, height){ document.querySelector(&quo…

JavaScript写一个拼图游戏

拼图游戏的代码400行, 有点多了, 在线DEMO的地址是:打开: 因为使用canvas,所以某些浏览器是不支持的: you know: 为什么要用canvas(⊙o⊙)? 因为图片是一整张jpg或者png, 我们要用把图片导入到canvas画布, 然后再调用上下文context的getImageData方法, 把图片处理成小图, 这些小图就作为拼图的基本单位: 如何判断游戏是否结束, 或者说如何判断用户拼成的大图是正确的? 我们就要在刚刚生成的小图上面添加自定义属性, 后期在小图被移动后再一…

JavaScript写一个小乌龟推箱子游戏

推箱子游戏是老游戏了, 网上有各种各样的版本, 说下推箱子游戏的简单实现,以及我找到的一些参考视频和实例: 推箱子游戏的在线DEMO : 打开如下是效果图: 这个拖箱子游戏做了移动端的适配, 我使用了zepto的touch模块, 通过手指滑动屏幕就可以控制乌龟走不同的方向: 因为推箱子这个游戏比较简单, 直接用了过程式的方式写代码, 模块也就是两个View 和 Model, 剩下就是用户的事件Controller, 用户每一次按下键盘的方向键都会改变数据模型的数据,然后重新生成游戏的静态htm…

JavaScript写一个表格排序类

依稀记得那是上个星期六的下午,我参加了网易暑期实习生招聘笔试.考得相当糟糕,编程题3个题通过了2个,简答题没做对,选择题貌似是20个题猜了6-7个,99%是挂了,唉唉唉!生活不只眼前的苟且,学习的脚步还得向前迈进.现在来做一做网易的简答题. 题目是这样的:一个表格有三列,分别是姓名.学号.成绩,要求点击成绩,则按成绩从高到低排列,再点击一次则从低到高,如此循环.啊呀呀!这个不就是简单的表格排序吗?是的,然而我错了.小学老师老师告诉我知错能改就是好孩子,不知道网易怎么看呢?管他怎么看,我先把错改了…

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

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

javascript 写一个ajax 自动拦截，并下载数据

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

自己动手用Javascript写一个无刷新分页控件

.NET技术交流群:337901356 ,欢迎您的加入! 对于一个用户体验好的网站来说,无刷新技术是很重要的,无刷新,顾名思义,就是局部刷新数据,有用过Asp.net Web Form技术开发网页的人,可能对服务器端(具有runat="server"属性)的控件的回发(PostBack)特性有一定的了解.我们知道,只要一点击页面中的Asp.net按钮(可能是LinkButton,也可能是Button,还有可能是ImageButton等)都会引起整个页面的刷新, 这样的体验是非常不好…

用JavaScript写一个简单的计算器

本文使用js实现了一个简单的加.减.乘.除计算器. 以下是css部分代码: *{ padding:0; margin:0; color: #424242; } .outer{ width:300px; height:auto; outline:1px solid #b9b9b9; margin:50px auto; background: pink; } .title{ height:40px; width:100%; border-bottom:1px solid #b9b9b9; text-…

我发起了一个用 javascript 写一个 Office 的开源项目 JS Office

用 js 写 Office, 说实在的, 把现在已有的各种富文本编辑器和电子表格 js 库收集起来整合一下就差不多了 , 放到前几天那个 “ js 作为一等公民 ” 的操作系统里 , 或者放到 Cef 里 . Excel 中会包含分析图表等等 , 这也是 js 库很丰富的 . 总的来说, 现在 js 库的产能过剩, 不利用起来办点正事就浪费了 . 在 Excel 中,会有计算公式 ,也可以用 VBA 来编写…

用Python写一个猜数字游戏

2015.5.25第一天下载Python IDLE,写个猜数字的小游戏来熟悉这门语言: times=6 letters=[100] for i in range(1,times): a = input("input the number you guess:") try: b = int(a) if isinstance(b,int): if i <5: if int(a) in letters: print("%s is the right answer, you w…

使用Swift和SpriteKit写一个忍者游戏

这篇文章的游戏使用SpriteKit和Swift语言来完毕. SpriteKit是苹果自己的游戏引擎,更能贴合iOS系统底层的API,只是架构和实现上都是模仿了Cocos2D.所以使用上事实上区别不大,只是SpriteKit更轻量级一些. 程序入口 main函数跟OC一样,将入口指向了appdelegate,而cocoa touch框架差点儿跟OC一样,仅仅只是用Swift重写了一遍. 这些模板自带的方法跟OC项目并无差异... 開始编写游戏假设你了解CCNode,CCSprite,CCSce…

【jQuery学习】用JavaScript写一个输出多选框的个数报错:Cannot set property 'onclick' of null"

说明:代码段来源于:<锋利的jQuery> 根据代码段我补充的代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var btn=document.getElementById("btn");…

用JavaScript写一个类似PHP print_r的函数

PHP print_r的函数很好用,可以用来打印数组.对象等的结构与数据,可惜JavaScript并没有原生提供类似的函数.不过我们可以试着自己来实现这个函数,下面提供一些方法与思路. 方法一 function print_r(theObj) { var retStr = ''; if (typeof theObj == 'object') { retStr += '<div style="font-family:Tahoma; font-size:7pt;">'; for…

用JavaScript写一个简单的倒计时，可以应用在发送短信验证码的“59秒后重新发送验证短信”

倒计时——从10倒数到0,点击按钮会还原倒计时 <body>  <input type="text" value="10" id="txt"> <input type="button" value="重新开始" id="btn"> </body> <script&…

python 写一个贪吃蛇游戏

#!usr/bin/python #-*- coding:utf-8 -*- import random import curses s = curses.initscr() curses.curs_set(0) sh,sw = s.getmaxyx() w = curses.newwin(sh,sw,0,0) w.keypad(1) w.timeout(100) snk_x = sw/4 snk_y = sh/2 snake = [ [snk_y,snk_x], [snk_y,snk_x-1]…

用javascript写一个显示时间差几分钟前几小时前几天前几周前大于一个月显示日期

window.onload = function(){ var show_times = $(".times span"); for(var i=0;i<show_times.length;i++){ var dateStr = show_times[i].innerHTML; var dateTimeStamp = Date.parse(dateStr.replace(/-/gi,"/")); var minute = 1000 * 60; var hour…

javascript 写一个随机范围整数的思路

const {random} = Math; //返回 [min,max] 的随机值 //[0,1) * (max - min + 1) => [0,max-min+1) //[0,max-min+1) | 0 => [0,max-min] + min => [min,max] const randomInt = (min,max) => ( ( random() * (max - min + 1)) | 0 ) + min ;…

javascript 写一个 map方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> Array.prototype.map = function(fn){ for (i=0;i<this.length;i++){ v = t…

用JavaScript写一个JD放大镜

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>京东放大镜</title> <style> .box{ /*大盒子虽然比详细图的盒子宽度小,但是在逻辑上详细图的盒子属于大盒子*/ width: 350px; height: 350px; position: relative; margin…

用JavaScript写一个进度条

var porpressBar = document.getElementById('progressBar') var info = document.getElementById('info') var barW = 0 var id = setInterval(function(){ barW+=2 porpressBar.style.width = barW + 'px' info.innerText = barW/2 + '%' if(barW==200){ clearInterval…

用JavaScript写一个能开始和暂停的时钟

//sScriptvar showTime = document.getElementById('seconds') var id =0 function fn(){ var i = 0 var s = 0 var m = 0 var h = 0 id =setInterval(function(){ i++ s = fn2(i%60) m = fn2(parseInt(i/60%60)) h = fn2(parseInt(i/3600%24)) showTime.innerHTML = `${…

[译]终极塔防——运用HTML5从头创建一个塔防游戏

翻译共享一篇CodeProject的高星力作,原文地址:http://www.codeproject.com/Articles/737238/Ultimate-Tower-Defense 下载演示项目 - 6131 Kb 下载代码 - 18 Kb 介绍塔防游戏是一种非常简单的游戏.维基百科对它的解释是,一个塔防游戏的目标在于“试图阻止敌人通过地图:通过各种陷阱来延缓它们的行进.同时搭建各种炮塔来射击消灭它们...”.敌对单元有各种基本属性(如速度.生命值).防御塔则各自具有不同的能力,不过无例…

【JavaScript写一个连连看的游戏】的更多相关文章