1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        這文檔動(dòng)畫,怎么用 Python 實(shí)現(xiàn)的?

        共 798字,需瀏覽 2分鐘

         ·

        2020-05-07 23:22


        昨天小帥b看到b站的何同學(xué)整了個(gè)文檔動(dòng)畫,他說(shuō)里面的每個(gè)字符都是他一個(gè)一個(gè)敲的,真~夠閑的。

        我尋思這玩意用 Python?實(shí)現(xiàn)應(yīng)該來(lái)得更爽一些,然后就簡(jiǎn)單寫了個(gè)類似的,就剛剛你在頭條看到的那玩意。

        怎么實(shí)現(xiàn)的呢?
        其實(shí)實(shí)現(xiàn)起來(lái)也不難,我主要用到了 str 的 format 方法。

        首先定義一下你要顯示字符:


        0bdfb4c5cb9cfb5d4a0dbedf553f14f2.webp




        為了讓它顯示顏色,我把等會(huì)生成的字符拼接成了 HTML ,這樣可以使用 color 標(biāo)簽來(lái)定義字體的顏色,先定義一下簡(jiǎn)單的 HTML,在 body 里面定義一下字體大小和 pre 來(lái)保留原有的格式,這樣才不會(huì)把我們的空格給吞了:



        e71d1bc7d7b52453439f7ee09da52051.webp




        因?yàn)轭伾闹凳怯?6 位 16 進(jìn)制的數(shù)組成的,可以定義一個(gè)列表,然后通過(guò) random 來(lái)獲取隨機(jī)顏色的值:



        79a7e5f37d258226bf1c0bc98793d0d9.webp


        8d94e525c52a60a4c8587ef318768724.webp



        接著定義幾個(gè)變量,等會(huì)來(lái)修改字符之間的間隙:



        7e154c8f8e5a1e75054ee851467921be.webp




        接著循環(huán)了 1000 行

        在?0--50 和 570--600 的區(qū)間直接拼接原始字符串:



        182cc4c4ad5fd8688d5be9139cc059a4.webp




        在?50-120/190-260/330-400 的區(qū)間主要是讓它居中對(duì)其,而寬度的改變是每次都隨著循環(huán)而 +1:

        d2c454d130bf8d45fa3928a4f5f7b7bd.webp




        在?120-190/260-330/400-470 的區(qū)間讓它回來(lái),spcing-=1 做反向操作,這樣就能形成 “蛇皮走位” 了哈哈哈:


        eb7ed60901451d40d1d9e97f9882b8a7.webp



        接著我在?470-570 的區(qū)間讓它的“腿”張開(kāi)(壞笑),這里需要拆分一下字符串,一個(gè)向中間對(duì)齊,一個(gè)向左對(duì)齊,這里用了 right 和 left 來(lái)控制它們的間隙:


        453bc3082d094dcc1d01cb66c8d2517a.webp



        在?520-570 的區(qū)間反向操作,完事了,就快把腿給我合上:


        b4bfb52c7e09c927d78ae30bf875ec87.webp



        最后想讓它形成 “下雨” 的效果,可以使用?zip 將方向和 value 中的每個(gè) char?結(jié)合起來(lái),然后使用隨機(jī)函數(shù)來(lái)控制?width:


        5fc871cd4e461044a438ff132c7cf487.webp



        把所有字符串都拼接好之后,寫入到 HTML?文件中:


        7b0818a9998b8063026cfeef24281e0d.webp



        運(yùn)行之后就生成了一個(gè) HTML:

        145532ef3de82cba1f21b81759e650d9.webp



        用瀏覽器打開(kāi),酸爽!

        我們下回見(jiàn),Peace!


        551f31ae0179d0515793f18341dbfb36.webp

        掃一掃

        學(xué)習(xí) Python 沒(méi)煩惱



        瀏覽 46
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報(bào)
        評(píng)論
        圖片
        表情
        推薦
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報(bào)
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            在线观看亚 | 做爱无码视频 | 综合网伊人 | 女同互慰av网站 女女强制h百合调教gl在线看 | 色综合天天综合 | 男生的鸡鸡插入女生的鸡鸡 | 欧美成人一区二区三区片 | 欧美激情校园春色 | 五月婷婷六月色 | 交换做爰h文 |