作者oowlala (嗚拉拉)
看板Ajax
標題[問題] 透過JS與CSS定位分割完成九宮格拼圖
時間Tue Jun 18 21:55:18 2013
最近在寫一個小遊戲是九宮格拼圖
有些限制條件...
限制如下:
1.以CSS定位的方式將「同一張圖」切割成九宮格
2.可隨機重新排列九宮格, 且保留一格使其可與緊鄰區塊交換
3.拼圖完成時需顯示拼圖完成
-------
限制一的部分我已經透過分割為九個DIV與設定background-position方式達成
其餘兩個限制實在沒什麼想法....
望板上各位先進給先建議提示
感謝各位
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.25.111.164
1F：推 s25g5d4:腦中第一個想法是 canvas... 06/18 22:11
3F：→ oowlala:我的第一個反應的確是陣列, 不過要存取什麼樣的數值呢? 06/18 22:54
4F：→ oowlala:omg....Darkland不會是剛剛看完題目馬上寫出來的吧? 06/18 22:54
5F：→ Darkland:是說陣列裡要存什麼嗎? 我這邊是直接存 html element 06/19 00:28
6F：→ TonyQ:聽起來不難啊 XD 九宮格自己切的你應該會知道答案吧 06/19 11:18
7F：→ oowlala:已經得到很大的協助, 感謝各位撥冗進來瞭解我的問題 :) 06/19 11:34
8F：→ Rplus:code 很有趣~ 06/20 00:20
9F：→ fwfly:以前看Header first 時，有類似的東西 @@" 06/20 07:28
12F：推 pine0113:有神快拜 <(_ _)> 06/21 00:54