ಠ_ಠ
@anonymous
偷偷說
Thu, Feb 17, 2022 9:24 AM
Thu, Feb 17, 2022 10:06 AM
640
255
6
噗浪css
噗浪佈景
轉蛋機噗寶
轉蛋機本體、蛋殼、轉蛋內容物的圖都可以換成自己的圖
滑鼠指上會抽一顆轉蛋，每次出來的轉蛋是隨機的，重新整理頁面可以重抽
因為是只撥放一次的動畫所以沒辦法預先載入圖片（預載的話看到的時候已經播完），抽轉蛋時一定會閃爍一下
語法跟說明下收
下面有預先載入版，可以解決閃一下問題，但是動畫會一直重複
ಠ_ಠ
Thu, Feb 17, 2022 9:25 AM
Sat, Mar 5, 2022 11:35 AM
轉蛋機噗寶：填寫範例
、
轉蛋機噗寶
如果噗寶已經套用其他噗寶的話，轉蛋機可以改用徽章來替換
轉蛋機噗寶（用徽章改）：填寫範例
、
轉蛋機噗寶（用徽章改）
更多設定
轉蛋機噗寶：填寫範例
、
轉蛋機噗寶（預先載入版）：填寫範例
可用的圖
ಠ_ಠ
Thu, Feb 17, 2022 9:27 AM
Thu, Feb 17, 2022 9:40 AM
圖片網址的部份照下面這樣填：
machine_front=機台的上圖層(250x350)
machine_back=機台的下圖層(250x350)
shell_down_front=蛋殼下半部上圖層(72x72)
shell_down_back=蛋殼下半部下圖層(72x72)
shell_up_front=蛋殼上半部上圖層(72x72)
shell_up_back=蛋殼上半部下圖層(72x72)
gashapon_1~6=轉蛋內容物圖片(72x72)
後面括號是圖片大小，寬x高，單位都是px
注意：每張圖都要填兩次
ಠ_ಠ
Thu, Feb 17, 2022 9:28 AM
Thu, Feb 17, 2022 9:29 AM
範例圖
ಠ_ಠ
Thu, Feb 17, 2022 9:29 AM
ಠ_ಠ
Thu, Feb 17, 2022 9:30 AM
==========有問題或者發現BUG可以這噗提醒我一下
mule6333
Thu, Feb 17, 2022 9:34 AM
噗主太強太讚了吧！！！！
ಠ_ಠ
Thu, Feb 17, 2022 9:35 AM
mule6333:
謝謝，一直很想做這個，終於有能力實現他了
ಠ_ಠ
Thu, Feb 17, 2022 9:35 AM
順便撈一下css詢問噗
taco7183
Thu, Feb 17, 2022 9:55 AM
想請教噗主，gashapon_1~6可以繼續增加數字嗎？還是最多就是六顆呢？
ಠ_ಠ
Thu, Feb 17, 2022 10:02 AM
taco7183:
目前最多六顆喔
taco7183
Thu, Feb 17, 2022 10:03 AM
好的，謝謝您回答！
ಠ_ಠ
Thu, Feb 17, 2022 10:05 AM
預先載入版：填寫範例
、
預先載入版（用徽章改）：填寫範例
這裡有預先載入版，這個版本不會閃爍，但是蛋會一直重複掉出來
knight8811
Thu, Feb 17, 2022 10:35 AM
謝謝噗主
這個好讚好可愛
pie4967
Thu, Feb 17, 2022 10:45 AM
感謝噗主
是神仙吧超可愛的
ಠ_ಠ
Thu, Feb 17, 2022 11:16 AM
現在可以任意修改轉蛋機裡的轉蛋數量了，只要修改下面兩處就可以了
第一處：
往下新增「gashapon_數字=圖片網址&」，並在最下方多一行「gashapon_count=想要顯示的蛋數」，記得上面6的圖片網址最右邊要補一個&（總之每個圖片網址後面都要有&），不寫的話預設是6
第二處：
往下新增「gashapon_數字=圖片網址&」，最下面一行前面補上「gashapon_count=想要顯示的蛋數&」
並修改「obtain=可抽的蛋數」，輸入0的話會自動跟顯示的蛋數相同
ಠ_ಠ
Thu, Feb 17, 2022 11:16 AM
注意：上限是20個
taco7183
Thu, Feb 17, 2022 11:18 AM
太神啦謝謝噗主
ಠ_ಠ
Thu, Feb 17, 2022 11:19 AM
舉例：
第二處設定成「gashapon_count=3&obtain=1」就會變成顯示3顆蛋，但是只有最前面1顆是真的抽得出來的
spider183
Thu, Feb 17, 2022 12:33 PM
讚嘆噗主
curry4708
Thu, Feb 17, 2022 10:34 PM
想問一下這是有用到js 的嗎？
還是純CSS是可以寫出這功能的？
oreo9839
Fri, Feb 18, 2022 2:44 AM
curry4708: 背後是用php生圖
ಠ_ಠ
Fri, Feb 18, 2022 2:49 AM
curry4708: 要套用這個噗寶的人看的話算是純css
其實就是content:url(圖片網址);這樣而已
只是這個圖片網址是一個圖片自動組合的php
你可以把url("這裡面")的網址複製起來貼網址列直接開起來就知道了
tea2738
Fri, Feb 18, 2022 4:42 AM
噗主好強！太感謝了我也要來換
rabbit7414
Fri, Feb 18, 2022 10:27 AM
噗主超強！想請問轉蛋裡能放動圖嗎？試了一下發現還沒抽之前ＧＩＦ是會動的，但抽出來之後好像跑不動。
ಠ_ಠ
Fri, Feb 18, 2022 10:57 AM
rabbit7414: 這部分要看瀏覽器，火狐測試起來是一定會動，chrome的話有時會動有時不會，其他瀏覽器的話就不清楚了
ಠ_ಠ
Fri, Feb 18, 2022 11:00 AM
更新裡面的轉蛋可以改大小，在這噗第一則留言
轉蛋大小最小48x48，最大88x88
ಠ_ಠ
Sat, Feb 19, 2022 2:50 AM
Sat, Feb 19, 2022 3:10 AM
更新了預設圖片，把要使用預設圖的行刪除就可以了
只替換轉蛋內容圖，轉蛋機和蛋殼使用預設圖的範例
ಠ_ಠ
Sat, Feb 19, 2022 3:21 AM
分享給大家取用的圖都可以丟到下面這噗：
歡迎到這邊分享可用的圖
連結有更新在這噗第一則留言
milk2137
Mon, Feb 28, 2022 4:27 PM
打擾了 這邊嘗試很多次最後機台大小跟出蛋口大小都會跑掉 其餘運作一切正常 想請問該如何修正
ಠ_ಠ
Tue, Mar 1, 2022 1:38 PM
1
milk2137:
圖檔大小需要照這噗二樓的數字喔
目前只有蛋的部分可以調整大小，使用更多設定的那個語法，可以把蛋的大小調整成48~88之間的大小
轉蛋機本體目前只能是250x350(單位px)，即使周圍都是透明沒有畫任何東西，圖檔仍然要是250x350這個大小，這周有空的話會在寫成可以調整大小的
milk2137
Tue, Mar 1, 2022 1:45 PM
ಠ_ಠ: 好的！！謝謝噗主
ಠ_ಠ
Sat, Mar 5, 2022 11:35 AM
轉蛋機噗寶：填寫範例
、
轉蛋機噗寶（預先載入版）：填寫範例
可以改大小囉
ಠ_ಠ
Sat, Mar 5, 2022 11:37 AM
不過還是要注意一下，轉蛋機本體的圖片，前後兩張大小還是要一樣喔，不填寫那些數值的話就會是預設值，預設大小可以在這噗第二則留言看
ಠ_ಠ
Mon, May 16, 2022 5:18 AM
看到有人需要，蛋的數量上限改成50了，但要注意蛋越多載入會越久喔(因為圖比較多)
ಠ_ಠ
Mon, May 16, 2022 5:21 AM
另外這個也歡迎拿去開噗幣轉蛋/噗幣委託或點圖，也可以來這邊分享成品，我會想看
fox3353
Mon, May 16, 2022 6:16 AM
預先載入版的文字好像顯示不出來QQ
beetle7662
Mon, May 16, 2022 1:54 PM
分享一下成品，這個噗寶真的好可愛，謝謝噗主
ಠ_ಠ
Mon, May 16, 2022 1:56 PM
fox3353: 你用的是哪一個版本的？
ಠ_ಠ
Mon, May 16, 2022 1:58 PM
beetle7662:
今天上限調到50就是看到你的噗，真的很可愛，有隱藏版很有轉蛋的感覺好喜歡
beetle7662
Mon, May 16, 2022 2:02 PM
Mon, May 16, 2022 2:09 PM
受寵若驚……真是太謝謝了
我還在想剛好有新語法，超開心的
fox3353
Mon, May 16, 2022 2:18 PM
ಠ_ಠ:
/*轉蛋機噗寶（預先載入版）：填寫範例*/ (Plurk Paste)
用的應該是這個版本
ಠ_ಠ
Mon, May 16, 2022 2:22 PM
fox3353:
文字是指下面這個的話，可以先檢查有沒有之前的語法殘留(有些語法會隱藏這個區塊)，或者檢查位置，有可能設定的位置太遠，這個文字框跑到畫面外面去了
ಠ_ಠ
Mon, May 16, 2022 2:22 PM
沒辦法確定的話可以貼語法出來我幫你找
fox3353
Fri, May 20, 2022 5:19 AM
已經解決問題了!謝謝噗主~
ಠ_ಠ
Thu, Jun 2, 2022 1:53 AM
轉蛋機語法暫時不可用，目前看到原因是違反了託管平台的條款，可能是流量超過了免費範圍，詳細要等有空的時候才能檢查了
jaguar3905
Mon, Jun 6, 2022 8:08 AM
太可惜了
希望能修好
beetle7662
Mon, Jun 6, 2022 11:57 AM
只好默默等待修好
這語法超可愛，就這樣不能用好可惜
載入新的回覆
轉蛋機噗寶
轉蛋機本體、蛋殼、轉蛋內容物的圖都可以換成自己的圖
滑鼠指上會抽一顆轉蛋，每次出來的轉蛋是隨機的，重新整理頁面可以重抽
因為是只撥放一次的動畫所以沒辦法預先載入圖片（預載的話看到的時候已經播完），抽轉蛋時一定會閃爍一下
語法跟說明下收
下面有預先載入版，可以解決閃一下問題，但是動畫會一直重複
如果噗寶已經套用其他噗寶的話，轉蛋機可以改用徽章來替換
轉蛋機噗寶（用徽章改）：填寫範例、轉蛋機噗寶（用徽章改）
更多設定
轉蛋機噗寶：填寫範例、轉蛋機噗寶（預先載入版）：填寫範例
可用的圖
machine_front=機台的上圖層(250x350)
machine_back=機台的下圖層(250x350)
shell_down_front=蛋殼下半部上圖層(72x72)
shell_down_back=蛋殼下半部下圖層(72x72)
shell_up_front=蛋殼上半部上圖層(72x72)
shell_up_back=蛋殼上半部下圖層(72x72)
gashapon_1~6=轉蛋內容物圖片(72x72)
後面括號是圖片大小，寬x高，單位都是px
注意：每張圖都要填兩次
這裡有預先載入版，這個版本不會閃爍，但是蛋會一直重複掉出來
第一處：
往下新增「gashapon_數字=圖片網址&」，並在最下方多一行「gashapon_count=想要顯示的蛋數」，記得上面6的圖片網址最右邊要補一個&（總之每個圖片網址後面都要有&），不寫的話預設是6
第二處：
往下新增「gashapon_數字=圖片網址&」，最下面一行前面補上「gashapon_count=想要顯示的蛋數&」
並修改「obtain=可抽的蛋數」，輸入0的話會自動跟顯示的蛋數相同
第二處設定成「gashapon_count=3&obtain=1」就會變成顯示3顆蛋，但是只有最前面1顆是真的抽得出來的
還是純CSS是可以寫出這功能的？
其實就是content:url(圖片網址);這樣而已
只是這個圖片網址是一個圖片自動組合的php
你可以把url("這裡面")的網址複製起來貼網址列直接開起來就知道了
轉蛋大小最小48x48，最大88x88
只替換轉蛋內容圖，轉蛋機和蛋殼使用預設圖的範例
歡迎到這邊分享可用的圖
連結有更新在這噗第一則留言
目前只有蛋的部分可以調整大小，使用更多設定的那個語法，可以把蛋的大小調整成48~88之間的大小
轉蛋機本體目前只能是250x350(單位px)，即使周圍都是透明沒有畫任何東西，圖檔仍然要是250x350這個大小，這周有空的話會在寫成可以調整大小的
我還在想剛好有新語法，超開心的
用的應該是這個版本
這語法超可愛，就這樣不能用好可惜