javascript - JavaScript游戏引擎—编辑器:) ERRORS in Inspector?中的代码运行-6ren

javascript - JavaScript游戏引擎—编辑器:) ERRORS in Inspector?中的代码运行

转载作者：行者123 更新时间：2023-12-02 11:10:43

编辑器中的代码RUNS :) Inspector中的6个错误？

开发完游戏后，该文档即可在Dreamweaver和TacoHTML中运行。将文档加载到w3检查器中时，标记样式和“px”属性出现了类似6个错误。

一旦更正了CSS3和HTML5的错误，便无法运行!!!为什么？ :(
如果任何人都可以修复这些错误并发布答案，则该引擎可以免费使用:

谢谢

<head> 
<title> Matador </title> 

<style>
#container {background-color:#FC3; position: absolute; width:1024px;     
height:600px; left:0px; top:0px;}
</style>

</head>

<body style="background-color:#F00;">
<div id="container">

<img src="matador.png" id="matador" style="position:absolute; top:200; 
left:100; width:60; height:60;" />

<img src="bull.jpg" id="bull" style="position:absolute; top:300; left:20;   
width:90; height:90;" />

<img id="matadorLife" src="matadorLife.png" style="position:absolute; 
top:605; left:960; width:60; height:60;" />

<div id="scoreId" style="position:absolute; top: 30; left: 30; font-family:    
impact; color:red; font-size: 50; text-shadow: -2px 2px 0 #FFFFFF, 2px -2px   
0 #FFFFFF, 2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF;"> </div>

<button type="button" onClick="MoveLeft();" style="position:absolute;   
top:600; left:0; width:150; height:60; font-family: impact; color:red; font-
size: 40; text-shadow: -2px 2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, 2px 2px 0 
#FFFFFF, -2px -2px 0 #FFFFFF; background-color:#FC3; text-align: center;"> 
LEFT </button>


<button type="button" onClick="MoveRight();" style="position:absolute;  
top:600; left:180; width:150; height:60; font-family: impact; color:red; 
font-size: 40; text-shadow: -2px 2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, 2px 2px 
0 #FFFFFF, -2px -2px 0 #FFFFFF; background-color:#FC3; text-align: center;"> 
RIGHT </button>


<button type="button" onClick="MoveDown();" style="position:absolute;   
top:600; left:360; width:150; height:60; font-family: impact; color:red;  
font-size: 40; text-shadow: -2px 2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, 2px 2px 
0 #FFFFFF, -2px -2px 0 #FFFFFF; background-color:#FC3; text-align: center;"> 
DOWN </button>


<button type="button" onClick="MoveUp();" style="position:absolute; top:600;  
left:540; width:150; height:60; font-family: impact; color:red; font-size: 
40; text-shadow: -2px 2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, 2px 2px 0 #FFFFFF, 
-2px -2px 0 #FFFFFF; background-color:#FC3; text-align:center;"> UP 
</button>

</div>

<script>

var matadorObj = document.getElementById("matador").style;
var xMatador = 0;
var yMatador = 0;

var bullObj = document.getElementById("bull").style;
var xBull = 0;
var yBull = 200;

var xSpeed = 10;
var ySpeed = 10;

var score = 0;
var speedInc = 0;

var lifeObj=document.getElementById("matadorLife").style;

document.onkeydown = KeyDownMoveIt;

function KeyDownMoveIt(e) {
   if (e.keyCode == 37)
   xMatador = xMatador - 10 - speedInc*10;

   if (e.keyCode == 39)
   xMatador = xMatador + 10 + speedInc*10;

   if (e.keyCode == 38)
   yMatador = yMatador - 10 - speedInc*10;

   if (e.keyCode == 40)
   yMatador = yMatador + 10 + speedInc*10;

   if (xMatador > 970 - 50)
   xMatador = 970 - 50;

   if (yMatador > 550 - 50)
   yMatador = 550 - 50;

   if (xMatador < 40)
   xMatador = 40;

   if (yMatador < 150)
   yMatador = 150;

   matadorObj.left = xMatador;
   matadorObj.top = yMatador;
}


function MoveRight()
{ matadorObj.left = xMatador;
   matadorObj.top = yMatador;
   xMatador = xMatador + 60 + speedInc*10;
    if (xMatador > 970 - 50)
   xMatador = 970 - 50;

   if (yMatador > 550 - 50)
   yMatador = 550 - 50;

   if (xMatador < 40)
   xMatador = 40;

   if (yMatador < 150)
   yMatador = 150;}

function MoveLeft()
{ matadorObj.left = xMatador;
   matadorObj.top = yMatador;
   xMatador = xMatador - 60 - speedInc*10;
    if (xMatador > 970 - 50)
   xMatador = 970 - 50;

   if (yMatador > 550 - 50)
   yMatador = 550 - 50;

   if (xMatador < 40)
   xMatador = 40;

   if (yMatador < 150)
   yMatador = 150;}

function MoveUp()
{ matadorObj.left = xMatador;
   matadorObj.top = yMatador;
   yMatador = yMatador - 60 - speedInc*10;
    if (xMatador > 970 - 50)
   xMatador = 970 - 50;

   if (yMatador > 550 - 50)
   yMatador = 550 - 50;

   if (xMatador < 40)
   xMatador = 40;

   if (yMatador < 150)
   yMatador = 150;}

function MoveDown()
{ matadorObj.left = xMatador;
   matadorObj.top = yMatador;
   yMatador = yMatador + 60 + speedInc*10;
    if (xMatador > 970 - 50)
   xMatador = 970 - 50;

   if (yMatador > 550 - 50)
   yMatador = 550 - 50;

   if (xMatador < 40)
    xMatador = 40;

    if (yMatador < 150)
   yMatador = 150;}


var timerA;
window.onload = moveBull();
function moveBull(){

   if (xBull + xSpeed > 970 - 50)
   xSpeed = -5 * Math.random() - 5 - speedInc;

   if (xBull + xSpeed < 0)
   xSpeed = 5 * Math.random() + 5 + speedInc;

   if (yBull + ySpeed > 550 - 50)
   ySpeed = -5 * Math.random() - 5 - speedInc;

   if (yBull + ySpeed < 0)
   ySpeed = 5 * Math.random() + 5 + speedInc;

   xBull = xBull + xSpeed;
   yBull = yBull + ySpeed;

   bullObj.left = xBull;
   bullObj.top = yBull;

   speedInc = score * 0.01;

   if ((xMatador < xBull+50) && (xMatador+50 > xBull) && (yMatador <     
yBull+50) && (yMatador+50 > yBull))

 {
      clearTimeout(timerB);
      matadorObj.src="matadorLost.png";
      bullObj.src="bullWon.png";
      document.getElementById("scoreId").innerHTML = "- GAME OVER -";
      document.getElementById("container").style.backgroundColor="red"; 
      lifeObj.visibility="hidden"; }

   if (score == 31) {clearTimeout(timerB);
      document.getElementById("container").style.backgroundColor="yellow";
      matadorObj.src="matadorWon.png";
      bullObj.src="bullLost.png";
      document.getElementById("scoreId").innerHTML = "- WINNER! -";}

   timerA = setTimeout("moveBull()", 30);}

var timerB;
window.onload = gameScore();
function gameScore() {  

   document.getElementById("scoreId").innerHTML = "MATADOR <br>" + score; 
   score++;
   timerB = setTimeout("gameScore()", 1000);}

</script>
</body>
</html>

引擎末端

最佳答案

<!DOCTYPE HTML>
<html>

<head lang="en"> 
<title> Matador </title> 

<meta name="viewport" content="width=device-width, minimum-scale=1.0, 
maximum-scale=1.0"> 

<meta name="apple-mobile-web-app-capable" content="yes"/> 

<style type="text/css">
#container {background-color:#FC3; position: absolute; width:960px;  
height:600px; left:0px; top:0px;}
</style>

</head>

<body style="background-color:#F00;">
<div id="container">

<img src="matador.png" id="matador" alt="Matador"   
style="position:absolute; top:120px; left:40px; width:50px; height:50px;"/>

<img src="bull.png" id="bull" alt="Bull" style="position:absolute; 
top:250px; left:400px; width:50px; height:50px;"/>

<div id="scoreId" style="position:absolute; top: 30px; left: 30px; font- 
family: impact; color:red; font-size: 50px; text-shadow: -2px 2px 0px 
#FFFFFF, 2px -2px 0px #FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF;">   
</div>

<img id="matadorLife" src="matadorLife.png" style="position:absolute;  
top:605px; left:840px; width:50px; height:50px;" alt="MatadorLife"/>


<button type="button" onClick="MoveLeft();" style="position:absolute;   
top:600px; left:40px; width:150px; height:60px; font-family: impact; 
color:red; font-size: 40px; text-shadow: -2px 2px 0 #FFFFFF, 2px -2px 0 
#FFFFFF, 2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF; background-color:#FC3;  
text-align: center;"> LEFT </button>

<button type="button" onClick="MoveRight();" style="position:absolute;   
top:600px; left:240px; width:150px; height:60px; font-family: impact;  
color:red; font-size: 40px; text-shadow: -2px 2px 0px #FFFFFF, 2px -2px 0px  
#FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF; background-color:#FC3; 
text-align: center;"> RIGHT </button>


<button type="button" onClick="MoveDown();" style="position:absolute; 
top:600px; left:440px; width:150px; height:60px; font-family: impact; 
color:red; font-size: 40px; text-shadow: -2px 2px 0px #FFFFFF, 2px -2px 0px 
#FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF; background-color:#FC3; 
text-align: center;"> DOWN </button>


<button type="button" onClick="MoveUp();" style="position:absolute;   
top:600px; left:640px; width:150px; height:60px; font-family: impact; 
color:red; font-size: 40px; text-shadow: -2px 2px 0px #FFFFFF, 2px -2px 0px 
#FFFFFF, 2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF; background-color:#FC3;  
text-align:center;"> UP </button>

</div>

<script type="text/javascript">
var matadorObj = document.getElementById("matador").style;
var xMatador = 0;
var yMatador = 0;

var bullObj = document.getElementById("bull").style;
var xBull = 0;
var yBull = 200;

var xSpeed = 10;
var ySpeed = 10;

var score = 0;
var speedInc = 0;

var lifeObj=document.getElementById("matadorLife").style;

function MoveRight()
{ matadorObj.left = xMatador;
   matadorObj.top = yMatador;
   xMatador = xMatador + 40 + speedInc*10;
    if (xMatador > 900 - 50)
   {xMatador = 900 - 50;}

   if (yMatador > 600 - 50)
   {yMatador = 600 - 50;}

   if (xMatador < 40)
   {xMatador = 40;}

   if (yMatador < 150)
   {yMatador = 150;}}

function MoveLeft()
{ matadorObj.left = xMatador;
   matadorObj.top = yMatador;
   xMatador = xMatador - 40 - speedInc*10;
    if (xMatador > 900 - 50)
   {xMatador = 900 - 50;}

   if (yMatador > 600 - 50)
   {yMatador = 600 - 50;}

   if (xMatador < 40)
   {xMatador = 40;}

    if (yMatador < 150)
   {yMatador = 150;}}

function MoveUp()
{ matadorObj.left = xMatador;
   matadorObj.top = yMatador;
   yMatador = yMatador - 40 - speedInc*10;
    if (xMatador > 900 - 50)
   {xMatador = 900 - 50;}

   if (yMatador > 600 - 50)
   {yMatador = 600 - 50;}

   if (xMatador < 40)
   {xMatador = 40;}

   if (yMatador < 150)
   {yMatador = 150;}}

function MoveDown()
{ matadorObj.left = xMatador;
   matadorObj.top = yMatador;
   yMatador = yMatador + 40 + speedInc*10;
    if (xMatador > 900 - 50)
   {xMatador = 900 - 50;}

   if (yMatador > 600 - 50)
   {yMatador = 600 - 50;}

   if (xMatador < 40)
   {xMatador = 40;}

   if (yMatador < 150)
   {yMatador = 150;}}


var timerA;
window.onload = moveBull();
function moveBull(){

   if (xBull + xSpeed > 900 - 50)
   {xSpeed = -5 * Math.random() - 5 - speedInc;}

   if (xBull + xSpeed < 0)
   {xSpeed = 5 * Math.random() + 5 + speedInc;}

   if (yBull + ySpeed > 600 - 50)
   {ySpeed = -5 * Math.random() - 5 - speedInc;}

   if (yBull + ySpeed < 0)
   {ySpeed = 5 * Math.random() + 5 + speedInc;}

   xBull = xBull + xSpeed;
   yBull = yBull + ySpeed;

   bullObj.left = xBull;
   bullObj.top = yBull;

   speedInc = score * 0.01;

   if ((xMatador < xBull+50) && (xMatador+50 > xBull) && (yMatador <     
yBull+50) && (yMatador+50 > yBull))
   {clearTimeout(timerB);
      matadorObj.src="matadorLost.png";
      bullObj.src="bullWon.png";
      document.getElementById("scoreId").innerHTML = "- GAME OVER -"; 
      lifeObj.visibility="hidden"; }

   if (score == 61) {clearTimeout(timerB);
      document.getElementById("container").style.backgroundColor="red";
      matadorObj.src="matadorWon.png";
      bullObj.src="bullLost.png";}

   timerA = setTimeout("moveBull()", 20);}

var timerB;
window.onload = gameScore();
function gameScore() {  

   document.getElementById("scoreId").innerHTML = "MATADOR <br>" + score; 
   score++;
   timerB = setTimeout("gameScore()", 1000);}

</script>
</body>
</html>

关于javascript - JavaScript游戏引擎—编辑器:) ERRORS in Inspector?中的代码运行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29282726/

文章推荐： java - 在调用时使用Java函数注解来调用外部代码

文章推荐： c++ - 在g++中收到的预期主表达式

syntax - 游戏.HUD = 游戏.HUD || {} 意义
我正在关注 melon js tutorial .这是在我的 HUD.js 文件的顶部。 game.HUD = game.HUD || {} 我以前在其他例子中见过这个。 namespace.some
JavaScript 游戏
我刚刚制作了这个小游戏，用户可以点击。他可以看到他的点击，就像“cookieclicker”一样。一切正常，除了一件事。我尝试通过创建一个代码行变量来缩短我的代码，我重复了很多次。 documen
Java实时调试(游戏)
在此视频中:http://www.youtube.com/watch?v=BES9EKK4Aw4 Notch(我的世界的创造者)正在做他称之为“实时调试”的事情。他实际上是一边修改代码一边玩游戏，而不
基于MonoGame重制《俄罗斯方块》游戏
两年前，我使用C#基于MonoGame编写了一款《俄罗斯方块》游戏，相关介绍可以参考【这篇文章】。最近，使用业余时间将之前的基于MonoGame的游戏开发框架重构了一下，于是，也就趁此机会将之前的《俄
LeetCode_博弈_简单_292.Nim 游戏
1.题目你和你的朋友，两个人一起玩 Nim 游戏：桌子上有一堆石头。你们轮流进行自己的回合，你作为先手。每一回合，轮到的人拿掉 1 - 3 块石头。拿掉最后一块石头的人就是获胜者。假设
python - 如何检测碰撞？游戏
我正在创建平台游戏，有红色方 block (他们应该杀了我)和白色方 block (平台) 当我死时，我应该在当前级别的开始处复活。我做了碰撞检测，但它只有在我移动时才有效(当我跳到红色方 bloc
processing - 处理中的突围(游戏)
因此，我正在处理(编程语言)中创建游戏突破，但无法弄清楚检查与 bat 碰撞的功能。到目前为止，我写的关于与球棒碰撞的部分只是将球与底座碰撞并以相反的方向返回。目前，游戏是一种永无止境的现象，球只是
python - 有敌人射击玩家问题吗？游戏
我试图让我的敌人射击我的玩家，但由于某种原因，子弹没有显示，也没有向玩家射击我什至不知道为什么，我什至在我的 window 上画了子弹 VIDEO bulls = [] runninggame = T
java - 为什么球的大小不会增加？(游戏)
我正在尝试添加一个乒乓游戏框架。我希望每次球与 Racket 接触时球的大小都会增加。这是我的尝试。第一 block 代码是我认为问题所在的地方。第二 block 是全类。 public class
3D(游戏)引擎编程中使用的数学
我想知道 3D 游戏引擎编程通常需要什么样的数学？任何特定的数学(如向量几何)或计算算法(如快速傅立叶变换)，或者这一切都被 DirectX/OpenGL 抽象掉了，所以不再需要高度复杂的数学？最佳
c++ - 霸气C++游戏
我正在为自己的类(class)做一个霸气游戏，我一直在尝试通过添加许多void函数来做一些新的事情，但由于某种奇怪的原因，我的开发板无法正常工作，因为它说标识符“board”未定义，但是我有到目前为止
Java 游戏 - 按下鼠标并拖动鼠标
我在使用 mousePressed 和 mouseDragged 事件时遇到了一些问题。我正在尝试创建一款太空射击游戏，我希望玩家能够通过按下并移动鼠标来射击。我认为最大的问题是 mouseDragg
java - 重建一些代码以根据概率返回损坏或未命中(游戏)
你好，我正在尝试基于概率实现战斗和准确性。这是我的代码，但效果不太好。 public String setAttackedPartOfBodyPercent(String probability) {
Java纸牌游戏。 ( war 游戏)
所以我必须实现纸牌游戏 war 。我一切都很顺利，除了当循环达到其中一张牌(数组列表)的大小时停止之外。我想要它做的是循环，直到其中一张牌是空的。并指导我如何做到这一点？我知道我的代码可以缩短，但我现
Java 游戏 - 按下按键
我正在做一个正交平铺 map Java 游戏，当我的船移动到 x 和 y 边界时，按方向键，它会停止移动(按预期)，但如果我继续按该键，我的角色就会离开屏幕. 这是我正在使用的代码: @O
java spaceship 游戏
这里是 Ship、Asteroids、BaseShapeClass 类的完整代码。 Ship Class 的形状继承自 BaseShapeClass。 Asteroid类是主要的源代码，它声明了Gra
java - 重新启动程序/游戏
我正在开发这个随机数猜测游戏。在游戏结束时，我希望用户可以选择再次玩(或让其他人玩)。我发现了几个类似的线程和问题，但没有一个能够帮助我解决这个小问题。我很确定我可以以某种方式使用我的 while 循
JavaScript 游戏 : What should i know?
我认为作为一个挑战，我应该编写一个基于 javascript 的游戏。我想要声音、图像和输入。模拟屏幕的背景(例如 640x480，其中包含我的所有图像)对于将页面的其余部分与“游戏”分开非常有用。我
c - 如何释放C中列表列表中的节点？ (游戏)
我正在制作一个游戏，我将图标放在网格的节点中，并且我正在使用这个结构: typedef struct node{ int x,y; //coordinates for graphics.h
Javascript 游戏，让宇宙飞船按间隔射击
我正在研究我的游戏技能(主要是阵列)来生成敌人，现在子弹来击倒他们。我能够在测试时设置项目符号，但只有当我按下一个键(比方说空格键)并且中间没有间隔时才可见，所以浏览器无法一次接受那么多。有没有什么

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - JavaScript游戏引擎—编辑器:) ERRORS in Inspector?中的代码运行