流動文字
一項排版實驗：全螢幕文章會即時隨漂浮物件重新流動排版，包含逐字斷行、可拖曳的障礙物與欄位控制。
Loading preview...
11649 views
建立一個關於即時文字環繞的實驗頁面。以一篇簡短的排版散文填滿螢幕，採用襯線字體並保留充足留白，維持舒適的閱讀感受。在頁面上散布幾個小物件，讓它們自行漂移與碰撞；文字必須即時繞著每個物件流動，逐字測量，使散文的行文隨著障礙物穿過版面而持續平順地重新斷行。物件不只是裝飾：訪客可以用滑鼠抓取任一物件、將它拖過頁面，然後拋出去，看著文字為它讓路並在它身後重新合攏。提供控制項，可在兩欄與三欄間切換版面、暫停與恢復動態、重設場景，以及使用滑鼠滾輪縮放整個頁面。每個控制項都應像是散文的一部分，而非獨立面板；無論物件變得多麼混亂，閱讀體驗都應保持流暢。單一檔案靜態頁面。
建立一個關於即時文字環繞的實驗頁面。以一篇簡短的排版散文填滿螢幕，採用襯線字體並保留充足留白，維持舒適的閱讀感受。在頁面上散布幾個小物件，讓它們自行漂移與碰撞；文字必須即時繞著每個物件流動，逐字測量，使散文的行文隨著障礙物穿過版面而持續平順地重新斷行。物件不只是裝飾：訪客可以用滑鼠抓取任一物件、將它拖過頁面，然後拋出去，看著文字為它讓路並在它身後重新合攏。 提供控制項，可在兩欄與三欄間切換版面、暫停與恢復動態、重設場景，以及使用滑鼠滾輪縮放整個頁面。每個控制項都應像是散文的一部分，而非獨立面板；無論物件變得多麼混亂，閱讀體驗都應保持流暢。單一檔案靜態頁面。
建立一個關於即時文字環繞的實驗頁面。以一篇簡短的排版散文填滿螢幕，採用襯線字體並保留充足留白，維持舒適的閱讀感受。在頁面上散布幾個小物件，讓它們自行漂移與碰撞；文字必須即時繞著每個物件流動，逐字測量，使散文的行文隨著障礙物穿過版面而持續平順地重新斷行。物件不只是裝飾：訪客可以用滑鼠抓取任一物件、將它拖過頁面，然後拋出去，看著文字為它讓路並在它身後重新合攏。提供控制項，可在兩欄與三欄間切換版面、暫停與恢復動態、重設場景，以及使用滑鼠滾輪縮放整個頁面。每個控制項都應像是散文的一部分，而非獨立面板；無論物件變得多麼混亂，閱讀體驗都應保持流暢。單一檔案靜態頁面。
建立一個關於即時文字環繞的實驗頁面。以一篇簡短的排版散文填滿螢幕，採用襯線字體並保留充足留白，維持舒適的閱讀感受。在頁面上散布幾個小物件，讓它們自行漂移與碰撞；文字必須即時繞著每個物件流動，逐字測量，使散文的行文隨著障礙物穿過版面而持續平順地重新斷行。物件不只是裝飾：訪客可以用滑鼠抓取任一物件、將它拖過頁面，然後拋出去，看著文字為它讓路並在它身後重新合攏。提供控制項，可在兩欄與三欄間切換版面、暫停與恢復動態、重設場景，以及使用滑鼠滾輪縮放整個頁面。每個控制項都應像是散文的一部分，而非獨立面板；無論物件變得多麼混亂，閱讀體驗都應保持流暢。單一檔案靜態頁面。