Помогаем работать и общаться.

игра змейка

Публично отправил LoRD в 09:11 17-06-2012 с типом text и размером 10.49 Kb
Хранить: Вечно, просмотров: 207
В буфер! | Скачать!
  1. <html>
  2.  
  3.         <head>
  4.  
  5.                 <script type="text/javascript">
  6.  
  7.  
  8.  
  9.  
  10.  
  11.                         function cbsnake(){
  12.  
  13.                        
  14.  
  15.                                 //Pixels to move at once
  16.  
  17.                                 this.jump = 8;
  18.  
  19.                                 //Size of snake. Make this one less than jump. Doesn't have to be,but adds good effect
  20.  
  21.                                 this.sos = 7;
  22.  
  23.                                 //Size of board
  24.  
  25.                                 //DANGER!!! this.sofb must be EVENLY dividable by this.jump DANGER!!!!
  26.  
  27.                                 this.sofb = 400;
  28.  
  29.                                 //Set things up
  30.  
  31.                                 this.daway = this.sofb - this.jump;
  32.  
  33.                                 this.correct = new Array();
  34.  
  35.                                 this.correct[0] = 0;
  36.  
  37.                                 while(this.correct[this.correct.length -1] != this.daway){
  38.  
  39.                                         this.correct[this.correct.length] = this.correct[this.correct.length -1]+this.jump
  40.  
  41.                                 }
  42.  
  43.                                 this.zero = 0;
  44.  
  45.                                 var gameboard = ' <div class="board" id="board"> <div id="i2">  <a href=""></a>  <a href=""></a> </div> </div><div class="board" id="score"> <span id="cscore">0</span> <span id="buttons"> <button type="button" id="slow" onClick="snake.slow()">Slow</button> <button type="button" id="medium"  onClick="snake.medium()">Medium</button> <button type="button" id="fast"  onClick="snake.fast()">Fast</button> </span></div>';
  46.  
  47.                                 document.write(gameboard);
  48.  
  49.                         }
  50.  
  51.                        
  52.  
  53.                                 cbsnake.prototype.setup = function(setspeed){
  54.  
  55.                                         var thisObj = this;
  56.  
  57.                                         //Score...
  58.  
  59.                                         this.score = 0;
  60.  
  61.                                         //Snake Direction
  62.  
  63.                                         this.sdir = 'none';
  64.  
  65.                                         this.sdirb = 'none';
  66.  
  67.                                         this.sdirp = 'none';
  68.  
  69.                                         //Snake arrays
  70.  
  71.                                         this.ctop = new Array();
  72.  
  73.                                         this.cleft = new Array();
  74.  
  75.                                         //Top of snake class
  76.  
  77.                                         this.ctop[0] = 200;
  78.  
  79.                                         this.ctop[1] = -8;
  80.  
  81.                                         //Left of Snake class
  82.  
  83.                                         this.cleft[0] = 200;
  84.  
  85.                                         this.cleft[1] = -8;
  86.  
  87.                                         //current top of apple
  88.  
  89.                                         this.atop = 0;
  90.  
  91.                                         //current left of apple
  92.  
  93.                                         this.aleft = 0;
  94.  
  95.                                         //Milliseconds between move
  96.  
  97.                                         this.speed = setspeed;
  98.  
  99.                                         document.getElementById('board').innerHTML = '<div id="apple"></div><div id="snake0" class="snake"></div><div id="snake1" class="snake"></div>';
  100.  
  101.                                         this.moveapple();
  102.  
  103.                                         this.stopgame = false;
  104.  
  105.                                         setTimeout(function(){ thisObj.msnake() },this.speed);
  106.  
  107.                                         document.onkeydown = function(e){ return thisObj.snakedir(e); };
  108.  
  109.                                 }
  110.  
  111.                                 cbsnake.prototype.slow = function(){
  112.  
  113.                                         this.setup(100);
  114.  
  115.                                         this.buttons('true');
  116.  
  117.                                         document.getElementById('slow').blur();
  118.  
  119.                                 }
  120.  
  121.                                 cbsnake.prototype.medium = function(){
  122.  
  123.                                         this.setup(70);
  124.  
  125.                                         this.buttons('true');
  126.  
  127.                                         document.getElementById('medium').blur();
  128.  
  129.                                 }
  130.  
  131.                                 cbsnake.prototype.fast = function(){
  132.  
  133.                                         this.setup(30);
  134.  
  135.                                         this.buttons('true');
  136.  
  137.                                         document.getElementById('fast').blur();
  138.  
  139.                                 }
  140.  
  141.                                 cbsnake.prototype.rannum = function(num1,num2){
  142.  
  143.                                         num1 = parseInt(num1);
  144.  
  145.                                         num2 = parseInt(num2);
  146.  
  147.                                         var generator = Math.random()*(Math.abs(num2-num1));
  148.  
  149.                                         generator = Math.round(num1+generator);
  150.  
  151.                                         return generator;
  152.  
  153.                                 }
  154.  
  155.                                 cbsnake.prototype.moveapple = function(){
  156.  
  157.                                         var usethis = false;
  158.  
  159.                                         while(!usethis){
  160.  
  161.                                                 this.atop = this.correct[this.rannum(0,this.correct.length-1)];
  162.  
  163.                                                 this.aleft = this.correct[this.rannum(0,this.correct.length-1)];
  164.  
  165.                                                 if(this.numInArray(this.ctop,this.cleft,this.atop,this.aleft) == 0){
  166.  
  167.                                                         usethis = true;
  168.  
  169.                                                 }                      
  170.  
  171.                                         }
  172.  
  173.                                         document.getElementById('apple').style.top = this.atop+"px";
  174.  
  175.                                         document.getElementById('apple').style.left = this.aleft+"px";
  176.  
  177.                                 }
  178.  
  179.                                 cbsnake.prototype.snakedir = function(e){  
  180.  
  181.                                                 if(!e){
  182.  
  183.                                                         //IE...
  184.  
  185.                                                         e = window.event;
  186.  
  187.                                                 }
  188.  
  189.                                                 switch(e.keyCode){
  190.  
  191.                                                         case 38:
  192.  
  193.                                                                 if(this.sdir != 'down' && this.sdirp != 'down'){
  194.  
  195.                                                                         this.sdirb = 'up';
  196.  
  197.                                                                         this.sdirp = 'up';
  198.  
  199.                                                                 }
  200.  
  201.                                                                 break;
  202.  
  203.                                                         case 40:
  204.  
  205.                                                                 if(this.sdir != 'up' && this.sdirp != 'up'){
  206.  
  207.                                                                 this.sdirb = 'down';
  208.  
  209.                                                                 this.sdirp = 'down';
  210.  
  211.                                                                 }
  212.  
  213.                                                                 break;
  214.  
  215.                                                         case 37:
  216.  
  217.                                                                 if(this.sdir != 'right' && this.sdirp != 'right'){
  218.  
  219.                                                                 this.sdirb = 'left';
  220.  
  221.                                                                 this.sdirp = 'left';
  222.  
  223.                                                                 }
  224.  
  225.                                                                 break;
  226.  
  227.                                                         case 39:
  228.  
  229.                                                                 if(this.sdir != 'left' && this.sdirp != 'left'){
  230.  
  231.                                                                 this.sdirb = 'right';
  232.  
  233.                                                                 this.sdirp = 'right';
  234.  
  235.                                                                 }
  236.  
  237.                                                                 break;
  238.  
  239.                                                         case 32:
  240.  
  241.                                                                 if(this.sdir == 'none' && this.sdirp != 'none'){
  242.  
  243.                                                                         this.sdirb = this.sdirp;
  244.  
  245.                                                                         this.sdirp = 'none';
  246.  
  247.                                                                 }
  248.  
  249.                                                                 else{
  250.  
  251.                                                                 this.sdirp = this.sdir;
  252.  
  253.                                                                 this.sdirb = 'none';
  254.  
  255.                                                                 }
  256.  
  257.                                                                 break;
  258.  
  259.                                                 }
  260.  
  261.                                                 return this.stopgame;
  262.  
  263.                                                
  264.  
  265.                                 }
  266.  
  267.                                 cbsnake.prototype.msnake = function(){
  268.  
  269.                                         if(this.stopgame === false){
  270.  
  271.                                                 if(this.sdir != 'none'){
  272.  
  273.                                                         this.moveall();
  274.  
  275.                                                 }
  276.  
  277.                                                 var thisObj = this;
  278.  
  279.                                                 switch(this.sdir){
  280.  
  281.                                                                 case 'up':
  282.  
  283.                                                                         this.ctop[0] = this.ctop[0] - this.jump;
  284.  
  285.                                                                         document.getElementById('snake0').style.top = this.ctop[0]+"px";
  286.  
  287.                                                                         if((this.ctop[0] == this.zero && this.sdirb == 'up') || this.ctop[0] < this.zero){
  288.  
  289.                                                                                 this.gover();
  290.  
  291.                                                                         }
  292.  
  293.                                                                         break;
  294.  
  295.                                                                 case 'down':
  296.  
  297.                                                                         this.ctop[0] = this.ctop[0] + this.jump;
  298.  
  299.                                                                         document.getElementById('snake0').style.top = this.ctop[0]+"px";
  300.  
  301.                                                                         if((this.ctop[0] == this.daway && this.sdirb == 'down') || this.ctop[0] > this.daway){
  302.  
  303.                                                                                 this.gover();
  304.  
  305.                                                                         }
  306.  
  307.                                                                         break;
  308.  
  309.                                                                 case 'left':
  310.  
  311.                                                                         this.cleft[0] = this.cleft[0] - this.jump;
  312.  
  313.                                                                         document.getElementById('snake0').style.left = this.cleft[0]+"px";
  314.  
  315.                                                                         if((this.cleft[0] == this.zero && this.sdirb == 'left') || this.cleft[0] < this.zero){
  316.  
  317.                                                                                 this.gover();
  318.  
  319.                                                                         }
  320.  
  321.                                                                         break;
  322.  
  323.                                                                 case 'right':
  324.  
  325.                                                                         this.cleft[0] = this.cleft[0] + this.jump;
  326.  
  327.                                                                         document.getElementById('snake0').style.left = this.cleft[0]+"px";
  328.  
  329.                                                                         if((this.cleft[0] == this.daway && this.sdirb == 'right') || this.cleft[0] > this.daway){
  330.  
  331.                                                                                 this.gover();
  332.  
  333.                                                                         }
  334.  
  335.                                                                         break;
  336.  
  337.                                                 }
  338.  
  339.                                                 if(this.sdir != 'none'){
  340.  
  341.                                                         this.hitself();
  342.  
  343.                                                         this.happle();
  344.  
  345.                                                 }
  346.  
  347.                                         this.sdir = this.sdirb
  348.  
  349.                                         setTimeout(function(){ thisObj.msnake() },this.speed);
  350.  
  351.                                         }
  352.  
  353.                                 }
  354.  
  355.                                 cbsnake.prototype.gover = function(){
  356.  
  357.                                         if(!this.stopgame){
  358.  
  359.                                                 this.stopgame = true;
  360.  
  361.                                                 var inner = document.getElementById('board').innerHTML;
  362.  
  363.                                                 document.getElementById('board').innerHTML = inner+'<div id="notice">вы проигралли!  '+this.score+'</div><div id="i2">попробуйте еще раз <a href=""></a><a href=""></a></div>';
  364.  
  365.                                                 document.getElementById('apple').style.backgroundColor = '#D7BEBE';
  366.  
  367.                                                 for(i=0;i<this.cleft.length;i++){
  368.  
  369.                                                         document.getElementById('snake'+i).style.backgroundColor = '#BEBEBE';
  370.  
  371.                                                 }
  372.  
  373.                                                 this.buttons('');
  374.  
  375.                                         }
  376.  
  377.                                 }
  378.  
  379.                                 cbsnake.prototype.happle = function(){
  380.  
  381.                                         if(this.atop == this.ctop[0] && this.aleft == this.cleft[0]){
  382.  
  383.                                                 //HIT!!!
  384.  
  385.                                                 this.score++;
  386.  
  387.                                                 document.getElementById('cscore').innerHTML = this.score;
  388.  
  389.                                                 this.moveapple();
  390.  
  391.                                                 this.addsnake();
  392.  
  393.                                         }
  394.  
  395.                                 }
  396.  
  397.                                 cbsnake.prototype.addsnake = function(){
  398.  
  399.                                 var newsnake = document.createElement('div');
  400.  
  401.                                 var newid = 'snake'+this.cleft.length;
  402.  
  403.                                 newsnake.setAttribute('id',newid);
  404.  
  405.                                 //this crap is for IE. I would rather add the class name.
  406.  
  407.                                 newsnake.style.position = 'absolute';
  408.  
  409.                                 newsnake.style.top = '-10px';
  410.  
  411.                                 newsnake.style.left = '-10px';
  412.  
  413.                                 newsnake.style.display = 'none';
  414.  
  415.                                 newsnake.style.backgroundColor = 'black';
  416.  
  417.                                 newsnake.style.height = '7px';
  418.  
  419.                                 newsnake.style.width = '7px';
  420.  
  421.                                 newsnake.style.overflow = 'hidden';
  422.  
  423.                                 document.getElementById('board').appendChild(newsnake);
  424.  
  425.                                 this.cleft[this.cleft.length] = -10;
  426.  
  427.                                 this.ctop[this.ctop.length] = -10;
  428.  
  429.                                 }
  430.  
  431.                                 cbsnake.prototype.moveall = function(){
  432.  
  433.                                         var i = this.ctop.length - 1;
  434.  
  435.                                         while(i != 0){
  436.  
  437.                                                 document.getElementById('snake'+i).style.top = document.getElementById('snake'+(i-1)).style.top;
  438.  
  439.                                                 document.getElementById('snake'+i).style.left = document.getElementById('snake'+(i-1)).style.left;
  440.  
  441.                                                 document.getElementById('snake'+i).style.display = 'block';
  442.  
  443.                                                 this.ctop[i] = this.ctop[i-1];
  444.  
  445.                                                 this.cleft[i] = this.cleft[i-1];
  446.  
  447.                                                 i = i - 1;
  448.  
  449.                                         }
  450.  
  451.                                 }
  452.  
  453.                                 cbsnake.prototype.numInArray = function(array,array2,value,value2){
  454.  
  455.                                         var n = 0;
  456.  
  457.                                         for (var i=0; i < array.length; i++) {
  458.  
  459.                                                 if (array[i] === value && array2[i] === value2) {
  460.  
  461.                                                         n++;
  462.  
  463.                                                 }
  464.  
  465.                                         }
  466.  
  467.                                         return n;
  468.  
  469.                                 }
  470.  
  471.                                 cbsnake.prototype.hitself = function(){
  472.  
  473.                                         if(this.numInArray(this.ctop,this.cleft,this.ctop[0],this.cleft[0]) > 1){
  474.  
  475.                                                 this.gover();
  476.  
  477.                                         }
  478.  
  479.                                 }
  480.  
  481.                                 cbsnake.prototype.buttons = function(setto){
  482.  
  483.                                         document.getElementById('slow').disabled = setto;
  484.  
  485.                                         document.getElementById('medium').disabled = setto;
  486.  
  487.                                         document.getElementById('fast').disabled = setto;
  488.  
  489.                                 }
  490.  
  491.                 </script>
  492.  
  493.                 <style type="text/css">
  494.  
  495.                         .board{
  496.  
  497.                         width: 399px;
  498.  
  499.                         background-color: lightgrey;
  500.  
  501.                         border: 1px solid gray;
  502.  
  503.                         position: relative;
  504.  
  505.                         margin-left: 0;
  506.  
  507.                         margin-top: 0;
  508.  
  509.                         }
  510.  
  511.                         #board{
  512.  
  513.                         height: 399px;
  514.  
  515.                         border-bottom: 0px;
  516.  
  517.                         }
  518.  
  519.                         #apple{
  520.  
  521.                         position: absolute;
  522.  
  523.                         background-color: red;
  524.  
  525.                         height: 7px;
  526.  
  527.                         width: 7px;
  528.  
  529.                         overflow: hidden;
  530.  
  531.                         }
  532.  
  533.                         .snake{
  534.  
  535.                         position: absolute;
  536.  
  537.                         top: 200px;
  538.  
  539.                         left: 200px;
  540.  
  541.                         background-color: black;
  542.  
  543.                         height: 7px;
  544.  
  545.                         width: 7px;
  546.  
  547.                         overflow: hidden;
  548.  
  549.                         }
  550.  
  551.                         .snake2{
  552.  
  553.                         position: absolute;
  554.  
  555.                         top: -10px;
  556.  
  557.                         left: -10px;
  558.  
  559.                         background-color: black;
  560.  
  561.                         height: 7px;
  562.  
  563.                         width: 7px;
  564.  
  565.                         overflow: hidden;
  566.  
  567.                         }
  568.  
  569.                         #score{
  570.  
  571.                         height: 50px;
  572.  
  573.                         margin-top: 0px;
  574.  
  575.                         }
  576.  
  577.                         #cscore{
  578.  
  579.                         color: black;
  580.  
  581.                         padding-left: 10px;
  582.  
  583.                         float: left;
  584.  
  585.                         width: 25%;
  586.  
  587.                         font-size: xx-large;
  588.  
  589.                         }
  590.  
  591.                         #buttons{
  592.  
  593.                         float: right;
  594.  
  595.                         width: 50%;
  596.  
  597.                         text-align: right;
  598.  
  599.                         padding-top: 10px;
  600.  
  601.                         }
  602.  
  603.                         #notice{
  604.  
  605.                         position: absolute;
  606.  
  607.                         top: 1em;
  608.  
  609.                         left: 1em;
  610.  
  611.                         right: 1em;
  612.  
  613.                         text-align: center;
  614.  
  615.                         font-size: 150%;
  616.  
  617.                         }
  618.  
  619.                         #i2{
  620.  
  621.                         position: absolute;
  622.  
  623.                         bottom: 1em;
  624.  
  625.                         left: 1em;
  626.  
  627.                         right: 1em;
  628.  
  629.                         text-align: center;
  630.  
  631.                         font-size: 95%;
  632.  
  633.                         }
  634.  
  635.                 </style>
  636.  
  637.         </head>
  638.  
  639.         <body>
  640.  
  641.  
  642.  
  643. <script type="text/javascript">
  644.  
  645. var snake = new cbsnake();
  646.  
  647. </script>
  648.  
  649.  
  650.  
  651.         </body>
  652.  
  653.  
  654.  
  655. </html>

Комментируй
Исходный текст
g 31 сек назад

g

d 37 мин назад

d

DXM 1 час назад

зломби