128kj
- 浏览: 600565 次
- 来自: ...
-
最新评论
-
lgh1992314：
相同的元素呢
一种离散化方法 -
HelloSummerR：
圆心的位置是随机的，于是圆的部分会落到canvas外，那样就显 ...
HTML5 Canvas学习笔记(1)处理鼠标事件 -
hlstudio：
好久没见到sokuban了，这有个java版的，带源码，可以参 ...
求推箱子的最小步数（java) -
肖泽文：
太好了，谢谢你。。有中文注释！
HTML5 推箱子游戏过关演示动画 -
swm8023：
删除操作，将最后一个叶子节点插入后也有可能上浮吧
彻底弄懂最大堆的四种操作(图解+程序)（JAVA）
文章列表
接上一遍《HTML5 Canvas学习笔记(8)俄罗斯方块游戏之二（方块）》：
http://128kj.iteye.com/blog/2088255
有了前两个类作基础，这个游戏很快就可以完成了。
效果图：
点击可以试玩：http://www.108js.com/article/canvas/7/5/e3.html
欢迎访问博主网站：http://www.108js.com
下面来看看这个游戏的第三个类Board,代码如下：
// Board Constructor
function Board(image){
var grid;
this. ...
接上一遍《HTML5 Canvas学习笔记(7)俄罗斯方块游戏之一（色块）》
http://128kj.iteye.com/blog/2088202
先看这个游戏中的第二个重要类Shape,它表示一种随机的俄罗斯方块，由若干个色块Block组成。
代码：
// Shape Constructor 方块由色块组成
function Shape(image){
this.block = new Block(image);
this.layout;//表示某种俄罗斯方块的结构，二维数组
this.blockType;//块的类型
this.currentX ...
在网上看到一个俄罗斯方块游戏:
http://www.108js.com/article/article11/b0044.html
感觉还不错，学习了它的源码，写点笔记。俗话说：熟读唐诗三百首，不会吟诗也会吟。我相信熟读源码三百个，不会编程也会编。
这个俄罗斯方块游戏的精华部分应该是三个类，先看这个第一个Block类：
(function(){
// Single Tetris Block
function Block(image){
this.image =image;//图像
this.size =32;//每个色块的大小32*32
thi ...
今天网上发现了一段代码，只有界面，很不错，学习了并完成了逻辑。
效果图：
点击这里试玩http://www.108js.com/article/canvas/6/play.html
欢迎访问博主的网站：http://www.108js.com
代码：
<canvas id="15-puzzle"></canvas>
<div id="msg">请您将上面数字排成<br>
1，2，3, 4<br>
5, 6, 7, 8<br>
9, 10,11,12<br>
...
效果图：
点击查看效果：
http://www.108js.com/article/canvas/5/exam.html
欢迎访问博主的网站：http://www.108js.com
代码：
<!doctype html>
<html>
<head>
<title>
游戏得分动画
</title>
</head>
<canvas id = "canvas" style = "background-color ...
效果图：
点击看效果：
http://www.108js.com/article/canvas/4/inout.html
欢迎访问博主的网站：http://www.108js.com
源码如下：（后面有下载）
<!doctype html>
<html>
<head>
<title>界面淡入淡出</title>
<style>
@font-face {
font-family: 'PixelFont';
src: url('font/pixelfont.eot') format('embedde ...
先要准备应付各种浏览器的声音文件，什么.mp3,.ogg,.wav等格式。还是看例子吧
<body>
<div id="progressText"></div>
</body>
<script>
//音频播放
var loadAudioLen=0;//已加载的声音数
var AudioList={};//缓存已加载的声音
var audiolen=2;//要加载的声音总数
function audioOnload(Audio){
load ...
看到哪，学到哪，记到哪。见谅，这些笔记就没有顺序和知识上的连贯性了。希望各位老师指出我学习中的错误！！
效果图：
点击看效果：
http://www.108js.com/article/canvas/2/menu.html
欢迎访问博主网站：http://www.108js.com
代码：
<!doctype html>
<html>
<head>
<title>菜单高亮显示</title>
<style>
@font-face {
font-family: 'PixelFont';
src: ur ...
一直在学习HTML5 Canvas相关内容，游戏，动画，水平还很低，于是想写一些笔记，代码可能不全是我自已的，感谢他们。
效果图：
点击看效果：http://www.108js.com/article/canvas/1/index.html
欢迎访问博主的网站：http://www.108js.com
一、HTML代码：
<!DOCTYPE html>
<html lang="zh" >
<head>
<meta charset="gbk" />
< ...
接上文： javaScript 广度优先搜索法"自动推箱子"（一）http://128kj.iteye.com/blog/2078626
代码第二部分。Test-4.html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="gbk">
<title>推箱子AI</title>
<script src="Storehouse.js"></scr ...
用JS写了一个“广度优先搜索法”自动推箱子，理论上无论多少箱子都可以求解，但事实上箱子多了以后，就。。。;
有需要的拿出发挥，修改，高手就可以跳过了。。。
代码随后给出，先看运行效果：
第一关：http://www.108js.com/article/article5/zip/50059/Test-1.html
第四关：http://www.108js.com/article/article5/zip/50059/Test-4.html
第五关：http://www.108js.com/article/article5/zip/50059/Test-5.html
欢迎访问博主的网站： ...