微信扫一扫 分享朋友圈

已有 2886 人浏览分享

[服務器教學] 腳本數字文字樣式替換成圖片

[複製鏈接]

站長

Rank: 12Rank: 12Rank: 12

1964

威望

3461

金錢

11

A幣
主題
1324
帖子
2477
精華
3
綜合社群主題發文量
267
電玩社群主題發文量
1
娛樂社群主題發文量
4
技術社群主題發文量
31
閱讀權限
200
註冊時間
2013-1-28

我是傳奇贊助感謝勳章精華作者勳章

  • TA的每日心情

    2024-11-9 23:41
  • 簽到天數: 397 天

    連續簽到: 1 天

    [LV.9]以壇為家II

    TWAICL 發表於  2021-12-16 19:36:17 | 顯示全部樓層 | 閱讀模式
    001 (1).png

    【前言】

      如果刻板的文字已經看膩,想換成不同數字樣式可以參考本篇教學,學成後能對於腳本排版優化多出不同思路,操作方式也簡單好上手,但一樣需要JS的語法基礎,否則會難以做出變化。

    【教學開始】

    首先,我們先新增一段 Array 陣列,裡面請放入您端口主程式有的文字樣式。

    教學使用聖誕系列的文字樣式,當然你也可以請人畫一套自己伺服器獨家有的。


    var rnum = new Array ("#i3990009#","#i3990000#","#i3990001#","#i3990002#","#i3990003#","#i3990004#","#i3990005#","#i3990006#","#i3990007#","#i3990008#");


    寫完後會是這樣,0 ~ 9 的圖片樣式被放入陣列中。

    接著,我們需要加上能夠引用陣列數字樣式的功能。


    function toI (x) {

    if (x < 10) {

    //更換個位數<10數字文字樣式

    return rnum[0]+rnum[x];

    } else if (x < 100) {

    //更換個位數<100數字文字樣式

    return rnum[Math.floor(x/10)]+rnum[x%10];

    } else if (x < 1000) {

    //更換個位數<1000數字文字樣式

    return rnum[Math.floor(x/100)]+rnum[(x%100-x%10)/10]+rnum[x%10];

    } else {

    //更換個位數<10000數字文字樣式

    return rnum[Math.floor(x/1000)]+rnum[(x%1000-x%100)/100]+rnum[(x%100-x%10)/10]+rnum[x%10];

    }

    }


    功能列中已經把每段代表的意思備註出來,可以自行研究瞭解是如何構成。 

    到此步驟只需要在對話方法中,將此功能引用出來,即可達到數字樣式更換效果。

    cm.sendSimple(""+ toI(您的數字) +"");


    當然,使用本方法要達成的通常是浮動數字的樣式更換,通常是要達到首圖的效果,因此會改放入浮動值,實際操作方法如下。

    var 線上人數 = cm.getTotalOnline();

    toI(線上人數)


    【後記】

    本教學學成後,延伸應用的範圍極為廣泛,歡迎各位服主發揮創意,讓樣式更換的用法有不同的玩法。

    共收到 0 A幣
    打賞榜
    暫無
    暫無
    暫無
    暫無
    ----
    暫無
    ----
    暫無
    ----
    暫無
    ----

    區域版主

    Rank: 10Rank: 10Rank: 10

    1032

    威望

    548

    金錢

    176

    A幣
    主題
    154
    帖子
    323
    精華
    0
    綜合社群主題發文量
    138
    電玩社群主題發文量
    10
    娛樂社群主題發文量
    6
    技術社群主題發文量
    12
    閱讀權限
    100
    註冊時間
    2018-1-6

    社群建設勳章傑出貢獻勳章

  • TA的每日心情

    2021-6-17 14:24
  • 簽到天數: 322 天

    連續簽到: 0 天

    [LV.8]以壇為家I

    利金顫 發表於 2021-12-17 10:55:26 | 顯示全部樓層
    感謝凱大的教學,請收下我的膝蓋

    小有建樹

    Rank: 5Rank: 5

    1138

    威望

    1萬

    金錢

    90

    A幣
    主題
    10
    帖子
    184
    精華
    0
    綜合社群主題發文量
    51
    電玩社群主題發文量
    0
    娛樂社群主題發文量
    0
    技術社群主題發文量
    9
    閱讀權限
    70
    註冊時間
    2022-3-25
  • TA的每日心情
    無聊
    3 天前
  • 簽到天數: 864 天

    連續簽到: 20 天

    [LV.10]以壇為家III

    SMILE1202 發表於 2023-8-28 21:05:02 | 顯示全部樓層
    還在學習中不知道整個寫下來是怎麼樣

    試驗好久 還是失敗

    有大大可以提供整個腳本寫出來的樣子做參考嗎@@
    您需要登錄後才可以回帖 登錄 | 註冊會員

    本版積分規則

    2477

    發文

    3461

    金錢

    11

    A幣

    ----------榮譽勳章----------

    我是傳奇 贊助感謝勳章 精華作者勳章

    熱門推薦
    圖文推薦
    • 聯繫我們

    小黑屋|AICL社群娛樂集團

    GMT+8, 2024-11-22 08:54 , 網路刷新 0.116317 秒 .

    歡迎來到 AICL網路社群

    版權AICL社群所有 2011-2021.

    Total:123 Today:213 Online:322