醜憨批的html實戰

2021-10-03 07:19:11 字數 3289 閱讀 9543

貪吃蛇

<

!doctype html>

"en"

>

"utf-8"

>

="viewport" content=

"width=device-width, initial-scale=1.0"

>

"x-ua-compatible" content=

"ie=edge"

>

貪吃蛇<

/title>

<

/head>

<

style

>

* #container

#maper

#map-bg

#map-bg td

.snake

.food

#controler

/* #con1

#con2

#con3

#con4 *

/ #controler button

#speed

<

/style

>

"container"

>

"maper"

>

"map-bg"

>

<

!-- js動態插格仔 -->

<

!--

<

/td>

<

/td>

<

/td>

<

/tr>

<

/td>

<

/td>

<

/td>

<

/tr>--

>

<

/table>

<

!-- snake -->

<

!--

="snake"

>

<

/div>

="snake"

>

<

/div>

="food"

>

<

/div>--

>

<

/div>

"controler"

>

"con1"

>開始<

/button>

"con2"

>設定<

/button>

"con3"

>退出<

/button>

"con4"

>幫助<

/button>

"speed"

>速度<

/div>

<

/div>

<

/div>

var ofood;

var direction =

'right';

var timeee;

var obtnstrart = document.getelementbyid(

'con1');

'maper');

var omaptable = document.getelementbyid(

'map-bg');//

/1.初始化地圖

for(var row =

0; row <

20; row++)

; }

///2.初始化蛇

var snakebody = ;

for(var i =

2; i >=

0; i-

-) ;

; snakebody.push(odiv)

; }

// console.log

(snakebody);/

/3.初始化食物

function producefood(

) }

ofood = document.createelement(

'div');

ofood.classname =

'food';

ofood.style.top = itop +

'px';

ofood.style.left

= ileft +

'px';

ofood.pos= ;

} while

(!bflag);

}producefood();

function snakemove(

) if

(direction =

='right')

if(direction =

='left')

if(direction =

='up')

///吃食物

if(snakehead.offsetleft =

= ofood.offsetleft &

& snakehead.offsettop =

= ofood.offsettop) else }/

//蛇移動後的當前位置記錄更新

for(var i =

0; i < snakebody.length

; i++)

///蛇吃自己

for(var i=

4;i;i++

) }/

//奢侈邊界

if(snakehead.offsetleft<

-20||snakehead.offsetleft>

631 ||snakehead.offsettop<

-20||snakehead.offsettop>

421)

}obtnstrart.onclick =

function

() ,

300)

; }

}document.onkeydown =

function

(e) elseif(

key==39

) elseif(

key==38

) elseif(

key==37

) snakemove();

}<

/script>

<

/body>

<

/html>

憨憨的學習筆記01 框架是啥

程式開發中的框架 例如1000萬 行的qt 往往是對常見功能的封裝 類似於成語對常用含義的代指,不同點在於應用框架最終對cpu表達含義時候會把成語替換為原本含義 通過函式呼叫 拋開框架,程式會變得因缺少一些 固定成語 函式 的 釋義 函式實現 而變得無法執行。所以,程式框架理解為基礎或者機械標準件 ...

BJTU1923 憨中憨的幽蘭拿鐵

3000ms 256mb 鐵憨憨騎士團團長憨中憨有著特殊的能力來激發騎士的鬥志 他會泡好喝的幽蘭拿鐵,一杯幽蘭拿鐵能激發一位騎士的鬥志。製作一杯拿鐵需要 種原材料,每種原材料各需要 1,2,份,憨中憨現有每種原材料各?1,2,份。另外,他還有另外 份萬能材料,每乙份萬能材料都能作為任意一種原材料的乙...

BJTU1940 鐵憨憨騎士團的回文對稱

在遙遠的憨憨王國,有乙個鐵憨憨騎士團。這天,騎士團團員憨森有了乙個偉大的結論 回文就是對稱,對稱就是回文!對於乙個括號序列來說,如果這個序列從左往右讀和從右往左讀,每個字元都是一樣的,那麼我們說這個序列是回文的。對於乙個括號序列來說,如果我們把這個序列的每個元素反轉 左括號變成右括號,右括號變成左括...