<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          這文檔動畫,怎么用 Python 實現(xiàn)的?

          共 798字,需瀏覽 2分鐘

           ·

          2020-05-07 23:22


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

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

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

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


          0bdfb4c5cb9cfb5d4a0dbedf553f14f2.webp




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



          e71d1bc7d7b52453439f7ee09da52051.webp




          因為顏色的值是由 6 位 16 進制的數(shù)組成的,可以定義一個列表,然后通過 random 來獲取隨機顏色的值:



          79a7e5f37d258226bf1c0bc98793d0d9.webp


          8d94e525c52a60a4c8587ef318768724.webp



          接著定義幾個變量,等會來修改字符之間的間隙:



          7e154c8f8e5a1e75054ee851467921be.webp




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

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



          182cc4c4ad5fd8688d5be9139cc059a4.webp




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

          d2c454d130bf8d45fa3928a4f5f7b7bd.webp




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


          eb7ed60901451d40d1d9e97f9882b8a7.webp



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


          453bc3082d094dcc1d01cb66c8d2517a.webp



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


          b4bfb52c7e09c927d78ae30bf875ec87.webp



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


          5fc871cd4e461044a438ff132c7cf487.webp



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


          7b0818a9998b8063026cfeef24281e0d.webp



          運行之后就生成了一個 HTML:

          145532ef3de82cba1f21b81759e650d9.webp



          用瀏覽器打開,酸爽!

          我們下回見,Peace!


          551f31ae0179d0515793f18341dbfb36.webp

          掃一掃

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



          瀏覽 46
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  男女免费操逼视频 | 亚洲天天看| 久久婷婷免费视频 | 日韩精品在线视频 | 欧美日韩高清一区二区 |