词条：Chrome Dino (10921)的修改记录
返回
实验性，暂不具备版本回退功能，有出错和漏记可能，发现请及时汇报
特性：较近的两处更改可能被合为一处，更改较大的段落可能被记为删除后新建，均属正常现象
如果需要知道改动确切位置，请使用浏览器自带的页面搜索功能
修改者：TIANYUEZHISUI0001
2024/4/16 0:49:52
修改者：TIANYUEZHISUI0001
2024/4/16 0:49:26
修改者：TIANYUEZHISUI0001
2024/4/16 0:49:14
修改者：TIANYUEZHISUI0001
2024/4/16 0:48:14
谷歌小恐龙（Chrome Dino Game）是由地球V东美Google公司首创的小游戏，其初始目的是为了在Google开发的Chrome浏览器出现互联网信号丢失时，排解用户等待联网信号时的无聊感。这个游戏最大的优点是它可以在没有互联网的情况下玩，是一款原始的无止境跑步游戏。
在游戏中，主角是一只霸王龙，在沙漠中奔跑，玩家的任务是通过按空格键（或上下键）来控制小恐龙跳跃(后来手机适配，仅有点击跳跃)，避免撞到仙人掌和翼手龙等障碍物。虽然游戏看起来简单，但随着游戏的进行，速度会逐渐加快，难度也会相应提升。
谷歌小恐龙最初作为复活节彩蛋诞生于2014年初，设计团队在游戏上线后对其进行了多次迭代和改进，例如添加了夜间模式、翼龙等元素，以及在不同平台上进行兼容性优化。在最新版的谷歌浏览器中，还增加了奥运场景，玩家可以通过让小恐龙触碰到火把来触发不同的奥运主题场景，如游泳、体操、骑马、冲浪和跨栏等。
启动方式:输入chrome://dino
注意:Google开发的另一款浏览器AOSP浏览器的小游戏是mini版航天模拟器，网页webwive则是谷歌飞行模拟器(某些厂商提供自定义游戏服务)
修改者：TIANYUEZHISUI0001
2024/4/16 0:35:30
<iframe src="https://www.miniplay.com/game/chrome-dino/play"width="600"height="350"frameborder="1/0"name="解说"scrolling="yes/auto">
</iframe>
修改者：TIANYUEZHISUI0001
2024/4/16 0:34:28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小恐龙游戏</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="gameContainer">
<div id="dino"></div>
<div id="obstacle"></div>
</div>
<script src="script.js"></script>
</body>
</html>
body, html {
width: 100%;
height: 100%;
margin: 0;
background-color: #f4f4f4;
}
#gameContainer {
position: relative;
width: 600px; /* 可以调整游戏区域的宽度 */
height: 200px;
margin: 0 auto; /* 水平居中显示 */
background-color: #f9f9f9;
overflow: hidden;
}
#dino {
position: absolute;
bottom: 0;
width: 40px;
height: 50px;
background-image: url('小恐龙.png');
background-size: cover; /* 确保图片覆盖整个障碍物区域 */
}
/* 设置障碍物的样式 */
#obstacle {
position: absolute;
bottom: 0; /* 障碍物位于游戏区域的底部 */
right: 100%; /* 初始位置在游戏区域的右侧之外 */
width: 30px; /* 根据图片尺寸调整 */
height: 30px; /* 根据图片尺寸调整 */
background-image: url('树桩.png'); /* 使用石头图片 */
background-size: cover; /* 确保图片覆盖整个障碍物区域 */
animation: moveObstacle 2s infinite linear; /* 障碍物的移动动画 */
}
@keyframes moveObstacle {
from { right: -20px; }
to { right: 100%; }
}
/* 添加跳跃动画 */
#dino.jump {
animation: jump 0.5s;
}
@keyframes jump {
0% { bottom: 0; }
50% { bottom: 100px; } /* 调整这个值以改变跳跃高度 */
100% { bottom: 0; }
}
const dino = document.getElementById('dino');
const obstacle = document.getElementById('obstacle');
document.addEventListener('keydown', function(event) {
if (event.key === " " || event.keyCode === 32) { // 检测空格键
if (!dino.classList.contains('jump')) { // 防止在空中多次跳跃
dino.classList.add('jump');
setTimeout(() => {
dino.classList.remove('jump');
}, 500); // 跳跃时间与CSS动画持续时间相同
}
}
});
let checkCollision = setInterval(function() {
let dinoTop = parseInt(window.getComputedStyle(dino).getPropertyValue("bottom"));
let obstacleLeft = parseInt(window.getComputedStyle(obstacle).getPropertyValue("left"));
// 检测碰撞
if(obstacleLeft > 0 && obstacleLeft < 20 && dinoTop < 30) {
alert("Game Over!");
}
}, 10);
https://www.miniplay.com/game/chrome-dino/play
本功能自2023/5/28启用，更早的更改无记录
WIKI主页
我的