bird | 易学教程

2d游戏开发--FlappyBird与雷电

阅读更多关于 2d游戏开发--FlappyBird与雷电

FlappyBird 游戏介绍：鼠标点击开始游戏，并控制小鸟的飞翔，躲避障碍物，飞向终点。 HTML代码如下： <html> <head> <meta charset="utf-8"> <title>Flappy Bird</title> </head> <body> <canvas id="canvas" width="340" height="453" style="border: 2px solid #000;background: #fff;"></canvas> <script src="js/bird.js" type="text/javascript"></script> </body> </html>``` JavaScript代码如下： var canvas = document.getElementById("canvas"); var c = canvas.getContext("2d"); //三个类，Bird类，Obstacle类，FlappyBird类（游戏主要函数） function Bird(x, y, image){ this.x = x; this.y = y; this.width = image.width / 2; this.height = image.height; this.image = image; this.draw =

[转帖]linux密码生成工具crunch使用攻略

阅读更多关于 [转帖]linux密码生成工具crunch使用攻略

linux密码生成工具crunch使用攻略 https: // www.jianshu.com/p/72f9262ba6c1 simeon crunch是一款linux下的压缩后仅仅38k的小程序，crunch程序在2004年及以前由email为的作者编写mimayin@aciiid.ath.cx，后续版本由bofh28@gmail.com负责维护，因此在gtihub上有两个版本： https://github.com/crunchsec/crunch https://github.com/jaalto/external-sf--crunch-wordlist crunch默认安装在kali环境中（05-Password Attacks），Crunch可以按照指定的规则生成密码字典，生成的字典字符序列可以输出到屏幕、文件或重定向到另一个程序中，Crunch可以参数可能的组合和排列，其最新版本为3.6。并具备如下特征： lCrunch可以以组合和排列的方式生成字典 l它可以通过行数或文件大小中止输出 l现在支持恢复 l现在支持数字和符号模式 l现在分别支持大小写字符模式 l在生成多个文件时添加状态报告 l新的-l选项支持@，％^ l新的-d选项可以限制重复的字符，可以通过man文件查看详细信息 l现在支持unicode Crunch其实最厉害的是知道密码的一部分细节后

180行原生js代码实现简易版飞行的小鸟游戏

阅读更多关于 180行原生js代码实现简易版飞行的小鸟游戏

/**原理简单，（简单碰撞判断，定时器运用）复制代码直接运行即可，如果没有声音文件，则去除几处调用游戏声效的代码即可**/ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; } body{ overflow: hidden; } #bird{ width: 30px; height: 30px; font-size: 11px; background-color: tomato; position: absolute; left: 500px; top :50px; } </style> </head> <body> <div id="bird"> Enter开始 </div> <audio id="baMusic" > <source src="video/score.mp3" ></source> </audio> <audio id="overMusic" > <source src="video/gameover.mp3" ></source> </audio> <audio id="readyMusic" > <source src="video

PHP7的一些特性用法

阅读更多关于 PHP7的一些特性用法

1.use的用法 <?php // PHP 7 之前版本用法 use some\namespace\ClassA; use some\namespace\ClassB; use some\namespace\ClassC as C; use function some\namespace\fn_a; use function some\namespace\fn_b; use function some\namespace\fn_c; use const some\namespace\ConstA; use const some\namespace\ConstB; use const some\namespace\ConstC; // PHP 7+ 用法 use some\namespace\{ClassA, ClassB, ClassC as C}; use function some\namespace\{fn_a, fn_b, fn_c}; use const some\namespace\{ConstA, ConstB, ConstC}; ?> 2.序列号函数unserialize的新增了过滤功能 // 转换对象为 __PHP_Incomplete_Class 对象 $data = unserialize($foo, ["allowed_classes" => false])

设计原则之里氏替换原则(LSP)

阅读更多关于设计原则之里氏替换原则(LSP)

【今日推荐】：为什么一到面试就懵逼！>>> 简介里氏替换原则是在做继承设计时需要遵循的原则，不遵循了 LSP 的继承类会带来意想不到的问题。定义里氏替换原则(Liskov Substitution Principle) 是由 Barbara Liskov 在 1987 年提出来的，Liskov 是她的姓，国内翻译成里氏。原则声明：如果类型 S 是类型 T 的子类型，那么 T 类型的对象可以替换成 S 类型的对象，而不会影响程序的行为。 LSP 对语言增加了新的签名约束(协变与逆变可以看这篇文章 Java中的逆变与协变 )： Contravariance of method arguments in the subtype. Covariance of return types in the subtype. No new exceptions should be thrown by methods of the subtype, except where those exceptions are themselves subtypes of exceptions thrown by the methods of the supertype. 从契约角度来看，里氏替换原则有4层含义：方法的前置条件要求不能更严格（可以更宽松）方法的后置条件不能更宽松（可以更严格）

Paper：He参数初始化之《Delving Deep into Rectifiers: Surpassing Human-Level Performance on ImageNet C》的翻译与解读

阅读更多关于 Paper：He参数初始化之《Delving Deep into Rectifiers: Surpassing Human-Level Performance on ImageNet C》的翻译与解读

Paper：He参数初始化之《Delving Deep into Rectifiers: Surpassing Human-Level Performance on ImageNet Classification》的翻译与解读目录 Delving Deep into Rectifiers: Surpassing Human-Level Performance on ImageNet Classification 4. Experiments on ImageNet Comparisons between ReLU and PReLU Comparisons of Single-model Results Comparisons of Multi-model Results Analysis of Results Comparisons with Human Performance from [22] 相关文章 Paper：Xavier参数初始化之《Understanding the difficulty of training deep feedforward neural networks》的翻译与解读 Paper：He参数初始化之《Delving Deep into Rectifiers: Surpassing Human-Level Performance on

HTML5游戏开发实例

阅读更多关于 HTML5游戏开发实例

开发工具： vscode 一、人物拼图游戏游戏介绍：拼图游戏将一幅图片分割成若干拼块并将它们随机打乱顺序。当将所有拼块都放回原位置时，就完成了拼图（游戏结束）。在“游戏”中，单击滑块选择游戏难易，“容易”为3行3列拼图游戏，中间为一个4行4列拼图游戏，“难”为5行5列拼图游戏。拼块以随机顺序排列，玩家用鼠标单击空白块的四周来交换它们的位置，直到所有拼块都回到原位置。程序设计思路： HTML5可以把图片整合到网页中。使用canvas元素可以在这个空白的画布上填充线条，载入图片文件，甚至动画效果。这里制作拼图游戏用来展示HTML5 canvas的图片处理能力。游戏程序首先显示以正确顺序排列的图片缩略图，根据玩家设置的分割数，将图片订割成相应tileCount行列数的拼块，并按顺序编号。动态生成一个大小tileCount tileCount，的数组boardParts，存放用0、1、2到tileCount tileCount-1的数，每个数字代表一个拼块（例如4*4的游戏拼块编号如图所示）。游戏开始时，随机打乱这个数组boardParts，假如boardParts[0]是5，则在左上角显示编号是5的拼块。根据玩家用鼠标单击的拼块和空白块所在位置，来交换该boardParts数组对应的元素，最后依据元素排列顺序来判断是否已经完成游戏。游戏参考代码： sliding.js

HTML5 小游戏开发

阅读更多关于 HTML5 小游戏开发

HTML的基础 HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的 Internet 资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。游戏案例【一】人物拼图游戏介绍：将一幅图片分割成若干拼块并将它们随机打乱顺序。当将所有拼块都放回原位置时，就完成了拼图（游戏结束）。在“游戏”中，单击滑块选择游戏难易，“容易”为3行3列拼图游戏，中间为一个4行4列拼图游戏，“难”为5行5列拼图游戏。拼块以随机顺序排列，玩家用鼠标单击空白块的四周来交换它们的位置，直到所有拼块都回到原位置。程序设计的步骤： 1. 使用canvas标记创建画板。 var context=document.getElementById(

2D游戏开发课程第5次作业——HTML游戏开发

阅读更多关于 2D游戏开发课程第5次作业——HTML游戏开发

一、综合实验拼图游戏游戏介绍：拼图游戏将一幅图片分割成若干拼块并将它们随机打乱顺序。当将所有拼块都放回原位置时，就完成了拼图（游戏结束）。在“游戏”中，单击滑块选择游戏难易，“容易”为3行3列拼图游戏，中间为一个4行4列拼图游戏，“难”为5行5列拼图游戏。拼块以随机顺序排列，玩家用鼠标单击空白块的四周来交换它们的位置，直到所有拼块都回到原位置。拼图游戏运行结果如图所示。游戏运行截图代码 html代码 <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>拼图游戏</title> <style> .picture{ border:1px solid black; } </style> </head> <body> <div id="title"> <h2>游戏难度</h2> </div> <div id="slider"> <form> <label>低</label> <input type="range" id="scale" value="4" min="3" max="5" step="1"> <label>高</label> </form> <br> </div> <div id="main" class=

HTML5的游戏开发案例

阅读更多关于 HTML5的游戏开发案例

基础HTML5的游戏开发案例开发工具：vscode 拼图游戏雷电飞机游戏 flappy bird游戏一、人物拼图游戏游戏介绍：拼图游戏将一幅图片分割成若干拼块并将它们随机打乱顺序。当将所有拼块都放回原位置时，就完成了拼图（游戏结束）。游戏规则：在“游戏”中，单击滑块选择游戏难易，“容易”为3行3列拼图游戏，中间为一个4行4列拼图游戏，“难”为5行5列拼图游戏。拼块以随机顺序排列，玩家用鼠标单击空白块的四周来交换它们的位置，直到所有拼块都回到原位置。程序设计思路： HTML5可以把图片整合到网页中。使用canvas元素可以在这个空白的画布上填充线条，载入图片文件，甚至动画效果。这里制作拼图游戏用来展示HTML5 canvas的图片处理能力。游戏程序首先显示以正确顺序排列的图片缩略图，根据玩家设置的分割数，将图片订割成相应tileCount行列数的拼块，并按顺序编号。动态生成一个大小tileCount_tileCount，的数组boardParts，存放用0、1、2到tileCount_ tileCount-1的数，每个数字代表一个拼块。游戏开始时，随机打乱这个数组boardParts，假如boardParts[0]是5，则在左上角显示编号是5的拼块。根据玩家用鼠标单击的拼块和空白块所在位置，来交换该boardParts数组对应的元素

订阅 bird