JS乌龟吃鸡游戏
代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>乌龟游戏</title><script type="text/javascript">function move(obj){//乌龟图片高度var wuGui_height = 67;//乌龟图片宽度var wuGui_width = 94;//公鸡图片高度var cock_height = 73;//公鸡图片宽度var cock_width = 76;var wuGui = document.getElementById("wugui");var wuGui_left = parseInt(wuGui.style.left.substring(0,wuGui.style.left.indexOf("p")));var wuGui_top = parseInt(wuGui.style.top.substring(0,wuGui.style.top.indexOf("p")));var input = document.getElementsByTagName("input");var cock = document.getElementById("cock");var cock_left = parseInt(cock.style.left.substring(0,cock.style.left.indexOf("p")));var cock_top = parseInt(cock.style.top.substring(0,cock.style.top.indexOf("p")));//乌龟和公鸡左上角的距离(纵向距离)var y = Math.abs(wuGui_top - cock_top);//乌龟和公鸡左上角的距离(横向距离)var x = Math.abs(wuGui_left - cock_left);//默认不重叠yy = 0;xx = 0;if(obj.value == "向上走"){wuGui_top -= 10;wuGui.style.top = wuGui_top + "px";}if(obj.value == "向左走"){wuGui_left -= 10;wuGui.style.left = wuGui_left + "px";}if(obj.value == "向右走"){wuGui_left += 10;wuGui.style.left = wuGui_left + "px";}if(obj.value == "向下走"){wuGui_top += 10;wuGui.style.top = wuGui_top + "px";}//碰撞if(wuGui_top < cock_top){if( y < wuGui_height){yy = 1;}}else {if (y < cock_height){yy = 1;}}if(wuGui_left < cock_left){if( x < wuGui_width){xx = 1;}}else {if (x < cock_width){xx = 1;}}if(xx && yy){alert("乌龟吃了鸡！");wuGui.style.top = "100px";wuGui.style.top = "120px";}}window.onload = function () {}</script>
</head>
<body>
<table border="1"><tr><td></td><td><input type="button" value="向上走" onclick="move(this)"/></td><td></td></tr><tr><td><input type="button" value="向左走" onclick="move(this)"/></td><td></td><td><input type="button" value="向右走" onclick="move(this)"/></td></tr><tr><td></td><td><input type="button" value="向下走" onclick="move(this)"/></td><td></td></tr>
</table>
<!--把乌龟放在一个div-->
<div id="wugui" style="position: absolute ;left:100px;top:120px;"><img src="1.bmp" border="1" alt=""/>
</div>
<!--公鸡图片div-->
<div id="cock" style="position:absolute;left:200px;top:200px;"><img src="2.bmp" border="1" alt=""/>
</div>
</body>
</html>
相关文章：
JS乌龟吃鸡游戏
代码： <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>乌龟游戏</title><script type"text/javascript">function move(obj){//乌龟图片高度var wuGui_height 67;…...
第十节：学习ConfigurationProperties类来配置pojo实体类参数（自学Spring boot 3.x的第二天）
大家好，我是网创有方 。这节记录下如何使用ConfigurationProperties来实现自动注入配置值。。实现将配置文件里的application.properties的参数赋值给实体类并且打印出来。 第一步：新建一个实体类WechatConfig package cn.wcyf.wcai.config;import org…...
如何学习Node.js
Node.js是一个开源、跨平台的JavaScript运行环境，它允许你在服务器端使用JavaScript。以下是一些步骤和资源，可以帮助你开始学习Node.js： ### 1. 基础知识 首先，确保你熟悉JavaScript语言的基础。Node.js是基于JavaScript的&…...
云计算基础知识
前言： 随着ICT技术的高速发展，企业架构对计算、存储、网络资源的需求更高，急需一种新的架构来承载业务，以获得持续，高速，高效的发展，云计算应运而生。 云计算背景 信息大爆炸时代：…...
基于单片机光纤测距系统的设计与实现
摘要 ： 光纤由于其频带宽 、 损耗低及抗干扰能力强等优点已被广泛地应用在通信 、 电子及电力方面 ， 是我们生产生活中必不可少的媒介。 在实际的光纤实验 、 安装 、 运营和维护工作中 ， 一种精准 、 轻便和易操作的光纤测距系统显得尤为重…...
python项目实战——人生重开模拟器
文章目录 1.菜单栏的编写2.玩家确定颜值、体质、智力、家境3.生成性别4.设定角色出生点5.各个年龄段的变化5.1 幼年阶段5.2 青年阶段5.3中年阶段5.4 晚年阶段 6.整体代码 人生重开模拟器是一款文字类小游戏. 玩家可根据提示输入角色的初始属性之后, 就可以开启不同的人生经历. …...
小时候的子弹击中了现在的我-hive进阶：案例解析（第18天）
系列文章目录 一、Hive表操作 二、数据导入和导出 三、分区表 四、官方文档（了解） 五、分桶表（熟悉） 六、复杂类型（熟悉） 七、Hive乱码解决（操作。可以不做，不影响） 八、…...
电影票房预测管理系统设计
电影票房预测管理系统的开发涉及多个层面的设计，包括但不限于数据收集、数据分析、预测模型构建、用户界面设计和系统集成。以下是一个基本的系统设计框架： 1. 数据收集模块：这是整个系统的基础。需要收集的数据可能包括历史票房数据、上映电…...
正则表达式与Pyhton
一、正则表达式的规则 1、支持普通字符匹配 2、元字符，一个符号匹配一堆字符 \d 匹配数字 \w 匹配数字、字母、下划线 \D \d的取反，除了数字全部匹配 \W \w的取反 [abc] 匹配字母a、b、c [^abc] [abc]的取反…...
Transformer常见面试题
目录 1.Transformer为何使用多头注意力机制？（为什么不使用一个头） 2.Transformer为什么Q和K使用不同的权重矩阵生成，为何不能使用同一个值进行自身的点乘？ （注意和第一个问题的区别） 3.Transf…...
Linux——vim的配置文件+异常处理
vim的配置文件： [rootserver ~]# vim /etc/vimrc # 输入以下内容 set nu # 永久设置行号 shell [rootserver ~]# vim /etc/vimrc 或者 vim ~/.vimrc set hlsearch "高亮度反白 set backspace2 "可随时用退格键删除 set autoindent…...
node mySql 实现数据的导入导出，以及导入批量插入的sql语句
node 实现导出, 在导出excel中包含图片（附件） node 实现导出, 在导出excel中包含图片（附件）-CSDN博客https://blog.csdn.net/snows_l/article/details/139999392?spm1001.2014.3001.5502 一、效果 如图： 二、导入 …...
Webpack: 底层配置逻辑
概述 Webpack 5 提供了非常强大、灵活的模块打包功能，配合其成熟生态下数量庞大的插件、Loader 资源，已经能够满足大多数前端项目的工程化需求，但代价则是日益复杂、晦涩的使用方法，开发者通常需要根据项目环境、资源类型、编译目…...
数字图像处理期末复习题1
个人名片： 🎓作者简介：嵌入式领域优质创作者🌐个人主页：妄北y 📞个人QQ：2061314755 💌个人邮箱：[mailto:2061314755qq.com] 📱个人微信：Vir2025WB…...
poi-tl 生成 word 文件（插入文字、图片、表格、图表）
文章说明 本篇文章主要通过代码案例的方式，展示 poi-tl 生成 docx 文件的一些常用操作，主要涵盖以下内容 ： 插入文本字符（含样式、超链接）插入图片插入表格引入标签（通过可选文字的方式，这种方…...
centos上部署Ollama平台，实现语言大模型本地部署
网上有很多大模型，很多都是远程在线调用ChatGPT的api来实现的，自己本地是没有大模型的，这里和大家分享一个大模型平台，可以实现本地快速部署大模型。 Ollama是一个开源项目，它提供了一个平台和工具集，用于部…...
Java学习 - Redis Redigo简单介绍
Redigo 驱动下载 go get github.com/garyburd/redigo/redis获取redis服务器连接 c, err : redis.Dial("tcp", "127.0.0.1:6379")if err ! nil {panic(err) }defer c.Close()命令使用 v, err : c.Do("SET","hello","world&quo…...
【鸿蒙学习笔记】ArkTS组件 Blank
官方文档：Blank 目录标题...
如何使用Spring Boot进行单元测试
如何使用Spring Boot进行单元测试 大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天我们将探讨如何在Spring Boot项目中进行单元测试，确保代码质量…...
2024steam夏促商店打不开、steam活动加载不了解决方法一览
今年的夏促终于开始了!目前可以看到很多精品小游戏在促销列表内，活动正式开启后还不知道又会是怎样的一幅场景。因为每年夏促都会有不少刚高考完的新手加入，遇到常见的steam商店打不开、活动页面不加载等问题不知道怎么解决。所以这里给大家准备了几种常…...
大型活动交通拥堵治理的视觉算法应用
大型活动下智慧交通的视觉分析应用 一、背景与挑战 大型活动（如演唱会、马拉松赛事、高考中考等）期间，城市交通面临瞬时人流车流激增、传统摄像头模糊、交通拥堵识别滞后等问题。以演唱会为例，暖城商圈曾因观众集中离场导致周边…...
STM32+rt-thread判断是否联网
一、根据NETDEV_FLAG_INTERNET_UP位判断 static bool is_conncected(void) {struct netdev *dev RT_NULL;dev netdev_get_first_by_flags(NETDEV_FLAG_INTERNET_UP);if (dev RT_NULL){printf("wait netdev internet up...");return false;}else{printf("loc…...
【第二十一章 SDIO接口(SDIO)】
第二十一章 SDIO接口 目录 第二十一章 SDIO接口(SDIO) 1 SDIO 主要功能 2 SDIO 总线拓扑 3 SDIO 功能描述 3.1 SDIO 适配器 3.2 SDIOAHB 接口 4 卡功能描述 4.1 卡识别模式 4.2 卡复位 4.3 操作电压范围确认 4.4 卡识别过程 4.5 写数据块 4.6 读数据块 4.7 数据流…...
让回归模型不再被异常值“带跑偏“，MSE和Cauchy损失函数在噪声数据环境下的实战对比
在机器学习的回归分析中，损失函数的选择对模型性能具有决定性影响。均方误差（MSE）作为经典的损失函数，在处理干净数据时表现优异，但在面对包含异常值的噪声数据时，其对大误差的二次惩罚机制往往导致模型参数…...
面向无人机海岸带生态系统监测的语义分割基准数据集
描述：海岸带生态系统的监测是维护生态平衡和可持续发展的重要任务。语义分割技术在遥感影像中的应用为海岸带生态系统的精准监测提供了有效手段。然而，目前该领域仍面临一个挑战，即缺乏公开的专门面向海岸带生态系统的语义分割基准数据集。受…...
 Module Federation：Webpack.config.js文件中每个属性的含义解释)
MFE(微前端) Module Federation：Webpack.config.js文件中每个属性的含义解释
以Module Federation 插件详为例，Webpack.config.js它可能的配置和含义如下： 前言 Module Federation 的Webpack.config.js核心配置包括： name filename（定义应用标识） remotes（引用远程模块࿰…...
Canal环境搭建并实现和ES数据同步
作者：田超凡 日期：2025年6月7日 Canal安装，启动端口11111、8082： 安装canal-deployer服务端： https://github.com/alibaba/canal/releases/1.1.7/canal.deployer-1.1.7.tar.gz cd /opt/homebrew/etc mkdir canal…...
HTTPS证书一年多少钱？
HTTPS证书作为保障网站数据传输安全的重要工具，成为众多网站运营者的必备选择。然而，面对市场上种类繁多的HTTPS证书，其一年费用究竟是多少，又受哪些因素影响呢？ 首先，HTTPS证书通常在PinTrust这样的专业平…...
统计学（第8版）——统计抽样学习笔记（考试用）
一、统计抽样的核心内容与问题 研究内容 从总体中科学抽取样本的方法利用样本数据推断总体特征（均值、比率、总量）控制抽样误差与非抽样误差 解决的核心问题 在成本约束下，用少量样本准确推断总体特征量化估计结果的可靠性（置…...
生产管理系统开发：专业软件开发公司的实践与思考
生产管理系统开发的关键点 在当前制造业智能化升级的转型背景下，生产管理系统开发正逐步成为企业优化生产流程的重要技术手段。不同行业、不同规模的企业在推进生产管理数字化转型过程中，面临的挑战存在显著差异。本文结合具体实践案例，分析…...