抓住那只喵(HTML5-神经猫)

最新推荐文章于 2019-09-23 14:37:00 发布
最新推荐文章于 2019-09-23 14:37:00 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： Web 文章标签： html5 围住神经猫
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oYueMiJinDu/article/details/43907399
版权

1.使用createjs

那只喵需要easeljs-0.7.1.min.js
easeljsDemo: 
    <canvas width="800px" height="800px" id="gameView"></canvas>
    <script src="js.js"></script>
var stage = new createjs.Stage("gameView");

var gameView = new createjs.Container();
stage.addChild(gameView);

var s = new createjs.Shape();
s.graphics.beginFill("red");
s.graphics.drawCircle(50,50,25);
s.graphics.endFill();
gameView.addChild(s);

createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener("tick",stage

2.那只喵的地盘

那只喵的地盘:可以走的,不能走的,还有那只喵的位置,用不同颜色的圆表示
在html的head中要引入circle.js
circle.js 
/*绘制圆*/
function Circle(){
    createjs.Shape.call(this);//调用构造方法
    this.setCircleType=function(type){
        this.circleType = type;
        switch (type){
            case Circle.TYPE_UNSELECTED:
                this.setColor("gray");
                break;
            case Circle.TYPE_SELECTED:
                this.setColor("orange");
                break;
            case Circle.TYPE_CAT:
                this.setColor("red");
                break;
        }
    };

    this.setColor = function (colorString) {
        this.graphics.beginFill(colorString);
        this.graphics.drawCircle(0,0,25);
        this.graphics.endFill();
    };

    this.getCircleType = function () {
        return this.circleType;
    };

    this.setCircleType(1);//默认
}

Circle.prototype = new createjs.Shape();

Circle.TYPE_UNSELECTED = 1;//定义成公共的,可以直接通过类名调用
Circle.TYPE_SELECTED = 2;
Circle.TYPE_CAT = 3;

3.还没睡醒的那只喵

html: 
<canvas width="550px" height="500px" id="gameView"></canvas>
<script src="js.js"></script>
js.js: 
/*绘制页面元素*/
var stage = new createjs.Stage("gameView");
createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener("tick", stage);

var gameView = new createjs.Container();
gameView.x = 30;
gameView.y = 30;
stage.addChild(gameView);

var circleArr = [[], [], [], [], [], [], [], [], []];//9个

function addCircles() {
    for (var indexY = 0; indexY < 9; indexY++) {
        for (var indexX = 0; indexX < 9; indexX++) {
            var c = new Circle();
            gameView.addChild(c);
            circleArr[indexX][indexY] = c;
            c.indexX = indexX;
            c.indexY = indexY;
            //c.x = indexX * 55;
            c.x = indexY % 2 ? indexX * 55 + 25 : indexX * 55;
            c.y = indexY * 55;

            if (indexX == 4 && indexY == 4) {//绘制猫
                c.setCircleType(3);
                currentCat = c;
            }
            c.addEventListener("click", circleClicked);//监听
        }
    }
}

/*逻辑*/
var currentCat;

function circleClicked(e) {
    if (e.target.getCircleType() != Circle.TYPE_CAT) {//不是猫
        e.target.setCircleType(Circle.TYPE_SELECTED);
        return;//不再运行,等待下次点击
    }

    if (currentCat.indexX == 0 || currentCat.indexX == 8 || currentCat.indexY == 0 || currentCat.indexY == 8) {//边界
        alert("游戏失败");
    }

    /*逻辑(还没睡醒的那只喵的喵)*/
    var leftCircle = circleArr[currentCat.indexX - 1][currentCat.indexY];//左
    var rightCircle = circleArr[currentCat.indexX + 1][currentCat.indexY];//右
    var leftTopCircle = circleArr[currentCat.indexX - 1][currentCat.indexY - 1];//左上
    var rightTopCircle = circleArr[currentCat.indexX][currentCat.indexY - 1];//右上
    var leftBottomCircle = circleArr[currentCat.indexX-1][currentCat.indexY + 1];//左下
    var rightBottomCircle = circleArr[currentCat.indexX][currentCat.indexY + 1];//右下
    if (leftCircle.getCircleType() == 1) {//空的
        leftCircle.setCircleType(3);//猫来了
        currentCat.setCircleType(1);//原先的没了
        currentCat = leftCircle;
    } else if (rightCircle.getCircleType() == 1) {
        rightCircle.setCircleType(3);
        currentCat.setCircleType(1);
        currentCat = rightCircle;
    } else if (leftTopCircle.getCircleType() == 1) {
        leftTopCircle.setCircleType(3);
        currentCat.setCircleType(1);
        currentCat = leftTopCircle;
    }else if (rightTopCircle.getCircleType() == 1) {
        rightTopCircle.setCircleType(3);
        currentCat.setCircleType(1);
        currentCat = rightTopCircle;
    }else if (leftBottomCircle.getCircleType() == 1) {
        leftBottomCircle.setCircleType(3);
        currentCat.setCircleType(1);
        currentCat = leftBottomCircle;
    }else if (rightBottomCircle.getCircleType() == 1) {
        rightBottomCircle.setCircleType(3);
        currentCat.setCircleType(1);
        currentCat = rightBottomCircle;
    }else{
        alert("你赢了");
    }
}

addCircles();
这只喵是按顺时针方向,有路就走,迷迷糊糊的喵

4.睡醒的那只喵

对js文件,完善功能: 
var stage = new createjs.Stage("gameView");
createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener("tick", stage);

var gameView = new createjs.Container();
gameView.x = 30;
gameView.y = 30;
stage.addChild(gameView);

var circleArr = [[], [], [], [], [], [], [], [], []];//9个

function addCircles() {
    for (var indexY = 0; indexY < 9; indexY++) {
        for (var indexX = 0; indexX < 9; indexX++) {
            var c = new Circle();
            gameView.addChild(c);
            circleArr[indexX][indexY] = c;
            c.indexX = indexX;
            c.indexY = indexY;
            //c.x = indexX * 55;
            c.x = indexY % 2 ? indexX * 55 + 25 : indexX * 55;
            c.y = indexY * 55;

            if (indexX == 4 && indexY == 4) {//绘制猫
                c.setCircleType(3);
                currentCat = c;
            }else if(Math.random()<0.1){//默认的不能走的点
                c.setCircleType(Circle.TYPE_SELECTED);
            }
            c.addEventListener("click", circleClicked);//监听
        }
    }
}

/*逻辑*/
var currentCat;
var MOVE_NONE = -1, MOVE_LEFT = 0, MOVE_UP_LEFT = 1, MOVE_UP_RIGHT = 2, MOVE_RIGHT = 3, MOVE_DOWN_RIGHT = 4, MOVE_DOWN_LEFT = 5;

function getMoveDir(cat) {//方向

    var distanceMap = [];
    //left
    var can = true;
    for (var x = cat.indexX; x >= 0; x--) {
        if (circleArr[x][cat.indexY].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_LEFT] = cat.indexX - x;//左边可以动区域
            break;
        }
    }
    if (can) {
        return MOVE_LEFT;
    }
    //left up
    can = true;
    var x = cat.indexX, y = cat.indexY;
    while (true) {
        if (circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_UP_LEFT] = can.indexY - y;
            break;
        }
        if (y % 2 == 0) {
            x--;
        }
        y--;
        if (y < 0 || x < 0) {//出界
            break;
        }
    }
    if (can) {
        return MOVE_UP_LEFT;
    }
    //right up
    can = true;
    x = cat.indexX;
    y = cat.indexY;
    while (true) {
        if (circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_UP_RIGHT] = can.indexY - y;
            break;
        }
        if (y % 2 == 1) {//单双行
            x++;
        }
        y--;
        if (y < 0 || x > 8) {//出界
            break;
        }
    }
    if (can) {
        return MOVE_UP_RIGHT;
    }
    //right
    can = true;

    for (var x = cat.indexX; x < 9; x++) {
        if (circleArr[x][cat.indexY].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_RIGHT] = x - cat.indexX;
            break;
        }
    }
    if (can) {
      //  alert(cat.indexX);
        return MOVE_RIGHT;
    }

    //right down
    can = true;
    x = cat.indexX;
    y = cat.indexY;
    while (true) {
        if (circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_DOWN_RIGHT] = cat.indexY;
            break;
        }
        if (y % 2 == 1) {
            x++;
        }
        y++;
        if (y > 8 || x > 8) {
            break;
        }
    }
    if (can) {
        return MOVE_DOWN_RIGHT;
    }
    //left down
    can = true;
    x = cat.indexX;
    y = cat.indexY;
    while (true) {
        if (circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_DOWN_LEFT] = y - cat.indexY;
            break;
        }
        if (y % 2 == 0) {
            x--;
        }
        y++;
        if (y > 8 || x < 0) {
            break;
        }
    }
    if (can) {
        return MOVE_DOWN_LEFT;
    }
    /*处理6个方向都有东西的情况*/
    var maxDir = -1,maxValue = -1;
    for(var dir = 0;dir<distanceMap.length;dir++){
        if(distanceMap[dir]>maxValue){//还有路可走
            maxValue = distanceMap[dir];
            maxDir = dir;
        }
    }
    if(maxValue>1){
        return maxDir;
    }else{
        return MOVE_NONE;
    }
}

function circleClicked(e) {
    if (e.target.getCircleType() == Circle.TYPE_UNSELECTED) {//空的点
        e.target.setCircleType(Circle.TYPE_SELECTED);
    }else{
        return;//不再运行,等待下次点击
    }

    if (currentCat.indexX == 0 || currentCat.indexX == 8 || currentCat.indexY == 0 || currentCat.indexY == 8) {//边界
        alert("那只喵逃掉了.");
           return;
    }

    var dir = getMoveDir(currentCat);
    switch (dir) {
        case MOVE_LEFT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexX - 1][currentCat.indexY];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_UP_LEFT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexY%2?currentCat.indexX:currentCat.indexX - 1][currentCat.indexY-1];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_UP_RIGHT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexY%2?currentCat.indexX+1:currentCat.indexX][currentCat.indexY-1];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_RIGHT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexX+1][currentCat.indexY];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_DOWN_RIGHT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexY%2?currentCat.indexX+1:currentCat.indexX][currentCat.indexY+1];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_DOWN_LEFT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexY%2?currentCat.indexX:currentCat.indexX-1][currentCat.indexY+1];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        default :
            alert("成功抓住那只喵.");
    }


}

addCircles();
这只喵比较上只难抓一些,不过经测试会发现还有不少不足,下面是我优化过的.

5.机智的那只喵

js: 
var stage = new createjs.Stage("gameView");
createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener("tick", stage);

var gameView = new createjs.Container();
gameView.x = 30;
gameView.y = 30;
stage.addChild(gameView);

var circleArr = [[], [], [], [], [], [], [], [], []];//9个

function addCircles() {
    for (var indexY = 0; indexY < 9; indexY++) {
        for (var indexX = 0; indexX < 9; indexX++) {
            var c = new Circle();
            gameView.addChild(c);
            circleArr[indexX][indexY] = c;
            c.indexX = indexX;
            c.indexY = indexY;
            //c.x = indexX * 55;
            c.x = indexY % 2 ? indexX * 55 + 25 : indexX * 55;
            c.y = indexY * 55;

            if (indexX == 4 && indexY == 4) {//绘制那只喵
                c.setCircleType(3);
                currentCat = c;
            } else if (Math.random() < 0.1) {//默认的不能走的点
                c.setCircleType(Circle.TYPE_SELECTED);
            }
            c.addEventListener("click", circleClicked);//监听
        }
    }
}

/*逻辑*/
var currentCat;
var MOVE_NONE = -1, MOVE_LEFT = 0, MOVE_UP_LEFT = 1, MOVE_UP_RIGHT = 2, MOVE_RIGHT = 3, MOVE_DOWN_RIGHT = 4, MOVE_DOWN_LEFT = 5;

function getMoveDir(cat) {//方向

    var distanceMap = [];
    var min = [null, 9];
    //left
    var can = true;
    for (var x = cat.indexX; x >= 0; x--) {
        if (circleArr[x][cat.indexY].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_LEFT] = cat.indexX - x;//左边可以动区域
            break;
        }
    }
    if (can) {
        //       return MOVE_LEFT;
        min[0] = MOVE_LEFT;
        min[1] = cat.indexX;
    }
    //left up
    can = true;
    var x = cat.indexX, y = cat.indexY;
    while (true) {
        if (circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_UP_LEFT] = cat.indexY - y;
            break;
        }
        if (y % 2 == 0) {
            x--;
        }
        y--;
        if (y < 0 || x < 0) {//出界
            break;
        }
    }
    if (can) {
//        return MOVE_UP_LEFT;
        if (cat.indexY < min[1]) {
            min[0] = MOVE_UP_LEFT;
            min[1] = cat.indexY;
        }
    }
    //right up
    can = true;
    x = cat.indexX;
    y = cat.indexY;
    while (true) {
        if (circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_UP_RIGHT] = cat.indexY - y;
            break;
        }
        if (y % 2 == 1) {//单双行
            x++;
        }
        y--;
        if (y < 0 || x > 8) {//出界
            break;
        }
    }
    if (can) {
        //       return MOVE_UP_RIGHT;
        if (cat.indexY < min[1]) {
            min[0] = MOVE_UP_RIGHT;
            min[1] = cat.indexY;
        }
    }
    //right
    can = true;

    for (var x = cat.indexX; x < 9; x++) {
        if (circleArr[x][cat.indexY].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_RIGHT] = x - cat.indexX;
            break;
        }
    }
    if (can) {
        //       return MOVE_RIGHT;
        if (8 - cat.indexX < min[1]) {
            min[0] = MOVE_RIGHT;
            min[1] = 8 - cat.indexX;
        }
    }

    //right down
    can = true;
    x = cat.indexX;
    y = cat.indexY;
    while (true) {
        if (circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_DOWN_RIGHT] = y - cat.indexY;
            break;
        }
        if (y % 2 == 1) {
            x++;
        }
        y++;
        if (y > 8 || x > 8) {
            break;
        }
    }
    if (can) {
//        return MOVE_DOWN_RIGHT;
        if (8 - cat.indexY < min[1]) {
            min[0] = MOVE_DOWN_RIGHT;
            min[1] = 8 - cat.indexY;
        }
    }
    //left down
    can = true;
    x = cat.indexX;
    y = cat.indexY;
    while (true) {
        if (circleArr[x][y].getCircleType() == Circle.TYPE_SELECTED) {
            can = false;
            distanceMap[MOVE_DOWN_LEFT] = y - cat.indexY;
            break;
        }
        if (y % 2 == 0) {
            x--;
        }
        y++;
        if (y > 8 || x < 0) {
            break;
        }
    }
    if (can) {
        //       return MOVE_DOWN_LEFT;
        if (8 - cat.indexY < min[1]) {
            min[0] = MOVE_DOWN_LEFT;
            min[1] = 8 - cat.indexY;
        }

    }
    //   alert(min[0])
    if (min[1] < 9) {
        return min[0];
    }
    /*处理6个方向都有东西的i情况*/
    var maxDir = -1, maxValue = -1;
    for (var dir = 0; dir < distanceMap.length; dir++) {
        if (distanceMap[dir] > maxValue) {//还有路可走
            maxValue = distanceMap[dir];
            maxDir = dir;
        }
    }
    if (maxValue > 1) {
        return maxDir;
    } else {
        return MOVE_NONE;
    }
}

function circleClicked(e) {
    if (e.target.getCircleType() == Circle.TYPE_UNSELECTED) {//空的点
        e.target.setCircleType(Circle.TYPE_SELECTED);
    } else {
        return;//不再运行,等待下次点击
    }

    if (currentCat.indexX == 0 || currentCat.indexX == 8 || currentCat.indexY == 0 || currentCat.indexY == 8) {//边界
        alert("那只喵逃掉了");
        //   return;
        window.location.reload();//重新加载界面
    }

    var dir = getMoveDir(currentCat);
    switch (dir) {
        case MOVE_LEFT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexX - 1][currentCat.indexY];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_UP_LEFT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexY % 2 ? currentCat.indexX : currentCat.indexX - 1][currentCat.indexY - 1];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_UP_RIGHT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexY % 2 ? currentCat.indexX + 1 : currentCat.indexX][currentCat.indexY - 1];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_RIGHT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexX + 1][currentCat.indexY];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_DOWN_RIGHT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexY % 2 ? currentCat.indexX + 1 : currentCat.indexX][currentCat.indexY + 1];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        case MOVE_DOWN_LEFT:
            currentCat.setCircleType(Circle.TYPE_UNSELECTED);
            currentCat = circleArr[currentCat.indexY % 2 ? currentCat.indexX : currentCat.indexX - 1][currentCat.indexY + 1];
            currentCat.setCircleType(Circle.TYPE_CAT);
            break;
        default :
            alert("成功抓住那只喵");
            window.location.reload();
    }
}

addCircles();
html界面添加刷新: 
<div align="center">
    <canvas width="550px" height="500px" id="gameView"></canvas>
    <hr>
    <button id="btn" style="color: red;">向那只喵认输</button>
</div>
<script>
   var btn= document.getElementById("btn");
   btn.onclick = function () {
       window.location.reload();
   };
</script>
<script src="js.js"></script>
源码下载: http://download.csdn.net/detail/oyuemijindu/8453525
月迷津渡丶
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
抓住那只猫
Let_life_stop的博客
05-25 1185
题目链接：https://vjudge.net/contest/65959#problem/C    注意点： #include&lt;iostream&gt; #include&lt;queue&gt; #include&lt;cstring&gt; #include&lt;algorithm&gt; using namespace std; int main() {     int n,m...
抓住神经猫 HTML 5
02-22
http://blog.csdn.net/oyuemijindu/article/details/43907399 抓住那只喵
抓住神经猫的学习与实践
gjq1993的博客
02-07 725
最近学习了一款html小游戏叫抓住神经猫： 利用了createjs  api以及简单的游戏逻辑完成的 页面部分： 围住神经猫 再来一次 圆类：/** * Created by gjq on 2017/2/7. */ function circle(){ createjs.Shape.call(this); t
经典html5小游戏源码--抓住神经猫
08-08
通过html5技术和画布的应用，实现抓住神经猫的游戏，简单实用。
微信HTML5小游戏之困住神经猫
活着离开这世界
12-07 1007
困住神经猫是一款休闲益智类的HTM5小游戏，并在短短的几天火爆朋友圈，
Neurocat | 抓住神经猫HTML|cat.zip
10-14
"Neurocat | 抓住神经猫HTML"是一款基于HTML5技术的游戏，它利用了Phaser游戏框架来创建一个互动的、抓猫的趣味小游戏。Phaser是一个流行的开源JavaScript库，专为开发2D游戏而设计，提供了丰富的功能，包括精灵、...
纯HTML5制作围住神经猫游戏-附源码下载
11-21
HTML5围住神经猫游戏网页版是一款基于HTML5、jquery、Typescript等技术制作的围住神经猫游戏。 先给大家附上演示和源码下载，点击这里 查看演示 下载源码 去年风靡微信朋友圈的小游戏“围住神经猫”，我也试着做了...
神经猫-装逼版HTML5游戏源码
06-23
《神经猫-装逼版HTML5游戏源码》是一款基于HTML5技术开发的趣味小游戏，其特点是简单易玩，互动性强，适合各种年龄段的玩家。HTML5是现代网页开发的标准，它极大地提升了网页的交互性和多媒体表现力，使得游戏可以...
围住神经猫II-基友版HTML5游戏源码
06-23
《围住神经猫II-基友版HTML5游戏源码》是一个基于HTML5技术开发的互动游戏，旨在提供趣味性的娱乐体验。HTML5是Web开发领域的重要里程碑，它极大地提升了网页的交互性和多媒体支持能力，使得无需插件就能在各种设备...
暴打神经猫HTML5游戏源码
06-23
【暴打神经猫HTML5游戏源码】是一个基于HTML5技术开发的游戏，它展示了HTML5在游戏开发领域的应用。HTML5是一种标记语言，是HTML（超文本标记语言）的最新版本，提供了许多新特性和改进，使得网页内容更加丰富，交互...
【android】抓住神经猫源码
05-29
完整的一个围住神经猫小游戏源码，代码很简单，界面也是，都是随手涂的
神经猫 源代码
10-16
神经猫源代码，
CatRush-HTML5-Game:猫咪游戏HTML 5
05-08
CatRush-HTML5-Game 这是使用Construct2创建的简单游戏猫抓狂。 输出游戏为HTML5，但您可以使用Constuct2将其部署为Android游戏或iOS游戏。
围住神经猫代码完整可以用
10-15
围住神经猫代码完整可以用,网上下载的，修正了错误，只供学习用。
简单的html5 canvas网页版围住神经猫游戏源码下载
11-04
在这个“围住神经猫”游戏中，HTML5 Canvas被用来构建游戏的图形界面和逻辑处理。下面我们将深入探讨这个话题，了解如何使用HTML5 Canvas以及相关的编程技巧。 1. HTML5 Canvas基础： - `<canvas>`元素：HTML5中的...
攻防世界-web-Cat(XCTF 4th-WHCTF-2017)
热门推荐
Sea_Sand息禅
07-08 1万+
打开网页，有一个云端测试功能，提示我们输入域名，输入几个进行测试 1） baidu.com 没有反馈 但是输入百度的ip：220.181.38.148，反馈如下 PING 220.181.38.148 (220.181.38.148) 56(84) bytes of data. --- 220.181.38.148 ping statistics --- 1 packets transm...
[CTF]抓住那只猫(XCTF 4th-WHCTF-2017)
baguangman5501的博客
09-23 1501
原作者：darkless 题目描述:抓住那只猫 思路: 打开页面，有个输入框输入域名，输入baidu.com进行测试 发现无任何回显，输入127.0.0.1进行测试。 发现已经执行成功，执行的是一个ping命令，一开始想的应该是命令拼接执行，但是输入任何有关拼接的字符串都会提示invalid url 说明系统对这些字符串都进行了过滤，fuzz测试后发现只有@没有被过滤。 且当输入...
1 围住神经猫-HTML5实战游戏开发教程.rar
01-13
《围住神经猫》是一款基于HTML5技术开发的实战型小游戏，它展示了HTML5在游戏制作领域的强大潜力。本教程将带你深入理解HTML5游戏开发的核心技术和实践过程，帮助你从零开始掌握创建类似游戏的技能。 HTML5是现代...
激射神经猫HTML5游戏源码
06-23
【激射神经猫HTML5游戏源码】是一个基于HTML5技术开发的游戏项目，它展示了HTML5在游戏开发领域的强大功能和广泛应用。HTML5是超文本标记语言的第五个主要版本，相较于之前的版本，HTML5引入了许多新特性，如离线...
"HTML5游戏案例：神经猫盈利围嘛嘛
HTML5游戏《神经猫》是一款基于CreateJS开发的嬉戏，玩法是通过点击画面上的灰色格子，逐渐将神经猫围起来抓住。如果猫到达嬉戏区边缘，则嬉戏失败。嬉戏的设计思路是从猫当前位置找六个方向中可通行的街坊，然后...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值