Apa yang menyebabkan efek pada logo Sonos?

36

Di bawah ini adalah logo Sonos baru.

Saat Anda menggulir ke atas dan ke bawah dengan gambar di layar, sepertinya gelombang suara berdenyut ke luar.

Apa yang menyebabkan efek ini terjadi?

masukkan deskripsi gambar di sini

erdekhayser
sumber
Untuk informasi yang terlalu banyak, lihat Nyquist-Shannon Sampling alias frekuensi Shannon: untuk mereproduksi sinyal yang diperlukan sekitar 1,5-2x sampel frekuensi. Ini adalah alasan mengapa audio digital kira-kira. 44kHz (pendengaran manusia memiliki bandwidth sekitar 22KHz) dan gambar untuk dicetak adalah 300dpi (layar 150 garis). "Kisi kedua" yang dilapis pada gambar (seperti yang dibicarakan di bawah) adalah "sampler" dalam kasus ini, dan kisi-kisi tersebut terlalu serupa dalam skalanya.
Yorik

Jawaban:

33

Ini disebut pola Moiré .

Ini terbentuk ketika dua pola 'kisi' (istilah longgar yang dapat diterapkan pada garis geometris, titik, dll.) Saling ditimpa dan dipindahkan.

Dalam kasus ini, dua 'pola kisi' adalah gambar, itu sendiri (yang merupakan garis geometris) dan penyegaran layar berbasis piksel pada layar Anda.

Efek serupa adalah ketika para penyiar berita akan mengenakan pola bergaris-garis ketat di TV: https://www.youtube.com/watch?v=jXEgnRWRJfg

DA01
sumber
2
Dan itu sangat terkait dengan resolusi tertentu. Memperbesar gambar itu di iPad saya, efeknya dengan cepat berkurang dan kemudian menghilang.
usr2564301
35
Efek ini juga dikenal sebagai "OW OW OW DAMMIT MY EYES MEMBUATNYA," meskipun itu jargon industri.
Lauren-Reinstate-Monica-Ipsum
1
@ Jongware Sayangnya saya tidak dapat mereproduksi hasil Anda. Bahkan ketika diperbesar lebih jauh dari pengisian layar, efeknya tidak akan hilang. Itu akan menjadi pertanyaan tindak lanjut yang bagus.
Mast
15
(Bernyanyi) Ketika garis-garis di layar membuat lebih banyak garis di antara keduanya, itu adalah Moire ...
Jeff Bowman mendukung Monica
2
@ JeffBowman dimainkan dengan baik, Pak, dimainkan dengan baik.
DA01
23

Moiré dari pola overlay sendiri

Pola logo menciptakan tampilan gerak visual yang mengejutkan ketika ditunjukkan pada LCD * dan tampilan digulir oleh sebagian kecil dari ukuran pola.

Efek yang terlihat saat menggulir gambar ke atas dan ke bawah adalah pola Moiré .
Pola semacam ini muncul ketika dua pola garis biasa tumpang tindih.
Dua pola, dalam hal ini, keduanya dari gambar yang sama:

Ini adalah gambar layar saat ini di atas afterimage dari kondisi layar sebelumnya di otak pemirsa .

Pola pada gambar logo disebut "Bintang Siemens" :

Bintang Siemens dipangkas

(Dari forum.luminous-landscape.com )

Sekarang, mari kita lihat tampilannya ketika menambahkan lapisan transparan 50% dengan gambar yang sama, dan menggesernya menjadi beberapa piksel:

Digeser ke bawah oleh 3 piksel:

Digeser ke bawah sebanyak 3 piksel

Digeser ke bawah sebesar 10 piksel:

Digeser ke bawah sebesar 10 piksel


Mengapa berdenyut?

Perhatikan bagaimana pola moire memiliki ukuran yang berbeda - semakin besar untuk offset yang lebih besar. Ini menjelaskan efek denyut yang dapat Anda lihat saat menggulir: Pengguliran tidak menggunakan langkah yang sama, sehingga offset sedikit berbeda.


* Efeknya tidak tergantung pada penggunaan LCD. Itu harus terjadi sangat mirip pada tampilan apa pun berdasarkan pada matriks piksel fisik. Pada tampilan CRT, efeknya mungkin lebih sulit untuk diamati. Salah satu alasannya adalah bahwa artefak dari konsep tampilan CRT sedemikian rupa sehingga mereka dapat dengan mudah mengganggu di sini. Selain itu, perbedaan penting antara CRT dan LCD adalah bahwa CRT mewakili piksel yang biasanya sedikit terlalu unsharp, dibandingkan dengan gambar yang ideal, sedangkan LCD biasanya menunjukkan piksel terlalu tajam (!) - lebih tajam dari yang seharusnya. Karena pola bintang Siemens secara eksplisit menggunakan batas atas resolusi layar, perbedaannya memiliki pengaruh yang kuat.

Volker Siegel
sumber
Mungkin perlu dicatat bahwa monitor yang berbeda dan kecepatan refresh dapat menyebabkan efek lebih atau kurang diucapkan. Pada layar CRT di mana gulir disinkronkan dengan kecepatan refresh, efeknya mungkin ringan atau bahkan tidak ada dibandingkan dengan banyak layar LCD.
supercat
@supercat Right - Saya entah bagaimana mengasumsikan LCD tanpa menyatakannya; Pada CRT, "robek" dapat menyebabkan satu bagian dari denyut nadi - "pulsa" menjadi lebih kecil atau lebih besar. Interlacing akan memiliki efek yang cukup kuat, saya kira.
Volker Siegel
Pada CRT, artefak visual dari pemindaian atas-bawah hanya akan menjadi masalah jika objek memindahkan sebagian besar ukuran layar per bingkai. Interlacing akan menjadi masalah kecuali jika jumlah piksel bergerak secara vertikal per frame adalah kelipatan empat yang konsisten (yaitu dua piksel per bidang ). Saya berharap monitor LCD kecepatan-refresh-tinggi akan menambahkan opsi untuk mengganti bingkai yang terlihat dan hitam; itu akan memotong kecerahan maksimum menjadi dua, tetapi gerakan frame-disinkronkan mungkin terlihat lebih baik menampilkan gambar selama 1/120 detik dan hitam untuk 1/120 daripada menampilkan gambar untuk masing-masing 1/60 detik.
supercat
3

Efek moire dan efek visual serupa adalah bagian dari cerita. Namun, dengan LCD Anda memiliki twist tambahan yang tergantung pada model LCD:

Waktu tanggapan (waktu untuk suatu piksel untuk mengubah keadaan ke apa yang diperlukan) tergantung pada tingkat abu-abu (mulai dan akhir).

http://www.lagom.nl/lcd-test/response_time.php#response_time_gif

Garis-garis, terutama yang tipis, menghadirkan banyak greylevel ke monitor dan tidak terdistribusi secara merata, sehingga menambah pergeseran fisik yang sebenarnya pada yang dirasakan. Gunakan tes di atas sebagai indikator berapa LCD Anda menjadi korban efek ini.

Simon Thum
sumber
1

Pola Moiré adalah bagian dari penyebabnya, tetapi faktor lain (karena lebih terlihat ketika Anda menggulir) adalah kecepatan refresh layar, dan fakta bahwa tidak semua baris diperbarui sekaligus. Biasanya pembaruan baris demi baris secara horizontal, dan distorsi ini dikombinasikan dengan Moiré membuat efek yang berdenyut.

Arturo Torres Sánchez
sumber
2
Kecepatan refresh sebenarnya yang menyebabkan pola moire. Ini bertindak sebagai overlay 'kisi' kedua.
DA01