陰陽師SSR生成器你玩了嗎?(內(nèi)附三大實用交互攻略)
時間:2016-11-29 09:22:00 來源: 作者:需要注意兩點:
(1)彈框列表下的各個透明按鈕盡量留合適的間隙,避免錯誤觸碰。
(2)將全部文字放在一個容器內(nèi),并在每個文字下設(shè)置當(dāng)其顯示時,隱藏同層控件的事件,減少交互上的運算步驟。
2.將輸入的文本嵌入到圖片上
功能選擇:輸入框、變量、文本
這個交互看起來好像很麻煩,但實際上簡單得不得了,只需明白一個邏輯:
理解邏輯后,改參數(shù)就很簡單了。
我設(shè)置了倆輸入框,給用戶輸入名字和大區(qū),分別設(shè)置倆個變量并且綁定起來,命名為a和b,所以當(dāng)用戶輸入任何內(nèi)容,都能被變量記錄起來,并以$a和$b提取出來。
然后在圖片的相應(yīng)位置放置倆空白文本,讓點擊按鈕觸發(fā)一個設(shè)定文本文字為$a、$b的事件即可。
效果如下——

這種交互挺實用的,比如網(wǎng)易的二次元社區(qū)在iH5上發(fā)布的陰陽師《萬圣節(jié)歐非屬性測試》H5,就是用到設(shè)定文本文字功能。
這種文字關(guān)聯(lián)提取式的玩法,更多創(chuàng)意就靠大家去發(fā)掘了。
2.打印畫布,長按保存整幅圖片
功能選擇:畫布
雖然對H5頁面的長按會出現(xiàn)保存的按鈕,但是存下來的有時只是局部的素材,比如:






屠龍爭霸
天下霸劍
魔導(dǎo)英雄傳說
暗黑大逃殺
少年三國記