Aiuto javascript

Victor Tufino · 15 Nov 2013

Ciao , avrei bisogno di una mano , in pratica ho creato lo spazio dove deve essere eseguito il gioco , con i vari bottoni ecc , ora devo creare la navicella ( non voglio fare la aprte grafica mi basta soltato la navicella sotto forma di carattere es: [A|A] ) VOGLIO POSIZIONARE LA navicella in basso alla finestra e vorrei poterla spostare a destra e sinistra all' interno di essa
questo è il codice creato fin ora:

HTML:

 <html>
 <head>
 <SCRIPT LANGUAGE="JavaScript">
 function tuttosinistra(){
 }
 function Asinistra(){
 }
 function spara(){
 }
 function Adestra(){
 }
 function tuttodestra(){
 }

 </SCRIPT>
 </head>
 <BODY onload="onloadmes()"><BR><BR>
 <FORM NAME="schemagioco">
 <center>
 <textarea NAME="win" rows=20 cols=60>
 SPACE INVADERS 
 </textarea>
 </center>
 </textarea>
 </center>
 <center>
 <BR>
 <INPUT TYPE="button" VALUE=" <--- " ONCLICK="tuttosinistra()">
 <INPUT TYPE="button" VALUE=" SINISTRA " ONCLICK="Asinistra()">
 <INPUT TYPE="button" VALUE=" SPARA " ONCLICK="spara()">
 <INPUT TYPE="button" VALUE=" DESTRA " ONCLICK="destra()">
 <INPUT TYPE="button" VALUE=" ---> " ONCLICK="tuttodestra()">
 </BR>
 </center>
 <br><p>
 <center>
 <pre><INPUT TYPE="button" VALUE=" RINIZIA " ONCLICK="rinizio()"></pre>
 </center>
 </FORM>
 <hr></hr>
 <pre> <CENTER> VICTOR TUFINO </CENTER> </PRE>
 </BODY>
 </html>

criric · 16 Nov 2013

Ciao, usi una sintassi HTML vecchissima
ti ho aggiornato un po il codice sfruttando ache i css

HTML:

<html>
    <head>
        <style type="text/css">
            html body {
                text-align: center;
            }
            h3 {
                margin:0;
                padding:2px;
            }
            input {
                font-family: Courier;
                cursor: pointer;
                font-weight: bold;                
            }
            div#header {

            }
            div#screen {
                background-color: black;
                border:2px solid red;
                width: 600px;
                height:400px;
                margin: auto;
            }
            div#panel {
                width: 800px;
                margin: auto;
                height: 60px;
                line-height: 60px;
            }
            div#panel input {
                padding:5px 10px;
                font-size: 1.3em;
            }
            div#space {
                height:380px;
            }
            div#spaceship {
                color:#FFF;    
                font-weight: bold;
                width: 40px;
            }
            div#command{
                height: 40px;
                line-height: 40px;
            }
            div#footer{
                border-top:2px solid black;
                height: 40px;
                line-height: 40px;
            }
        </style>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(document).keydown(function(e) {
                    if(e.keyCode == 39) {
                        $("#spaceship").css({marginLeft:"+=10px"})
                    }
                    if(e.keyCode == 37) {
                        $("#spaceship").css({marginLeft:"-=10px"})
                    }
                });
            });            
        </script>
    </head>
    <body>
        <div id="header">
            <h3>SPACE INVADERS</h3>
        </div>
        <div id="screen">
            <div id="space"></div>
            <div id="spaceship">[A|A]</div>
        </div>
        <div id="panel">
            <input type="button" id="sin" value=" SINISTRA "/>
            <input type="button" value=" SPARA "/>
            <input type="button" id="des" value=" DESTRA "/>
        </div>
        <div id="command">
            <input type="button" value=" RINIZIA "/>
        </div>
        <div id="footer">
            VICTOR TUFINO 
        </div>
    </body>
</html>

Perchè vuoi usare i button quando puoi sfruttare le frecce della tastiera?
Vedi se riesci a cambiare il titolo della discussione con qualcosa che faccia capire di cosa stiamo parlando tioo "Gioco in javascript"

Cerca

Cerca

Aiuto javascript

Victor Tufino

Nuovo Utente

criric

Super Moderatore

Discussioni simili