버튼을 두 번 이상 클릭하십시오

장애가있는 아들을 위해 간단한 하나의 슈팅 게임을 만들려고 노력하고 있습니다. 나는 총알을 쏘기 위해 잘 작동하지만 2, 3 등을 발사 할 수는 없습니다. 버튼이 클릭됩니다. 나는 코딩의 실제 라인에 대한 답이 도움이 될 수 있도록 기본적인 코딩에 익숙하지 않다. 는 당신에게 NickR버튼을 두 번 이상 클릭하십시오

감사이

<style id="game-css"> 
#missile{ 
position:fixed; 
top: 640px; 
left:820px; 
width:0px; 
height:0px; 
background:#ffffff; 
} 
#missile>div{ 
position:absolute; 
top: -4px; 
width:4px; 
height:10px; 
border-radius:10px 10px 0 0 ; 
background:black; 
} 
#fire{ 
image:shooter.jpg; 
width:140px; 
height:190px; 
} 
</style> 

</head> 
<body bgcolor="#ffffff"> 
<marquee behavior="scroll" direction="left" scrollamount="15"> 
<img src="diamond.jpg" /><img src="diamond.jpg" /> 
<img src="star.jpg" /><img src="diamond.jpg" /><img src="star.jpg" /> 
<img src="bomm.jpg" /><img src="diamond.jpg" /><img src="star.jpg" /></marquee> 
<br><marquee behavior="scroll" direction="right" scrollamount="10"> 
<img src="diamond.jpg" /><img src="diamond.jpg" /><img src="bomm.jpg" /> 
<img src="diamond.jpg" /><img src="diamond.jpg" /><img src="diamond.jpg" /> 
<img src="bomm.jpg" /><img src="diamond.jpg" /><img src="star.jpg" /></marquee> 
<br><marquee behavior="scroll" direction="left" scrollamount="20"> 
<img src="diamond.jpg" /><img src="star.jpg" /><img src="bomm.jpg" /> 
<img src="diamond.jpg" /><img src="star.jpg" /><img src="diamond.jpg" /> 
<img src="star.jpg" /></marquee> 
<TABLE borderColor="#ffffff" cellSpacing="0" cellPadding="0" width="100%" border="0"> 
<TR valign=bottom align=center> 
<!--LEFT--> 
<TD align=center width="30%" bgcolor="#ffffff"><font face="arial, helvetica" size="6" 
color="#000000"><br><br><br><br><br><img src="rules.jpg"></font></TD> 
<!--MIDDLE--> 
<TD align=center width="40%" bgcolor="#ffffff"><font face="arial, helvetica" size="6" 
color="#000000"><br><br><br><br><br><img src="shooter.jpg" border="0" id="fire" alt="Click to 
shoot"></font></TD> 
<!--RIGHT--> 
<TD align=center width="30%" bgcolor="#ffffff"><font face="arial, helvetica" size="6" 
color="#000000"><br><br><br><br><br><img src="goal.jpg"> 
<br><br><img src="bullets.jpg"></font></TD> 
</TR> 
</TABLE> 
<div id="missile"><div></div></div> 

<script>$(document).ready(function(){ 

     $('#fire').click(function(){ 
     $('#missile').animate({top:-400},1500); 

}); 

}); 

</script> 


</body> 
</html>

문제가 해결 게임 테스터 내 코드 당신 감사

출처

2014-02-19 Sha

구현에 어떤 언어를 사용합니까? –

친절하게도 게임을 빌드하는 데 사용하는 플랫폼/언어를 언급합니다. – Shiva

코드는 jscript에 있습니다. 누군가가 "콜백"기능을 언급했지만 해당 코딩에 익숙하지 않습니다. 어떤 도움도 받으실 수 있습니다. – Sha

평신도 접근 방식은 코드가 한 번의 클릭 (이벤트)에 트리거 반복하는 것입니다.

하나의 글 머리 기호에 대해 하나의 글 머리 기호가 실행되면 (한번) 두 글 머리 기호가 코드를 두 번 반복 할 수 있습니다.

첫 번째 글 머리 기호 처리를 위해 작동 할 때 맞춤 이벤트를 실행 해 볼 수 있습니다. 이 시작 당신을 도움이 될 Fire a custom event with javascript (or jquery) when my function finishes

참조하십시오 :

var isRunning = false; 
document.getElementById('fire').addEventListener('click', function() { 
    if (isRunning) { 
     isRunning = false; 
     //code for stop fire 
    } else { 
     isRunning = true; 
     //code for start fire 
    } 
}, true);

이 여러 총알을 발사하는 데 도움이 될 수 있습니다.

고맙습니다.

출처

2014-02-19 11:23:53 Amar

동일한 코드를 복제하려고 시도했지만 어떤 이유에서든 총을 들고 사수에게 "refire"하지 않습니다. – Sha

첫 번째 이벤트가 끝났을 때 제 2의 "촬영"을 시도 할 수 있다는 사실을 알고 있으면 플렉스 개발자입니다. 코드를 공유 할 수 있습니까 ?? – Amar

콜백 또는 사용자 지정 이벤트를 사용합니다. 기본 google 검색에서 js에서 "element.addEventListener"를 찾았습니다. 액션 스크립트 (Flex)와 동일하게 작동합니다. 이 논리를 암시하십시오. – Amar

당신은 다음과 같이 수행 할 수 있습니다

$('#fire').click(function(){ 
    $('#missile').animate({top:-400},1500, function() { 
     // your callback 
     $('#missile').css({top: 'auto', bottom: '-100px'}); 
    }); 
});

그런 다음 콜백 함수에 당신의 위치를 재설정하고, 그리고 다시 클릭하면, 다음 애니메이션이 다시 실행됩니다.

출처

2014-02-19 12:13:02

좋은 솔루션처럼 보이지만 내 코드에 넣으면 아무 것도 찍지 않습니다. 1 글 머리 기호 – Sha

@Sha - http://jsfiddle.net/g9rUX/1/ 미리보기 영역을 상당히 확장해야하지만 잘 작동합니다. –

잘 가서 저격수를 클릭하면 아무 것도없고 총알이없고 스크롤하는 이미지가있는 흰색 배경이됩니다 – Sha

버튼을 두 번 이상 클릭하십시오

답변

관련 문제