大佬教程收集整理的这篇文章主要介绍了我正在制作游戏,但我无法继续工作,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在制作一个在线游戏(我的意思是一个本地游戏,但在互联网上编码),其中图像不断地指向您的鼠标指针,您必须尽量避免它。如果图像接触到您的鼠标光标,那么您就会失去生命,但即使我在许多网站上搜索过,实时计数器也无法正常工作,并且他们都告诉我同样的事情。我现在正在研究它。我对此很陌生,所以我不太了解,但请帮我解决这个问题。谢谢!这是代码:
<HTML>
<head>
<Title>starving teacher</Title>
<style>
div {
wIDth: 1800px;
height: 800px;
border: 1px solID black;
}
img {
position: absolute;
}
</style>
</head>
<body>
<p ID="live"></p>
<div onmousemove="moveimg(event)">
<img onmouSEOver="livelost(event)" src='face.jpg' ID='face' />
</div>
<script>
var lives = 10
</script>
<script>
<script>
document.getElementByID("live").INNERHTML = var lives
</script>
<script>
function wait(ms)
{
var d = new Date();
var d2 = null;
do { d2 = new Date(); }
while(d2-d < ms);
}
</script>
<script>
function moveimg(event) {
wait(100);
var x = event.clIEntX;
var y = event.clIEntY;
var face = document.getElementByID("face");
face.style.left = x+'px';
face.style.top = y+'px';
}
</script>
<script>
function livelost(event) {
var lives = var lives - 1
}
</script>
</body>
</HTML>
只声明一次变量。不是每次都用它
类似……
let lives = 10
document.getElementById("live").innerHTML = lives
function wait(ms)
{
var d = new Date();
var d2 = null;
do { d2 = new Date(); }
while(d2-d < ms);
}
function moveImg(event) {
wait(100);
var x = event.clientX;
var y = event.clientY;
var face = document.getElementById("face");
face.style.left = x+'px';
face.style.top = y+'px';
}
function livelost() {
if(lives === 0) {
alert('GAME OVER')
} else if ( lives > 0) {
lives = lives -1
document.getElementById("live").innerHTML = lives
}
}
所以只有剩余的生命显示...
<p>Lives Left: <span id="live"></span></p>
,
这是一个可能的起点。
我建议阅读有关如何制作浏览器游戏的内容。
以下是一些资源:
quick-tip-game-loop-in-javascript
Pong1
Pong2
<p id="live">10</p>
<div id="game">
<img src="face.jpg" id="face" />
</div>
<script>
const face = document.getElementById("face");
const live = document.getElementById("live");
let lives = 10;
document.getElementById("live").innerHTML = lives;
function moveFace() {
// Add logic to move face how you want
}
// Function to reduce life
function lostLife() {
lives = lives - 1;
live.innerHTML = lives;
}
function draw() {
// Add logic to move face closer to mouse
// Check if face and mouse are at same position,if so reduce life,maybe reset face position
}
window.requestAnimationFrame(gameLoop);
function gameLoop() {
draw();
window.requestAnimationFrame(gameLoop);
}
</script>
以上是大佬教程为你收集整理的我正在制作游戏,但我无法继续工作全部内容,希望文章能够帮你解决我正在制作游戏,但我无法继续工作所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。