Python简单龟兔赛跑小游戏

Python实现简单的龟兔赛跑小游戏

基于CSS 和 js的基础之上实现:
具体代码如下>>:
HTML代码文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/mystyle.css"/>
		<script type="text/javascript" src="../js/myjs.js">
			
		</script>
	</head>
	<body>
		<div id="map">
			<input type="button" value="开始" οnclick="start()"/>
		</div>
		<img id="r" src="../img/tz.jpg"/>
		<img id="t" src="../img/wg1.jpg"/>
		
		<div id="reslt">
			兔子赢了!!
		</div>
		
	</body>
</html>

CSS代码文件

#map{
	width: 800px;
	height: 400px;
	position: absolute;
	left: 200px;
	top: 100px;
	border: solid 1px #2E8B57;
	text-align: center;
	background-image: url(../img/gtbj.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
img{
	display: none;
	position: absolute;
	width: 32px;
	height: 32px;
}
#reslt{
	color: red;
	font-size: 30px;
	font-family: "微软雅黑";
	margin-top: 50px;
	margin-left: 550px;
	display: none;
	
}

JS代码文件

var timeobj=-1;
num = 0
imgArray = ['../img/r1.png','../img/r2.png','../img/r3.png','../img/r4.png','../img/r5.png','../img/r6.png']
rIndex = 0

function start(){
	
	if(timeobj!=-1){
		
		clearInterval(timeobj)
	}
	
	t = document.getElementById('t')
	r = document.getElementById('r')
	result = document.getElementById("reslt")
	
	t.style.left = '200px';
	t.style.top = '200px';
	
	r.style.left = '200px';
	r.style.top = '300px';
	
	t.style.display = 'block'
	r.style.display = 'block'
	result.style.display = "none"
	r.src = imgArray[rIndex]
	rIndex++
	
	num = setInterval(move, 100)
}
function move(){
	t = document.getElementById('t')
	r = document.getElementById('r')
	
	rleft = r.style.left
	tleft = t.style.left
	
	rleft = Number.parseInt(rleft.split('px')[0])
	tleft = Number.parseInt(tleft.split('px')[0])
	
	// 当任何一个成员到达终点 说明输赢一分  游戏结束
	
	
	rleft += 10
	tleft += 5
	
	t.style.left = tleft + 'px'
	r.style.left = rleft + 'px'
	
	if(rIndex < imgArray.length){
		r.src = imgArray[rIndex]	
		rIndex++
	}
	else{
		rIndex=0
		r.src = imgArray[rIndex]
	}
	
	if(rleft>=980 | tleft>=980){
		clearInterval(num)
	}
	if(rleft>=980 | tleft>=980){
		clearInterval(timeobj)
		timeobj = -1
		result.style.display = "block"	
	}
		
	
}

window.onbeforeunload =  function(){
	return "确定关闭当前页面吗??"
}



效果:
在这里插入图片描述
要不要你也试试??

  • 9
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单Python赛跑游戏代码,使用了turtle库和random库: ```python import turtle import random # 设置窗口大小和背景颜色 turtle.setup(800, 600) turtle.bgcolor('white') # 画出终点线 turtle.penup() turtle.goto(300, 200) turtle.pendown() turtle.goto(300, -200) # 画出起点线 turtle.penup() turtle.goto(-300, 200) turtle.pendown() turtle.goto(-300, -200) # 画出乌子 turtle.penup() turtle.goto(-250, 0) turtle.pendown() turtle.shape('turtle') turtle.color('green') turtle.penup() turtle.goto(-250, -50) turtle.pendown() turtle.shape('turtle') turtle.color('blue') turtle.penup() turtle.goto(-250, -100) turtle.pendown() turtle.shape('turtle') turtle.color('red') turtle.penup() turtle.goto(-250, -150) turtle.pendown() turtle.shape('turtle') turtle.color('purple') turtle.penup() turtle.goto(-250, -200) turtle.pendown() turtle.shape('turtle') turtle.color('orange') turtle.penup() turtle.goto(-250, 50) turtle.pendown() turtle.shape('turtle') turtle.color('brown') turtle.penup() turtle.goto(-250, 100) turtle.pendown() turtle.shape('turtle') turtle.color('black') turtle.penup() turtle.goto(-250, 150) turtle.pendown() turtle.shape('turtle') turtle.color('gray') turtle.penup() turtle.goto(-250, 200) turtle.pendown() turtle.shape('turtle') turtle.color('pink') # 开始比赛 while True: turtle.forward(random.randint(1, 5)) turtle.penup() turtle.goto(-250, -50) turtle.pendown() turtle.forward(random.randint(1, 5)) turtle.penup() turtle.goto(-250, -100) turtle.pendown() turtle.forward(random.randint(1, 5)) turtle.penup() turtle.goto(-250, -150) turtle.pendown() turtle.forward(random.randint(1, 5)) turtle.penup() turtle.goto(-250, -200) turtle.pendown() turtle.forward(random.randint(1, 5)) turtle.penup() turtle.goto(-250, 50) turtle.pendown() turtle.forward(random.randint(1, 5)) turtle.penup() turtle.goto(-250, 100) turtle.pendown() turtle.forward(random.randint(1, 5)) turtle.penup() turtle.goto(-250, 150) turtle.pendown() turtle.forward(random.randint(1, 5)) turtle.penup() turtle.goto(-250, 200) turtle.pendown() turtle.forward(random.randint(1, 5)) # 判断是否有乌子到达终点 if turtle.xcor() >= 300: turtle.penup() turtle.goto(0, 0) turtle.write('乌赢了!', font=('Arial', 30, 'normal'), align='center') break elif turtle2.xcor() >= 300: turtle.penup() turtle.goto(0, 0) turtle.write('子赢了!', font=('Arial', 30, 'normal'), align='center') break # 相关问题: --相关问题--:

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值