Dưới đây là logo Sonos mới.

Khi bạn cuộn lên xuống với hình ảnh trên màn hình, có vẻ như sóng âm thanh đang đập ra bên ngoài.

Điều gì gây ra hiệu ứng này xảy ra?

Nó được gọi là mô hình Moiré .

Nó hình thành khi hai mẫu 'lưới' (thuật ngữ lỏng lẻo có thể áp dụng cho các đường hình học, dấu chấm, v.v.) được chồng lên nhau và di chuyển.

Trong trường hợp này, hai "mẫu lưới" là hình ảnh, chính nó (là các đường hình học) và làm mới màn hình dựa trên pixel của màn hình của bạn.

Một hiệu ứng tương tự là khi các nhà phát thanh sẽ mặc các mẫu sọc chặt trên TV: https://www.youtube.com/watch?v=jXEgnRWRJfg

Moiré của mô hình chồng lên chính nó

Mẫu của logo tạo ra sự xuất hiện trực quan đáng ngạc nhiên của chuyển động khi nó được hiển thị trên màn hình LCD ^* và chế độ xem được cuộn bởi các phân số nhỏ của kích thước mẫu.

Hiệu ứng nhìn thấy khi cuộn hình ảnh lên xuống là một mẫu Moiré .
Kiểu mẫu này xuất hiện khi hai mẫu đường kẻ thông thường chồng lên nhau.
Hai mẫu này, trong trường hợp này, đều từ cùng một hình ảnh:

Đó là hình ảnh màn hình hiện tại so với ảnh hưởng của trạng thái màn hình trước đó trong não người xem .

Mẫu trong hình ảnh logo được gọi là "Ngôi sao của Siemens" :

(Từ forum.lum-landscape.com )

Bây giờ, hãy xem nó trông như thế nào khi thêm một lớp trong suốt 50% với cùng một hình ảnh và chuyển nó xuống một số pixel:

Đã giảm 3 pixel:

Đã giảm 10 pixel:

Tại sao lại đập?

Lưu ý cách mẫu moire có kích thước khác - nó sẽ lớn hơn để bù nhiều hơn. Điều này giải thích hiệu ứng xung mà bạn có thể thấy trong khi cuộn: Việc cuộn không sử dụng các bước bằng nhau, do đó độ lệch thay đổi một chút.

_{* Hiệu quả không phụ thuộc vào việc sử dụng màn hình LCD. Nó sẽ xảy ra rất giống nhau trên bất kỳ màn hình nào dựa trên ma trận pixel vật lý. Trên màn hình CRT, hiệu ứng có thể khó quan sát hơn. Một lý do là các tạo tác của khái niệm hiển thị CRT sao cho chúng có thể can thiệp dễ dàng ở đây. Ngoài ra, một điểm khác biệt quan trọng giữa CRT và LCD là CRT đại diện cho pixel thường hơi quá so với hình ảnh lý tưởng, trong khi LCD thường hiển thị pixel quá sắc nét (!) - sắc nét hơn so với lý tưởng. Vì mô hình ngôi sao của Siemens đang sử dụng rõ ràng các giới hạn trên của độ phân giải màn hình, sự khác biệt có ảnh hưởng mạnh mẽ.}

Hiệu ứng moire và hiệu ứng hình ảnh tương tự là một phần, rất có thể là một phần của câu chuyện. Tuy nhiên, với màn hình LCD, bạn có một vòng xoắn phụ thuộc vào kiểu máy LCD:

Thời gian phản hồi (thời gian để pixel thay đổi trạng thái thành mức cần thiết) phụ thuộc vào mức độ màu xám (bắt đầu và kết thúc).

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

Các dòng, đặc biệt là các dòng mỏng, thể hiện vô số greylevels cho màn hình và chúng không được phân phối đều, do đó thêm các thay đổi vật lý thực tế cho những gì được cảm nhận bằng mọi cách. Sử dụng thử nghiệm ở trên làm chỉ số cho thấy màn hình LCD của bạn trở thành nạn nhân của hiệu ứng này.

Mẫu Moiré là một phần nguyên nhân, nhưng một yếu tố khác (vì nó đáng chú ý hơn khi bạn cuộn) là tốc độ làm mới màn hình và thực tế là không phải tất cả các dòng đều cập nhật cùng một lúc. Nó thường cập nhật từng dòng theo chiều ngang và sự biến dạng này kết hợp với Moiré tạo ra hiệu ứng xung.