# 这单词背不了用贪吃蛇的玩法背单词，还有大量僵尸出现！
## 体验地址 **PC端：** [https://la-vie-est-belle.github.io/study-snake-play-link/](https://la-vie-est-belle.github.io/study-snake-play-link/)
**移动端：** ![gh_42238a8c772f_344.jpg](https://download.cocos.com/CocosStore/resource/f77c44e52d28483e9d0ca4e8ab07cd90/f77c44e52d28483e9d0ca4e8ab07cd90.jpg) ![image.png](https://download.cocos.com/CocosStore/resource/2976dd8daf9548668adaf77b5fb93b1e/2976dd8daf9548668adaf77b5fb93b1e.png)
## 开发环境 Cocos Creator: 3.8.5
## 功能介绍 - 贪吃蛇标准玩法 - 摇杆控制 - 包含小学、初中、高中、大学四级、六级、专四、专八以及考研单词，共计12000多个单词 - 已接入微信广告、好游快爆小程序广告和Taku聚合广告SDK(taptap广告源)
## 使用教程 - 打开项目后，运行game场景即可 **资源结构** ![结构1.png](https://download.cocos.com/CocosStore/resource/2c619610d3564d4dbb0e926e4c4f39e6/2c619610d3564d4dbb0e926e4c4f39e6.png) ![结构2.png](https://download.cocos.com/CocosStore/resource/256dbcfa4b574734848f1b79188b6ab2/256dbcfa4b574734848f1b79188b6ab2.png)
## 相关技术要点 **摇杆控制贪吃蛇移动：** 通过摇杆按钮当前所在坐标位置与正右方向Vec3(1, 0, 0)比较，求出角度。然后在`moveSnake()`函数中通过判断角度的范围来决定贪吃蛇移动方向。 ```ts onTouchStart(event: EventTouch) { // 先设置摇杆位置 let loc = event.getUILocation(); let pos = this.canvasUITransform.convertToNodeSpaceAR(new Vec3(loc.x, loc.y, 0)); this.node.setPosition(pos); this.node.active = true; // 再设置摇杆中心按钮位置 pos = this.nodeUITransform.convertToNodeSpaceAR(new Vec3(loc.x, loc.y, 0)); this.childNode.setPosition(pos); this.dirVec3 = new Vec3(this.childNode.position.x, this.childNode.position.y, 0).normalize(); if (this.dirVec3.y>0) { this.angle = Vec3.angle(this.dirVec3, new Vec3(1, 0, 0))*180/Math.PI; } else { this.angle = -Vec3.angle(this.dirVec3, new Vec3(1, 0, 0))*180/Math.PI; } this.moveSnake(); } onTouchMove(event: EventTouch) { let posDelta = event.getDelta(); this.childNode.setPosition(this.childNode.position.add3f(posDelta.x, posDelta.y, 0)); this.dirVec3 = new Vec3(this.childNode.position.x, this.childNode.position.y, 0).normalize(); if (this.dirVec3.y>0) { this.angle = Vec3.angle(this.dirVec3, new Vec3(1, 0, 0))*180/Math.PI; } else { this.angle = -Vec3.angle(this.dirVec3, new Vec3(1, 0, 0))*180/Math.PI; } this.moveSnake(); } onTouchEnd(event: EventTouch) { this.childNode.setPosition(Vec3.ZERO); this.node.active = false; } moveSnake() { if (this.angle<=45 && this.angle>-45) { this.snake.goRight(); } else if(this.angle>45 && this.angle <=135) { this.snake.goUp(); } else if(this.angle>135 && this.angle <= 180 || this.angle >=-180 && this.angle<=-135) { this.snake.goLeft(); } else if (this.angle>-135 && this.angle<=-45) { this.snake.goDown(); } } ```
**初始化贪吃蛇：** 首先要确定蛇头位置，然后确定蛇身位置。这里通过随机数来进行确定，比如0的话蛇身就在蛇头左侧，那么移动方向则朝右。 ```ts initSnake() { this.posArray = []; let headPos = this.setHeadPos(); while (true) { let num = Math.floor(Math.random()*4); if (num==0) { // 蛇身朝左，向右移动 this.dirTemp = "右"; let x1 = headPos[0]-this.blockWidth; let y1 = headPos[1]; let x2 = headPos[0]-this.blockWidth*2; let y2 = headPos[1]; this.drawBlock(x1, y1); this.drawBlock(x2, y2); break } else if (num==1) { this.dirTemp = "左"; let x1 = headPos[0]+this.blockWidth; // 蛇身朝右，向左移动 let y1 = headPos[1]; let x2 = headPos[0]+this.blockWidth*2; let y2 = headPos[1]; this.drawBlock(x1, y1); this.drawBlock(x2, y2); break } else if (num==2) { this.dirTemp = "下"; let x1 = headPos[0]; // 蛇身朝上，向下移动 let y1 = headPos[1]+this.blockWidth; let x2 = headPos[0]; let y2 = headPos[1]+this.blockWidth*2; this.drawBlock(x1, y1); this.drawBlock(x2, y2); break } else if (num==3) { this.dirTemp = "上"; let x1 = headPos[0]; // 蛇身朝下，向上移动 let y1 = headPos[1]-this.blockWidth; let x2 = headPos[0]; let y2 = headPos[1]-this.blockWidth*2; this.drawBlock(x1, y1); this.drawBlock(x2, y2); break } } } ```
## 运行截图 ![Snipaste_20250806_094001.png](https://download.cocos.com/CocosStore/resource/a7b988e2ccf24a52afc072a4dcff5258/a7b988e2ccf24a52afc072a4dcff5258.png) ![Snipaste_20250806_094030.png](https://download.cocos.com/CocosStore/resource/96c93e77ba654ca292268ef01980c318/96c93e77ba654ca292268ef01980c318.png) ![Snipaste_20250806_094111.png](https://download.cocos.com/CocosStore/resource/24f45674769d4ecba853d62cf48cfa02/24f45674769d4ecba853d62cf48cfa02.png) ![Snipaste_20250806_094043.png](https://download.cocos.com/CocosStore/resource/8643848542bd4c0daed35c9c1f7075db/8643848542bd4c0daed35c9c1f7075db.png)
## 联系作者 - QQ：1556576013 - 微信：anygoodidea - 邮箱：louasure@126.com
## 购买须知本产品为付费虚拟商品，一经购买成功概不退款，请支付前谨慎确认购买内容。
## 其他资源 - [老虎机](https://store.cocos.com/app/detail/4958) - [签到日历](https://store.cocos.com/app/zh/detail/4975) - [新手引导](https://store.cocos.com/app/detail/5012) - [单词抓抓抓](https://store.cocos.com/app/zh/detail/5755) - [Super Marker](https://store.cocos.com/app/detail/5330) - [Cocos Theme](https://store.cocos.com/app/detail/5595) - [Cocos Console Pro](https://store.cocos.com/app/detail/5475) - [查看作者发布的所有资源](查看作者发布的所有资源)