【JS+h5】围住神经猫

最新推荐文章于 2022-07-18 14:07:56 发布

三二一_O

最新推荐文章于 2022-07-18 14:07:56 发布

阅读量3.9k

点赞数

本文链接：https://blog.youkuaiyun.com/shamingai/article/details/50999246

版权

本文介绍了如何使用JavaScript和HTML5创建游戏‘围住神经猫’。玩家目标是不让猫走到边缘。提供了游戏链接、学习视频以及开发过程，包括绘制圆点、设置猫的位置和行走逻辑，如六方向游走及游戏结束条件判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

游戏链接，战个痛快：http://u.ali213.net/games/shenjingcat/index.html

要求：不要让神经猫走到边缘

完成截图：

学习视频：http://www.jikexueyuan.com/course/158.html

工具：IDEA

过程：

1、绘制规律的圆点；

2、设置神经猫位置；

3、设置逻辑

1）六个方向游走；

2）游戏结束：走到边界、围堵到中间不能跳动

核心代码（迭代版本注掉了，没删）：

/**
 * Created by 茼 on 2016/3/23.
 */
var stage = new createjs.Stage("gameView");
createjs.Ticker.setFPS(30);
createjs.Ticker.addEventListener("tick",stage);

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

var circleArr = [[],[],[],[],[],[],[],[],[]];
var currentCat;
var MOVE_NONE = -1,MOVE_LEFT = 0,MOVE_RIGHT = 1,MOVE_UP_LEFT = 2,MOVE_UP_RIGHT = 3,MOVE_DOWN_LEFT = 4,MOVE_DOWN_RIGHT = 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.

最低0.47元/天解锁文章