Jump to content

vmars316

Members
  • Content Count

    398
  • Joined

  • Last visited

Everything posted by vmars316

  1. Thanks Folks , Foxy: I set up this: var Thrower = function() { var self = this; ? outside of Thrower/thrower methods , can I use Thrower.x anywhere ? Human: Thanks , directionX did solve the moving problem .
  2. Sorry to say , neither < > nor [ code][ /code] are working for me . Is there a limit on how many < > Post ?
  3. Hello & Thanks , 1) Are the following objects set up correctly ? function startGame() { var Thrower = function () { this.idTag = 'thrower'; this.x = 0; this.y = canvas.height - 64; this.width= 64; this.height = 64; this.speedX = 1; this.speedY = 0; this.visible = true; this.direction = 1; this.moveMe = false ; this.update = function() { // this.x = this.x + (this.speedX * this.directionX); // always = +1 or -1 } thrower.x = this.x + (this.speedX * this.directionX); // always = +1 or -1 } this.moveMe = false; // thrower.moveMe = false; } } // thrower = new Thrower(); thrower.idTag = 'thrower'; thrower.x = 0; thrower.y = canvas.height - 64; thrower.width= 64; thrower.height = 64; thrower.speedX = 1; thrower.speedY = 0; thrower.visible = true ; thrower.direction = 1; thrower.moveMe = true ; myGameArea.start(); } 2) Why am I getting a 'NaN' from : /*120*/ document.getElementById("thrower.xywh").innerHTML = thrower.x; See full code (178 lines) below: Sorry to say , neither <> icon nor [ code][ /code], are working for me , is there a limit on how many <> in one Post ? Thanks
  4. Awesome , now they both work , locally and online . THANKS
  5. Hmm... Yes , that's interesting . this one: <input type="button" onclick="window.reload(); return false;" value="click me" /> </a> runs fine , locally , no errors . This one run locally , gives this error: <input type="button" onclick="window.reload(); return false;" value="click me" /> mozilla.org-Breakout-All-ReadOnly-vmTest01.html:18 Uncaught TypeError: window.reload is not a function Run online: they both get errors: <input type="button" onclick="window.reload(); return false;" value="click me" /> </a> mozilla.org-Breakout-All-ReadOnly-vmTest01.html:16 Uncaught TypeError: window.reload is not a functiononclick @ mozilla.org-Breakout-All-ReadOnly-vmTest01.html:16 <input type="button" onclick="window.reload(); return false;" value="click me" /> mozilla.org-Breakout-All-ReadOnly-vmTest01.html:18 Uncaught TypeError: window.reload is not a function The surrounding code looks like this: I can Post the whole code if you like , its 196 lines . You can run it here: http://liesandcowpies.com/javascript/mozilla.org-Breakout-All-ReadOnly-vmTest01.html It's the breakout game , with a few additions . Thanks
  6. Hello & Thanks , I would like to know why this doesn't work: <input type="button" onclick="window.reload(); return false;" value="click me" /> but this does: Thanks
  7. Ouch . Sorry , my dyslexia gets the best of me sometimes . I've seen the term 'bbcode' . Until , you used the term 'bbcode' in this context , I didn't realize that this markup is called 'bbcode' . Also , it would be more clear (to me) if the icons used above were ' ' and '
  8. Oops , its not working for me . Pls , what am I doing wrong ? <code> function continueOrCancel(){ var x; var r = confirm(" function continueOrCancel() \nPress OK to continue...\nElse\nPress Cancel to Abort javascript ."); if (r == true) { alert("You pressed OK! Let's Continue..."); } else { if(true){alert(" function continueOrCancel()\nInside ELSE , r= " + r); return; } } } <code> Thanks
  9. Hello & Thanks , When I copy code from , for example , http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open3 and paste it into my notepad++ *.html , it won't run . What I have to do is paste it into a wordpad *.text , then a save the file as 'DOS *.txt' , then copy that file & paste it into a notepad++ *.html file . then save that file . And voila , it runs fine . So , my question is : What format are the ' http://www.w3schools.com/jsref/tryit.asp?filename= ' files in ? And is there an easier way to do this ? Thanks
  10. Oh , I interpreted "(spaces before code intentional)." to mean this is how to do it . Thanks
  11. It is supposed to Exit the script . which it does , always , all browsers .
  12. thescientist ; Hello & Thanks , Learning javascript from w3schools , I often the code there as a starting point . But what happens when , I ask a question regarding code , I often paste that code into the question text . But when I use the < code> or < quote> icons , often times it deletes part of the code . For example , here is some code as regular text : // function writeTraceLog(oneTraceLine){ document.getElementById("traceMsg").innerHTML += ( "<br> " + oneTraceLine); } // function continueOrCancel(){ var txt; var r = confirm("Press OK to continue... Else... Press Cancel to Abort javascript ."); if (r == true) { txt = "You pressed OK!\n let's continue..."; } else { } } // Here is the same code using < code> icon : Well, well , it usually just deletes a few lines here and there . Today it deleted the whole code . The problem is further troublesome , because it looks normal in the Edit and Preview window . It isn't evident til I look at what actually gets posted . Here is the same code as < quote> : Hmm , its working today . Here is the same code plugging in the < code> manually : < code> // function writeTraceLog(oneTraceLine){ document.getElementById("traceMsg").innerHTML += ( "<br> " + oneTraceLine); } // function continueOrCancel(){ var txt; var r = confirm("Press OK to continue... Else... Press Cancel to Abort javascript ."); if (r == true) { txt = "You pressed OK!\n let's continue..."; } else { } } // </ code> Hmm... The code is there , but no colored background . Anyways , just thought I would mention it .
  13. addendum: BTW: The abort code above sometimes doesn't work , so I wrote new code here : http://liesandcowpies.com/javascript/abortJS.html I tried to Post it here , but couldn't get <code> or quote to work .
  14. Ah Thanks ! The += in document.getElementById("traceMsg").innerHTML += (oneTraceLine + "<br>"); is the piece I was missig . The whole code now works great and looks like :
  15. Pls then , will you show me an example of what I should use ? If I remove JUST the canvas element and leave in the <p id="traceLog" > writeTraceLog <br></p> <img id="scream" src="http://www.w3schools..._the_scream.jpg" alt="The Scream" width="220" height="277"> it prints , but overlays itself . Thanks
  16. Hello & Thanks , I am trying to show a log from js to html page . document.write(oneTraceLine + " <br>");} But with the canvas element present , I don't seem to be able to do that . The scaled down code exerpt below is an example of what I am trying to do , but actual js code is much much larger . What can I do to get this puppy working ? I am having trouble getting the <code> tags to work . So , I'll try QUOTES next :
  17. Ah , very cool ! Thanks davej
  18. Hello & Thanks , I can't get this game to end: See lines 118 - 122 else { gameOver = true ; and lines 132 - 135 if (gameOver) { alert('clearInterval = ' + gameOver); clearInterval(draw); } Pls, what am I doing wrong ? <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Gamedev Canvas Workshop - lesson 7: collision detection</title> <style>* { padding: 0; margin: 0; } canvas { background: #eee; display: block; margin: 0 auto; }</style> </head> <body> <canvas id="myCanvas" width="480" height="320"></canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); var ballRadius = 10; var x = canvas.width/2; var y = canvas.height-30; var dx = 2; var dy = -2; var paddleHeight = 10; var paddleWidth = 75; var paddleX = (canvas.width-paddleWidth)/2; var rightPressed = false; var leftPressed = false; var gameOver = false; var brickRowCount = 5; var brickColumnCount = 3; var brickWidth = 75; var brickHeight = 20; var brickPadding = 10; var brickOffsetTop = 30; var brickOffsetLeft = 30; var bricks = []; for(c=0; c<brickColumnCount; c++) { bricks[c] = []; for(r=0; r<brickRowCount; r++) { bricks[c][r] = { x: 0, y: 0, status: 1 }; } } document.addEventListener("keydown", keyDownHandler, false); document.addEventListener("keyup", keyUpHandler, false); function keyDownHandler(e) { if(e.keyCode == 39) { rightPressed = true; } else if(e.keyCode == 37) { leftPressed = true; } } function keyUpHandler(e) { if(e.keyCode == 39) { rightPressed = false; } else if(e.keyCode == 37) { leftPressed = false; } } function collisionDetection() { for(c=0; c<brickColumnCount; c++) { for(r=0; r<brickRowCount; r++) { var b = bricks[c][r]; if(b.status == 1) { if(x > b.x && x < b.x+brickWidth && y > b.y && y < b.y+brickHeight) { dy = -dy; b.status = 0; } } } } } function drawBall() { ctx.beginPath(); ctx.arc(x, y, ballRadius, 0, Math.PI*2); ctx.fillStyle = "#0095DD"; ctx.fill(); ctx.closePath(); } function drawPaddle() { ctx.beginPath(); ctx.rect(paddleX, canvas.height-paddleHeight, paddleWidth, paddleHeight); ctx.fillStyle = "#0095DD"; ctx.fill(); ctx.closePath(); } function drawBricks() { for(c=0; c<brickColumnCount; c++) { for(r=0; r<brickRowCount; r++) { if(bricks[c][r].status == 1) { var brickX = (r*(brickWidth+brickPadding))+brickOffsetLeft; var brickY = (c*(brickHeight+brickPadding))+brickOffsetTop; bricks[c][r].x = brickX; bricks[c][r].y = brickY; ctx.beginPath(); ctx.rect(brickX, brickY, brickWidth, brickHeight); ctx.fillStyle = "#0095DD"; ctx.fill(); ctx.closePath(); } } } } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawBricks(); drawBall(); drawPaddle(); collisionDetection(); if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) { dx = -dx; } if(y + dy < ballRadius) { dy = -dy; } else if(y + dy > canvas.height-ballRadius) { if(x > paddleX && x < paddleX + paddleWidth) { dy = -dy; } else { gameOver = true ; alert("GAME OVER = " + gameOver); // document.location.reload(); } } if(rightPressed && paddleX < canvas.width-paddleWidth) { paddleX += 7; } else if(leftPressed && paddleX > 0) { paddleX -= 7; } x += dx; y += dy; if (gameOver) { alert('clearInterval = ' + gameOver); clearInterval(draw); } } setInterval(draw, 10); </script> </body> </html>
  19. Ok , I see , those are just properties , just a more complex version of below: var person = { firstName: "John", lastName : "Doe", id : 5566 }; While I've got ya on the phone , let me ask : window.addEventListener('keydown', function (e) { myGameArea.key = e.keyCode; } is ' e ' a reserved word ? Also myGamePiece = new component(30, 30, "red", 10, 120); is 'component' a reserved word ? Pls , where can I find a list of all js reserved word ? Thanks again..
  20. Hello & Thanks , I am making my way thru game tutorial - http://www.w3schools.com/games/tryit.asp?filename=trygame_controllers_keys and I would like to know , what is the purpose of a 'name :' label ( canvas : , start : , clear : ) ? var myGameArea = { canvas : document.createElement("canvas"), start : function() { this.canvas.width = 480; this.canvas.height = 270; this.context = this.canvas.getContext("2d"); document.body.insertBefore(this.canvas, document.body.childNodes[0]); this.interval = setInterval(updateGameArea, 20); window.addEventListener('keydown', function (e) { myGameArea.key = e.keyCode; }) window.addEventListener('keyup', function (e) { myGameArea.key = false; }) }, clear : function(){ this.context.clearRect(0, 0, this.canvas.width, this.canvas.height); } Also , for ' ("canvas"), ' , why the comma ' , ' ? Thanks
  21. Ok davej , I was able to do it two ways , 1) via .html , and 2) via .js . 1) .html way: lines 35 and 84 thru 88 . 2) .js way , lines 35 and 89 thru 91. Running game here: http://liesandcowpies.com/quickjs/BenghaziGame.html Thanks <!DOCTYPE html> <!-- // programName: BenghaziGame.html http://pastebin.com/jPaFjcWk Running online: http://liesandcowpies.com/quickjs/BenghaziGame.html --> <html> <head> <meta charset="utf-8" /> <link rel="shortcut icon" type="image/png" href="icon16.png" /> <script type='text/javascript' src="quick.js"></script> <style> #assets { height: 1px; overflow: hidden; visibility: hidden; width: 1px; } body { background-color: Black; margin: 0; overflow: hidden; padding: 0; } canvas { cursor: none; } table { color: #E1E1E1; background-color: #992D2D; height: 24px; width: 800px; border: none; } </style> </head> <body> <!-- html way: <body onresize="bodyResize()"> --> <div> <table align="center"> <tr> <td width="10%"> totalScore </td> <td id="totalScore" width="5%"> </td> <td width="8%"></td> <td width="10%"> oops! </td> <td id="oopsScore" width="5%"> </td> <td width="8%"></td> <td width="10%"> goodHits </td> <td id="goodHits" width="5%"> </td> <td width="8%"></td> <td width="10%"> totalShots </td> <td id="totalShots" width="5%"> </td> </tr> </table> </div> <div align="center"> <canvas id="canvas" width="800" height="600"></canvas> </div> <div id="assets"> <img id="bgCompound" src="sprites/bgCompound.png" width="320" height="191" /> <img id="manufacturer" src="sprites/manufacturer.png" width="180" height="100" /> <img id="restartBtn" src="sprites/RestartButton.png" width="100" height="25" /> <img id="pauseBtn" src="sprites/PauseButton.png" width="100" height="25" /> <img id="playBtn" src="sprites/PlayButton.png" width="100" height="25" /> <img id="quitBtn" src="sprites/QuitButton.png" width="100" height="25" /> <img id="truth01Sprite" src="sprites/truth01.png" width="64" height="64" /> <img id="lies01Sprite" src="sprites/lies01.png" width="64" height="64" /> <img id="truth02Sprite" src="sprites/truth02.png" width="64" height="64" /> <img id="lies02Sprite" src="sprites/lies02.png" width="64" height="64" /> <img id="truth03Sprite" src="sprites/truth03.png" width="64" height="64" /> <img id="lies03Sprite" src="sprites/lies03.png" width="64" height="64" /> <img id="truth04Sprite" src="sprites/truth04.png" width="64" height="64" /> <img id="lies04Sprite" src="sprites/lies04.png" width="64" height="64" /> <img id="sparkSprite" src="sprites/transSpark.png" width="28" height="28" /> <img id="pointerSprite" src="sprites/handPointerT.png" width="31" height="36" /> <img id="throwerSprite" src="sprites/thrower.png" width="64" height="64" /> <img id="cowpieSprite" src="sprites/cowpie.png" width="32" height="32" /> <audio id="closeDoor" src="sounds/CloseDoor.ogg"></audio> <audio id="battleFire" src="sounds/BattleFire.ogg"></audio> <audio id="oops" src="sounds/oops.ogg"></audio> <audio id="Hillary-WhatDiff" src="sounds/Splat-Hillary-WhatDiff.ogg"></audio> <audio id="byebye" src="sounds/GoodByeFemale.ogg"></audio> <audio id="cymbals" src="sounds/Cymbals.ogg"></audio> <audio id="pling" src="sounds/Pling.ogg"></audio> <audio id="pingSound" src="sounds/ping.ogg"></audio> <audio id="pongSound" src="sounds/pong.ogg"></audio> </div> <!-- html way: <script type='text/javascript'> function bodyResize() { // alert('.html bodyResize from Html. '); location.reload(); } </script> ELSE .js way: <script type="text/javascript" > window.addEventListener("resize", function(){ location.reload(); } ); </script> --> <script type='text/javascript' src="BenghaziGame.js"></script> </body> </html>
×
×
  • Create New...