2010/12/6更新:讓卡的cover不要太慢出現, 以致於在它後面的字卡和圖卡露了底,先讓學生看見了!
cover 出現太慢的問題只出現在網路上, 在電腦上玩就沒有這個問題.由於過去我在簡報做的cover 卡臉都存成png檔, 字卡存成jpg檔, jpg檔比png檔小, 所以在網路慢點的地方, 字卡總是比cover卡臉出現得快, 因此學生就會先看見字卡和圖卡, 所以現在我把背景和cover都存成jpg檔,
最好在上傳網路前,先按圖片右鍵,打開內容比較一下字卡和cover 卡臉的size bytes ,cover 的size 要小比較好.
_________________________________________________________________________
我在僑委會99-2華文網路種子進階班看見劉曉菁老師(小橘子的中文學堂)用flash 做了一個非常漂亮的配對記憶遊戲, 我想我還沒做這個自製題庫遊戲跟大家分享, 所以就請教”難不倒的顏國雄老師協助”,他在百忙中還抽空做出來讓我玩.
這個遊戲的特點
1.老師可以自己設定一次要排出多少張卡來玩. 也可以自己設定要排幾排卡.
2.背景圖和卡的封面可以自己設計圖樣
3.也可以在每過一關就換一張背景圖.
4.任何圖片只要抓進images, swf會自動把圖片縮為一樣大小的正方形.
為了讓大家快一點看到整個遊戲的過程,我下面這個範例每一頁面上只設了6張卡讓大家玩.
我已用簡報做了一些範本, 讓大家了解怎樣用簡報設計出自己喜歡的卡臉和背景圖,這些簡報檔,我都放在部落格上讓大家下載. 你們可以隨意更改簡報上圖片的色彩,
match_memory_card.zip 這是簡報檔
cover.zip 這裡面有30幾個做好的卡臉(2010/12/06更新)
bg.zip 這裡有做好的背景圖20多個(請把背景圖縮小一點, 在網路上loading,才不會太慢,要不然字卡出現了,背景圖還沒出現,比例是4×3)(2010/12/06更新)
christmasbg.zip這裡有我過去做好的聖誕節背景圖20多個, 請把它縮小一些.
現在我用iSpring轉檔, 讓大家看簡報檔的內容
這是讓大家看用不同的背景和卡臉可以組成不同的畫面.
不過這個遊戲的文字不是打在txt上的, 必須要做成圖片, 我們可以用photoshop,Photoimpact,Photocap 或簡報來做字那,請看下面的影片教學
用Potocap 做字卡或拼音卡,
用簡報做字卡或拼音卡
雖然這是遊戲中比較麻煩的過程, 但是這些字卡還可以設定成不同背景的色彩.
圖片可以不要做圖卡, swf會自動把圖片縮為一樣大小的正方形,
除非你的圖是長方形的, 不希望被縮為正方形而變了樣子, 那就要做一張正方形的小卡, 來放你長方形的圖片. 然後再另存圖片.
在txt檔中可更改題庫如下:
&showBorder=0& //showBorder=1會顯示邊框
&maxCol=4& // 4是4排, 不過如果questionToAnswer=8 的話，因為相對的最多只有16 張卡,maxCol=4 決定的是排列方式，一橫排放 4 張
&questionToAnswer=8& // 8 是指一次玩八對卡
&cardWidth=100& //如果要卡小一點就用90, 或80 ,要卡大一點就加為110 等
&cardHeight=100&
&background=images/bg12.png,images/bg05.png,images/bg06.png,images/bg14.jpg& //可以在每過一關就換一張背景圖. 請小心看你的圖片是png 或jpg 不要弄錯了.
&front=images/cover31.png& // 這是卡的封面圖.
&cards=
images/1-1.jpg,images/1-2.jpg // 這是每一對卡的排法
images/2-1.jpg,images/2-2.jpg
下面再讓大家看幾個完成的範例.因為聖誕節快到了,就用了聖誕節的背景圖.
(這是記憶卡遊戲下載處)(2010/12/06更新)