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商店打不开、活动页面不加载等问题不知道怎么解决。所以这里给大家准备了几种常…...
2026指纹浏览器与Web端设备识别技术的对抗与协同：从风控博弈到合规共生
在 2026 年的 Web 生态中，指纹浏览器与 Web 端设备识别技术始终处于 “对抗与协同” 的动态平衡中 —— 平台通过设备识别技术构建风控体系，防范恶意注册、批量操作、账号盗用等违规行为；指纹浏览器通过技术手段重构设备特征，实现…...
消息队列的缓冲作用：不止于临时暂存
在分布式系统架构中，消息队列常被提及的一个核心价值是“解耦”。然而，除了降低系统间的直接依赖之外，消息队列还承担着另一个关键角色——缓冲。很多人直观地感受到“消息队列能起到缓冲效果”，但这种缓冲究竟意味着什么…...
PyArmor解包终极指南：3种高效逆向分析技巧快速掌握代码解密核心技术
PyArmor解包终极指南：3种高效逆向分析技巧快速掌握代码解密核心技术 【免费下载链接】PyArmor-Unpacker A deobfuscator for PyArmor. 项目地址: https://gitcode.com/gh_mirrors/py/PyArmor-Unpacker PyArmor-Unpacker是一个专为Python开发者和安全研究人员…...
【第四周】论文精读：Frustratingly Simple Retrieval Improves Challenging, Reasoning-Intensive Benchmarks
极简检索即可大幅刷新高难度推理基准主流观点认为简单RAG无法提升MMLU、MATH、GPQA等高难度推理任务，甚至会损害性能；本文推翻这一共识，证明核心瓶颈并非检索范式，而是缺少高质量、广覆盖、可单机部署的检索库；提出COM…...
【雷达信号优化】第八章 阵列校准与误差补偿
目录 第八章 阵列校准与误差补偿 8.1 阵列误差模型 8.1.1 幅相误差 8.1.1.1 互耦效应建模 8.1.1.1.1 互耦矩阵的逆矩阵简化 8.2 阵列自校准算法 8.2.1 信号子空间拟合算法 8.2.1.1 交替优化策略 8.2.1.1.1 信源方向与误差参数的迭代更新 8.2.2 辅助源校准 8.2.2.1 单…...
RocketMQ Topic队列配置实战指南：从原理到最佳实践
1. RocketMQ Topic队列配置的核心原理 第一次接触RocketMQ的Topic配置时，我也曾被那些专业术语搞得一头雾水。直到有一次线上系统因为队列配置不当导致消息积压，我才真正理解这些参数的重要性。现在回想起来，其实Topic队列配置就像高速公路的…...
从一次数据精度丢失的坑说起：详解Pandas fillna的‘静默下转型’与infer_objects的正确用法
从数据精度陷阱到稳健处理：Pandas类型转换的深度防御实践 1. 当.fillna(0)成为数据分析的隐形杀手 凌晨三点的办公室，咖啡杯早已见底。数据分析师李明盯着屏幕上诡异的报表结果——所有百分比计算结果突然变成了整齐的整数。这个看似简单的数据清洗操作…...
收藏！小白程序员必看：轻松掌握大模型核心技术，解决领域与时间限制难题！
通用大模型的两个硬伤——领域限制（不知道企业内部数据）和时间限制（无法获取最新信息）。 产品设计的第一步，不是写提示词，是厘清"模型不知道什么"。这与传统软件开发思维完全不同——传统软件是&…...
Qwen-Image-2512-Pixel-Art-LoRA 模型v1.0 传统艺术数字化：将油画、素描转化为像素风数字藏品
Qwen-Image-2512-Pixel-Art-LoRA 模型v1.0：当古典艺术遇见像素方块 最近在数字艺术圈里，有个话题挺有意思：怎么把那些挂在博物馆里的古典油画、素描，变成年轻人也爱玩的像素风数字藏品？听起来像是把交响乐改编成8-bit…...
手把手教你用Llama-3.2V-11B-cot：像聊天一样轻松实现图片智能分析
手把手教你用Llama-3.2V-11B-cot：像聊天一样轻松实现图片智能分析 1. 引言：当视觉大模型遇上聊天式交互 想象一下，你正面对一张复杂的医学影像或工程图纸，需要快速理解其中的关键信息。传统方法可能需要专业培训或反复查阅资料&…...