純js寫小遊戲

html部分：

*

/* 大盒子容器 */
#div1
/* 彈動的小球 */
.ball
/* 底部小滑塊 */
.slide
/* 頂部磚塊的父級盒子 */
.brick
/* 頂部磚塊 */
.brick div

window.onload = function () 

if (ball.offsettop < 0) 
if (ball.offsettop >= 580) 
//小球和滑塊碰撞
if (knoke(slide, ball)) 
//小球與磚塊碰撞
for (let k = 0; k < bricks.length; k++) 
}ball.style.left = ball.offsetleft + speedx + 'px';
ball.style.top = ball.offsettop - speedy + 'px';
}, 30)
//設定滑塊運動的函式
function dragx(ele) 
if (l >= 500) 
ele.style.left = l + 'px';}}
document.onmouseup = function () 
}//隨機顏色
function randomcolor() 
//建立磚塊的函式
function creatbrick(n) 
//這樣頁面只要重繪一次就能新增所有的磚塊節點
for (let n = 0; n < bricks.length; n++) 
for (let m = 0; m < bricks.length; m++) 
}//碰撞檢測的函式
function knoke(node1, node2)  else }}

js寫的一款前端小遊戲

拖延症晚期的我原本計畫趁著週末寫個年終總結，但是一直沒有什麼思路，想來想去也沒想到要寫啥就胡亂寫了這麼乙個小東西。一直比較痴迷遊戲行業，可能我不太適合做前端，應該去學c 首先當然是選擇一張背景圖，作為整個場景中的地圖，而且要大要高畫質。布局到頁面中。然後通過可視區值展示這張的一小部分。我這裡用的是寬...

純js寫「運動」框架

所謂 運動 不一定真的是運動，在連續的一段時間內改變某一樣式都可以成為 運動 先寫幾個會用到的函式 獲取某一元素的指定樣式 function getstyle element,target else 填充digits長度的十六進製制數 function zero fill hex num,digit...

JS寫懷舊小遊戲系列（四）貪吃蛇

直接copy 到html檔案下直接可以執行玩。tips 老鳥跳過，希望對新手有所幫助 ie element.innertext ff element.textcontent setattribute cellpadding 0 在ie中無效，正確寫法cellpadding 一不小心就犯錯了 ff中，...