Trình tạo Glitch Text

Cách thức hoạt động

1. Nhập văn bản của bạn: gõ từ hoặc câu mà bạn muốn áp dụng hiệu ứng glitch.
2. Điều chỉnh cường độ: kiểm soát mức độ glitch, từ tiếng ồn kỹ thuật số nhẹ đến sự hỏng hóc nặng, với thanh trượt cường độ.
3. Sao chép kết quả: sao chép văn bản đã glitch (các ký tự kết hợp Unicode) và dán nó ở mọi nơi, bio mạng xã hội, Discord, ứng dụng nhắn tin hoặc HTML đơn giản.

Văn bản Zalgo đến từ đâu

"Văn bản Zalgo", văn bản trông có vẻ bị hỏng tràn ngập các dấu dọc ở trên và dưới, có một nguồn gốc cụ thể. Nhân vật "Zalgo" lần đầu tiên xuất hiện trong một image macro creepypasta trên diễn đàn Something Awful vào ngày 27 tháng 7 năm 2004, được đăng bởi người dùng Shmorky (Dave Kelly) như một sự nhại lại các tropes "He Is Coming" / "He Comes" lưu hành trong số Goons (các thành viên của cộng đồng Something Awful). Khái niệm ban đầu là một thực thể ác độc mà sự hiện diện của nó trong một truyện tranh làm hỏng các bong bóng lời nói của các nhân vật thành những nét vẽ nguệch ngoạc không thể đọc được. Phong cách hình ảnh của "He comes" được kết xuất trong các dấu kết hợp Unicode xếp chồng đã trở thành dấu hiệu nhận biết của meme; trong vài năm tiếp theo, định dạng đã thoát khỏi Something Awful và lan truyền qua 4chan, Tumblr, MySpace và cuối cùng là phương tiện truyền thông xã hội chính thống. Cái tên "Zalgo" được giữ lại làm nhãn thể loại, và hơn hai mươi năm sau, nó vẫn là thuật ngữ mà mọi trình tạo văn bản glitch sử dụng. Thủ thuật Unicode cơ bản, xếp chồng các dấu kết hợp, có trước meme nhiều thập kỷ; điều Zalgo đã làm là phổ biến tính thẩm mỹ.

Các dấu kết hợp Unicode làm cho nó hoạt động

Văn bản glitch sử dụng các ký tự kết hợp, các codepoint Unicode không tự kết xuất nhưng thay vào đó tự gắn vào ký tự cơ sở trước đó về mặt hình ảnh. Khối chính là Combining Diacritical Marks (U+0300-U+036F), với 112 codepoint bao phủ các dấu trọng âm và dấu phụ được sử dụng bởi các ngôn ngữ chữ Latinh: combining acute (U+0301, được sử dụng để tạo á), combining grave (U+0300, à), combining tilde (U+0303, ã), combining circumflex (U+0302, â), combining ring above (U+030A, å), và nhiều hơn nữa. Ba khối bổ sung cung cấp thêm dấu: Combining Diacritical Marks Supplement (U+1DC0-U+1DFF) với các dấu lịch sử và ngữ âm hiếm khi được sử dụng; Combining Diacritical Marks for Symbols (U+20D0-U+20FF) với các dấu kết hợp toán học và biểu tượng (combining left arrow above, combining circle, combining triple underdot); Combining Half Marks (U+FE20-U+FE2F) với các dấu trải dài qua hai ký tự. Một trình tạo glitch chọn ký tự đầu vào, sau đó cho mỗi ký tự thêm một lựa chọn ngẫu nhiên các dấu kết hợp, thường là 5-30 dấu xếp chồng cho mỗi ký tự để có hiệu ứng Zalgo có thể nhận ra, được rút ra từ các khối này. Các dấu chia thành ba vùng về mặt hình ảnh: trên đường baseline (hầu hết các dấu phụ kết xuất ở đây), xuyên qua ký tự (dấu overlay như long stroke, slash), và dưới đường baseline (cedilla, dot below, vertical line below). Công cụ này hiển thị ba vùng dưới dạng các toggle độc lập để bạn có thể tạo ra các kiểu glitch chỉ-trên, chỉ-dưới hoặc bao phủ đầy đủ.

Chuẩn hóa Unicode, tại sao một số ứng dụng loại bỏ văn bản glitch

Unicode định nghĩa hai cách để mã hóa nhiều ký tự có dấu: precomposed (một codepoint duy nhất, như é = U+00E9) và decomposed (một chữ cái cơ sở cộng với các dấu kết hợp, é = U+0065 + U+0301). Các hình thức chuẩn hóa của Tiêu chuẩn Unicode (UAX #15) định nghĩa cách chuyển đổi giữa chúng: NFC (Composition) ưu tiên các hình thức precomposed; NFD (Decomposition) phân rã mọi thứ. Nhiều nền tảng áp dụng chuẩn hóa NFC cho văn bản đến, nén các dấu kết hợp thành các ký tự precomposed nếu có thể, nhưng văn bản glitch thường sử dụng các dấu kết hợp không có tương đương precomposed (bởi vì kết hợp một chữ cái cơ sở với 30 dấu ngẫu nhiên không liên quan không phải là một ký tự "thực sự" tồn tại ở bất kỳ dạng precomposed nào). Những dấu đó sống sót qua chuẩn hóa. Tuy nhiên, Stream-Safe Text Format của Tiêu chuẩn Unicode khuyến nghị tối đa 30 ký tự non-starter (kết hợp) liên tiếp; một số triển khai thực thi giới hạn này như một biện pháp phòng thủ chống lại các cuộc tấn công kết xuất văn bản. Ví dụ, Twitter đếm các ký tự bằng NFC và có thể cắt bớt văn bản glitch về mặt hình ảnh sau một ngưỡng; Discord kết xuất hầu hết văn bản glitch nhưng giới hạn chiều cao được kết xuất; Instagram và TikTok có các giới hạn khác nhau. Sự cố "Effective Power" iOS khét tiếng (tháng 5 năm 2015) và text-bomb Telugu ChaiOS (tháng 1 năm 2018) đều do các chuỗi dấu kết hợp dị dạng làm sập trình kết xuất văn bản của hệ điều hành gây ra; các hệ điều hành hiện đại áp dụng phân tích cú pháp bảo thủ hơn như một kết quả.

Nơi văn bản glitch xuất hiện

• Meme và image macro. Copypasta "Z̸̪A̷̬L̴̟G̷̱̏́O̴͔ C̴̍O̴̖M̷̾E̴̠͆S̸̢" đã là meme Zalgo kinh điển từ giữa những năm 2000.
• Bio mạng xã hội edgy. Tumblr, MySpace, Twitter và Instagram đều đã tổ chức các phong trào bio văn bản glitch nhiệt tình trong suốt những năm 2010; xu hướng quay vòng định kỳ.
• UI game chủ đề kinh dị. Các game kinh dị indie (Doki Doki Literature Club, OneShot, Imscared) sử dụng văn bản glitch cho các khoảnh khắc khi thế giới trong game "bị vỡ", các tệp save bị hỏng, các nhân vật bị ám, các đoạn hội thoại phá vỡ bức tường thứ tư.
• Văn bản gợi ý ARG (alternate reality game). Văn bản glitch trong một gợi ý báo hiệu "giải mã cái này" cho người giải đố; bản thân sự hỏng hóc là một phần của thẩm mỹ tường thuật.
• Thông báo lỗi hư cấu. Phim, game và truyện cần mô tả "hệ thống đã đi sai một cách thảm khốc" dựa vào văn bản glitch để có cách viết tắt hình ảnh.
• Nghệ thuật glitch và biểu diễn. Laimonas Zakas (nghệ sĩ đằng sau Glitchr trên Facebook, khoảng 2012) đã sử dụng các dấu kết hợp Unicode để tạo ra các bài đăng tràn ra khỏi UI của Facebook theo những cách có chủ ý, nghệ thuật biểu diễn sớm sử dụng các trường hợp biên kết xuất nền tảng.

Khả năng tiếp cận, Văn bản glitch thù địch với trình đọc màn hình

Văn bản glitch về cơ bản không thể đọc được đối với công nghệ hỗ trợ. Trình đọc màn hình (NVDA, JAWS trên Windows, VoiceOver trên macOS/iOS, TalkBack trên Android) xử lý các dấu kết hợp khác nhau, NVDA có xu hướng cà lăm trên mỗi dấu; JAWS đọc nhiều dấu bằng tên Unicode đầy đủ của chúng ("combining acute accent, combining grave accent, combining tilde..."); VoiceOver tạm dừng một cách khó xử ở mỗi ký tự. Một từ 5 ký tự với 20 dấu kết hợp trên mỗi ký tự tạo ra 105 codepoint mà trình đọc màn hình phải thông báo bằng cách nào đó, không có dấu nào là thông tin hữu ích. Kết quả là một bức tường tiếng ồn không thể hiểu được khiến văn bản hiệu quả vô hình đối với người dùng mù và yếu thị giác. Điều tương tự cũng đúng với người dùng có sự khác biệt về xử lý nhận thức hoặc thị giác, những người có thể thấy các dấu xếp chồng nặng nề gây chóng mặt hoặc gây đau nửa đầu. Văn bản glitch trong các bối cảnh chính thức, tài liệu, alt text, các phần tử UI yêu cầu khả năng tiếp cận, là thù-địch-với-người-dùng-khuyết-tật theo cấu trúc. Không sử dụng văn bản glitch ở nơi nó mang ý nghĩa ngữ nghĩa. Đối với việc sử dụng trang trí trong bio xã hội, meme, bài đăng thông thường, sự đánh đổi có thể chấp nhận được miễn là thông điệp cũng được truyền tải bằng văn bản thuần ở đâu đó; đối với bất cứ điều gì mà nội dung văn bản là thông điệp thực tế, hãy giữ Unicode có thể đọc được.

Phạm vi trung thực: Công cụ này làm gì và không làm gì

Công cụ này tạo ra văn bản glitch kiểu Zalgo bằng cách xếp chồng các dấu kết hợp Unicode trên mỗi ký tự đầu vào của bạn. Nó không tạo ra các hiệu ứng glitch khác, những hiệu ứng đó thường yêu cầu kết xuất CSS hoặc canvas trên văn bản thực sự được kết xuất chứ không phải thủ thuật Unicode. Dịch chuyển sai sắc RGB (hiệu ứng offset đỏ-xanh-lá-xanh-dương làm cho văn bản trông giống như bản in bị lệch đăng ký) là một hiệu ứng CSS sử dụng text-shadow với các bản sao offset đỏ/xanh-lá/xanh-dương. Lớp phủ scanline (hiệu ứng đường ngang của màn hình CRT) là một mẫu nền CSS của các gradient tuyến tính lặp lại. Hoạt hình glitch (dịch chuyển RGB rung với nhiễu) yêu cầu hoạt hình CSS keyframe. Pixel sort / data-bend (hiệu ứng pixel trượt "JPEG bị hỏng") yêu cầu thao tác dữ liệu hình ảnh thực tế trong JavaScript hoặc một trình chỉnh sửa hình ảnh thực sự. Đầu ra của công cụ này là Unicode đơn giản di động có thể dán ở bất kỳ đâu; đối với các kiểu hiệu ứng glitch hình ảnh, hãy xem các trình tạo hiệu ứng glitch dựa trên CSS. Hai cách tiếp cận bổ sung cho nhau: cái này cho các ngữ cảnh văn bản Unicode, các công cụ hiệu ứng CSS cho các ngữ cảnh được kết xuất trên trang.

Tính năng

• Văn bản glitch Unicode: sử dụng các ký tự Unicode chiều rộng không và kết hợp để tạo một văn bản có vẻ ngoài glitch hoạt động trong các trường văn bản thuần.
• Kiểm soát cường độ: điều chỉnh mịn, từ tiếng ồn tinh tế đến biến dạng lớn.
• Vùng dấu: Kích hoạt độc lập các dấu kết hợp phía trên, ở giữa và phía dưới để kiểm soát hướng và mật độ của sự hỏng hóc.
• Đầu ra sẵn sàng để sao chép: văn bản Unicode và mã CSS đều được định dạng cho sử dụng ngay lập tức.

Câu hỏi thường gặp

Văn bản glitch có hiển thị trong tất cả các ứng dụng không?

Văn bản glitch Unicode sử dụng các ký tự kết hợp hiển thị trong hầu hết các ứng dụng, bao gồm Twitter, Discord, Instagram và các ứng dụng nhắn tin. Một số ứng dụng loại bỏ hoặc giới hạn các ký tự kết hợp, điều này có thể giảm hiệu ứng. Hãy thử trên nền tảng đích của bạn.

Tôi có thể sử dụng văn bản glitch trong HTML không?

Có, dán văn bản glitch Unicode trực tiếp vào nội dung HTML của bạn. Vì nó chỉ là các ký tự kết hợp, nó hoạt động trong bất kỳ phần tử nào không cần CSS hay JavaScript bổ sung.

Văn bản Zalgo đến từ đâu?

Nó bắt nguồn như một creepypasta trên diễn đàn Something Awful vào tháng 7 năm 2004, được đăng bởi người dùng Shmorky (Dave Kelly) như một sự nhại lại các tropes "He Is Coming". Nhân vật "Zalgo" là một thực thể ác độc mà sự hiện diện trong một truyện tranh làm hỏng các bong bóng lời nói của các nhân vật thành những nét vẽ nguệch ngoạc không thể đọc được được kết xuất với các dấu kết hợp Unicode xếp chồng. Thẩm mỹ thoát khỏi Something Awful qua 4chan, Tumblr và MySpace, và cái tên được giữ lại làm nhãn thể loại. Thủ thuật Unicode cơ bản, xếp chồng các dấu kết hợp, có trước meme nhiều thập kỷ.

Văn bản glitch có thể tiếp cận được không?

Không, văn bản glitch thù địch với trình đọc màn hình (NVDA cà lăm, JAWS đọc to tên Unicode đầy đủ của mỗi dấu kết hợp, VoiceOver tạm dừng một cách khó xử), và các dấu xếp chồng có thể gây mất phương hướng về mặt hình ảnh hoặc gây đau nửa đầu cho người dùng có sự khác biệt về xử lý nhận thức/hình ảnh. Không sử dụng văn bản glitch ở nơi nó mang ý nghĩa ngữ nghĩa, tài liệu, alt text, thông báo lỗi, hướng dẫn. Đối với việc sử dụng trang trí trong bio xã hội và bài đăng thông thường, sự đánh đổi có thể chấp nhận được miễn là thông điệp thực tế cũng được truyền tải bằng văn bản thuần ở đâu đó.

Cái này có làm hiệu ứng glitch CSS không?

Không, công cụ này chỉ tạo ra văn bản glitch Unicode đơn giản. Các hiệu ứng glitch dựa trên CSS (dịch chuyển sai sắc RGB qua offset text-shadow, lớp phủ scanline qua gradient tuyến tính lặp lại, jitter hoạt hình qua @keyframes) là một danh mục khác yêu cầu văn bản được kết xuất qua stylesheet của bạn thay vì được dán dưới dạng Unicode đơn giản. Hai cách tiếp cận bổ sung cho nhau: văn bản glitch Unicode cho các ngữ cảnh văn bản thuần di động (bio, chat, bài đăng), hiệu ứng glitch CSS cho các ngữ cảnh được kết xuất trên trang (tiêu đề trang web của riêng bạn).

Văn bản của tôi có được gửi đi đâu không?

Không. Quá trình tạo chạy hoàn toàn trong trình duyệt của bạn qua JavaScript. Văn bản bạn nhập không bao giờ băng qua mạng, xác minh trong tab Network của DevTools khi bạn nhấp Generate, hoặc đưa trang offline (chế độ máy bay) sau khi tải và công cụ vẫn hoạt động.