作者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