2017-08-06 80 views
-2

我有任務寫一個字段包含在隨機字段位置的正方形的遊戲。點擊方塊後,它應該「死亡」(然後產生0-2個新方格),並且玩家提高他的得分。我的框架是Bootstrap。 主要的東西 - 不使用畫布(正方形應該是簡單的HTML元素) 什麼HTML元素可以用於方形元素? 也許這是簡單的表單元格是正方形作爲正方形的HTML元素

+0

或許是肯定的。它可以是你喜歡的每一個元素。 –

回答

0

只需使用<div>並使用CSS進行設計。例如,

div.square 
 
{ 
 
    height: 50px; 
 
    width: 50px; 
 
    border: 1px solid black; 
 
    position: absolute; 
 
}

對於所有其他的東西,比如死亡,重生,使用JavaScript。您可以通過動態設置lefttop CSS屬性爲隨機值來定位它。

+0

但我需要在一行上找到一些方塊,並且div是塊元素 – Sharky

+0

你的問題說你在一個場上隨機產卵。我想我不明白你想做什麼。 – OldBunny2800

+0

我需要在容器中隨機產生方塊(隨機位置)。我如何使用div如果它是一個塊元素?正方形可以定位在一條線上 – Sharky

0

試試這個:

.square { 
 
\t \t border: 1px solid red; 
 
\t \t height: 100px; 
 
\t \t width: 100px; 
 
\t \t margin:0 auto; 
 
\t \t }
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Hello</title> 
 
</head> 
 
<body> 
 
\t <div class="square"></div> 
 
</body> 
 
</html>

+0

我應該使用什麼元素作爲正方形? – Sharky