Teks Mengalir

Eksperimen tata huruf dengan esai layar penuh yang mengalir ulang mengelilingi objek-objek yang bergerak secara real time: pemenggalan baris per karakter, rintangan yang dapat diseret, dan kontrol kolom.

Loading preview...
Mulai dengan prompt ini

Eksperimen tata huruf dengan esai layar penuh yang mengalir ulang mengelilingi objek-objek yang bergerak secara real time: pemenggalan baris per karakter, rintangan yang dapat diseret, dan kontrol kolom.

Coba Websites Agent
Buat halaman eksperimental tentang pembungkusan teks secara langsung. Penuhi layar dengan esai singkat tentang tata huruf, menggunakan jenis huruf serif dengan ruang kosong yang lapang agar tetap nyaman dibaca. Sebarkan beberapa objek kecil di seluruh halaman dan biarkan objek-objek itu bergerak serta bertabrakan sendiri; teks harus membungkus setiap objek secara real time, diukur karakter demi karakter, sehingga baris-baris esai terus membentuk ulang dirinya dengan mulus saat rintangan bergerak melintasi tata letak. Objek-objek tersebut bukan sekadar hiasan: pengunjung dapat mengambil salah satunya dengan mouse, menyeretnya melintasi halaman, lalu melemparkannya, sambil melihat teks memberi ruang dan kembali merapat di belakangnya. Sediakan kontrol untuk mengubah komposisi antara dua dan tiga kolom, menjeda dan melanjutkan gerakan, mengatur ulang adegan, serta memperbesar atau memperkecil seluruh halaman dengan roda gulir. Setiap kontrol harus terasa sebagai bagian dari esai, bukan panel terpisah, dan pengalaman membaca harus tetap lancar seberapa pun kacau objek-objek itu. Halaman statis satu berkas.
Tambahkan Pengeditan Objek

Menambahkan fitur pengeditan kecil: klik dua kali objek melayang mana pun untuk mengubah teksnya atau menggantinya dengan yang baru, dan esai akan mengalir ulang mengelilingi objek yang diedit secara real time.

Coba Websites Agent
Buat halaman eksperimental tentang pembungkusan teks secara langsung. Penuhi layar dengan esai singkat tentang tata huruf, menggunakan jenis huruf serif dengan ruang kosong yang lapang agar tetap nyaman dibaca. Sebarkan beberapa objek kecil di seluruh halaman dan biarkan objek-objek itu bergerak serta bertabrakan sendiri; teks harus membungkus setiap objek secara real time, diukur karakter demi karakter, sehingga baris-baris esai terus membentuk ulang dirinya dengan mulus saat rintangan bergerak melintasi tata letak. Objek-objek tersebut bukan sekadar hiasan: pengunjung dapat mengambil salah satunya dengan mouse, menyeretnya melintasi halaman, lalu melemparkannya, sambil melihat teks memberi ruang dan kembali merapat di belakangnya. Sediakan kontrol untuk mengubah komposisi antara dua dan tiga kolom, menjeda dan melanjutkan gerakan, mengatur ulang adegan, serta memperbesar atau memperkecil seluruh halaman dengan roda gulir. Setiap kontrol harus terasa sebagai bagian dari esai, bukan panel terpisah, dan pengalaman membaca harus tetap lancar seberapa pun kacau objek-objek itu. Halaman statis satu berkas.
Beralih ke Kanvas Gelap

Memindahkan eksperimen ke latar belakang gelap sambil mempertahankan jenis huruf serif dan ruang kosong yang lapang, sehingga objek-objek bergerak dan teks yang mengalir ulang tampil lebih menonjol dengan kontras yang kuat.

Coba Websites Agent
Buat halaman eksperimental tentang pembungkusan teks secara langsung. Penuhi layar dengan esai singkat tentang tata huruf, menggunakan jenis huruf serif dengan ruang kosong yang lapang agar tetap nyaman dibaca. Sebarkan beberapa objek kecil di seluruh halaman dan biarkan objek-objek itu bergerak serta bertabrakan sendiri; teks harus membungkus setiap objek secara real time, diukur karakter demi karakter, sehingga baris-baris esai terus membentuk ulang dirinya dengan mulus saat rintangan bergerak melintasi tata letak. Objek-objek tersebut bukan sekadar hiasan: pengunjung dapat mengambil salah satunya dengan mouse, menyeretnya melintasi halaman, lalu melemparkannya, sambil melihat teks memberi ruang dan kembali merapat di belakangnya. Sediakan kontrol untuk mengubah komposisi antara dua dan tiga kolom, menjeda dan melanjutkan gerakan, mengatur ulang adegan, serta memperbesar atau memperkecil seluruh halaman dengan roda gulir. Setiap kontrol harus terasa sebagai bagian dari esai, bukan panel terpisah, dan pengalaman membaca harus tetap lancar seberapa pun kacau objek-objek itu. Halaman statis satu berkas.
Coba Jenis Huruf Sans-Serif

Mengubah gaya esai dengan jenis huruf sans-serif berkontras tinggi alih-alih serif, untuk memperlihatkan bagaimana pembungkusan langsung dan pembentukan ulang baris yang sama terasa dengan karakter tipografi berbeda.

Coba Websites Agent
Buat halaman eksperimental tentang pembungkusan teks secara langsung. Penuhi layar dengan esai singkat tentang tata huruf, menggunakan jenis huruf serif dengan ruang kosong yang lapang agar tetap nyaman dibaca. Sebarkan beberapa objek kecil di seluruh halaman dan biarkan objek-objek itu bergerak serta bertabrakan sendiri; teks harus membungkus setiap objek secara real time, diukur karakter demi karakter, sehingga baris-baris esai terus membentuk ulang dirinya dengan mulus saat rintangan bergerak melintasi tata letak. Objek-objek tersebut bukan sekadar hiasan: pengunjung dapat mengambil salah satunya dengan mouse, menyeretnya melintasi halaman, lalu melemparkannya, sambil melihat teks memberi ruang dan kembali merapat di belakangnya. Sediakan kontrol untuk mengubah komposisi antara dua dan tiga kolom, menjeda dan melanjutkan gerakan, mengatur ulang adegan, serta memperbesar atau memperkecil seluruh halaman dengan roda gulir. Setiap kontrol harus terasa sebagai bagian dari esai, bukan panel terpisah, dan pengalaman membaca harus tetap lancar seberapa pun kacau objek-objek itu. Halaman statis satu berkas.