สิ่งที่ทำให้เกิดผลในโลโก้ Sonos คืออะไร?


36

ด้านล่างเป็นโลโก้ Sonos ใหม่

เมื่อคุณเลื่อนขึ้นและลงด้วยภาพบนหน้าจอดูเหมือนว่าคลื่นเสียงจะออกมาด้านนอก

สิ่งที่ทำให้เกิดผลกระทบนี้จะเกิดขึ้น?

ป้อนคำอธิบายรูปภาพที่นี่


สำหรับข้อมูลที่มากเกินไปลองดู Nyquist-Shannon Sampling หรือที่รู้จักว่า Shannon frequency: ในการทำซ้ำสัญญาณหนึ่งต้องมีตัวอย่างประมาณ 1.5-2x นี่คือเหตุผลว่าทำไมเสียงดิจิตอลถึงประมาณ 44kHz (การได้ยินของมนุษย์มีแบนด์วิดท์ประมาณ 22Khz) และภาพสำหรับการพิมพ์คือ 300dpi (หน้าจอ 150 บรรทัด) "กริดที่สอง" ที่วางซ้อนบนภาพ (ตามที่พูดถึงด้านล่าง) คือ "ตัวอย่าง" ในกรณีนี้และกริดนั้นมีขนาดใกล้เคียงกันมากเกินไป
Yorik

คำตอบ:


33

มันเรียกว่ารูปแบบMoiré

มันก่อตัวขึ้นเมื่อรูปแบบ 'กริด' สองรูปแบบ (คำแบบหลวมที่สามารถนำไปใช้กับเส้นรูปทรงเรขาคณิตจุด ฯลฯ ) จะซ้อนทับกันและย้าย

ในกรณีนี้ 'รูปแบบกริด' สองรูปคือรูปภาพตัวเอง (ซึ่งเป็นเส้นเรขาคณิต) และพิกเซลที่ใช้ในการรีเฟรชหน้าจอของหน้าจอของคุณ

ผลกระทบที่คล้ายกันคือเมื่อผู้ประกาศข่าวจะสวมใส่ลวดลายที่เป็นแถบบนทีวี: https://www.youtube.com/watch?v=jXEgnRWRJfg


2
และมันก็เชื่อมโยงกับความละเอียดบางอย่าง การซูมเข้าที่ภาพบน iPad ของฉันเอฟเฟกต์จะลดลงอย่างรวดเร็วและหายไป
usr2564301

35
เอฟเฟกต์นี้รู้จักกันในนาม "OW OW OW OW MY EYES DAMMIT ทำให้หยุดได้" แม้จะเป็นศัพท์แสงอุตสาหกรรม
Lauren-Reinstate-Monica-Ipsum

1
@Jongware น่าเสียดายที่ฉันไม่สามารถทำซ้ำผลลัพธ์ของคุณ แม้เมื่อซูมเข้าไปไกลกว่าการเติมหน้าจอมันจะไม่สูญเสียผลกระทบใด ๆ มันจะทำให้คำถามติดตามที่ดี
เสา

15
(ร้องเพลง) เมื่อเส้นบนหน้าจอทำให้เส้นมากขึ้นในระหว่างที่เป็นMoiré ...
เจฟฟ์ยิงธนู

2
@JeffBowman เล่นได้ดีมากคุณเล่นได้ดี
DA01

23

Moiréของรูปแบบการซ้อนทับตัวเอง

รูปแบบของโลโก้สร้างภาพลักษณ์ที่น่าประหลาดใจของการเคลื่อนไหวเมื่อมีการแสดงบน LCD *และมุมมองถูกเลื่อนโดยเศษส่วนขนาดเล็กของรูปแบบ

เอฟเฟกต์ที่เห็นเมื่อเลื่อนภาพขึ้นและลงเป็นรูปแบบMoiré
รูปแบบชนิดนี้จะปรากฏขึ้นเมื่อรูปแบบบรรทัดสองแบบปกติซ้อนทับ
ทั้งสองรูปแบบในกรณีนี้มาจากภาพเดียวกัน:

มันเป็นภาพหน้าจอปัจจุบันมากกว่าafterimageของรัฐหน้าจอก่อนหน้าในสมองของผู้ชม

รูปแบบในภาพโลโก้เรียกว่า"Siemens star" :

ซีเมนส์สตาร์ถูกครอบตัด

(จากforum.luminous-landscape.com )

ตอนนี้เรามาดูกันว่ามันมีลักษณะอย่างไรเมื่อเพิ่มเลเยอร์โปร่งใส 50% ด้วยภาพเดียวกันและเลื่อนลงเป็นพิกเซลบางส่วน:

เลื่อนลง 3 พิกเซล:

เลื่อนลง 3 พิกเซล

เลื่อนลง 10 พิกเซล:

เลื่อนลง 10 พิกเซล


ทำไมการเต้นเป็นจังหวะ?

สังเกตว่าลวดลายลายคลื่นมีขนาดแตกต่างกันอย่างไรมันใหญ่ขึ้นสำหรับการชดเชยเพิ่มเติม สิ่งนี้อธิบายถึงเอฟเฟกต์การเต้นที่คุณสามารถเห็นได้ในขณะเลื่อน: การเลื่อนไม่ได้ใช้ขั้นตอนเท่ากันดังนั้นการชดเชยจะแตกต่างกันเล็กน้อย


* เอฟเฟกต์ไม่ได้ขึ้นอยู่กับการใช้ LCD มันควรจะเกิดขึ้นคล้ายกับจอแสดงผลใด ๆ ที่ขึ้นอยู่กับเมทริกซ์พิกเซลทางกายภาพ บนหน้าจอ CRT ผลกระทบอาจจะสังเกตได้ยากขึ้น เหตุผลหนึ่งก็คือสิ่งประดิษฐ์ของแนวคิดการแสดงผล CRT นั้นอาจรบกวนได้ง่ายที่นี่ นอกจากนี้ความแตกต่างที่สำคัญระหว่าง CRT และ LCD คือ CRT หมายถึงพิกเซลมักจะไม่ชัดเกินไปเมื่อเทียบกับภาพในอุดมคติขณะที่ LCD มักแสดงพิกเซลที่คมชัดเกินไป (!) - คมชัดเกินกว่าที่ควรจะเป็น เนื่องจากรูปแบบดาวของซีเมนส์กำลังใช้ขีด จำกัด บนของความละเอียดการแสดงผลอย่างชัดเจนความแตกต่างจึงมีอิทธิพลอย่างมาก


อาจสังเกตว่าจอภาพและอัตราการรีเฟรชที่แตกต่างกันอาจทำให้เอฟเฟกต์เด่นชัดขึ้นหรือน้อยลง บนหน้าจอ CRT ที่การเลื่อนถูกซิงโครไนซ์กับอัตราการรีเฟรชเอฟเฟกต์อาจไม่รุนแรงหรือไม่มีเลยเมื่อเทียบกับหน้าจอ LCD หลายจอ
supercat

@supercat ขวา - ฉันคิดว่า LCD อย่างใดโดยไม่ระบุ; ใน CRT "การฉีกขาด" อาจทำให้ส่วนหนึ่งของ "ชีพจร" เต้นเป็นจังหวะหรือมีขนาดใหญ่ขึ้น ฉันเดาว่าการพัวพัน
Volker Siegel

ใน CRT สิ่งประดิษฐ์ที่มองเห็นได้จากการสแกนบนล่างจะเป็นปัญหาเฉพาะถ้าวัตถุย้ายส่วนขนาดที่สำคัญของขนาดหน้าจอต่อเฟรม การพัวพันจะเป็นปัญหาเว้นแต่จำนวนพิกเซลที่ย้ายในแนวตั้งต่อหนึ่งเฟรมเป็นพหุคูณที่สอดคล้องกันของสี่ (เช่นสองพิกเซลต่อฟิลด์ ) ฉันหวังว่าจอ LCD อัตราการรีเฟรชที่สูงจะเพิ่มตัวเลือกในการสลับเฟรมที่มองเห็นและสีดำ มันจะลดความสว่างสูงสุดได้ครึ่งหนึ่ง แต่การเคลื่อนไหวที่ซิงโครไนซ์เฟรมอาจดูภาพที่แสดงได้ดีขึ้นสำหรับ 1/120 วินาทีและสีดำสำหรับ 1/120 กว่าการแสดงภาพ 1/60 วินาทีแต่ละภาพ
supercat

3

เอฟเฟ็กต์คลื่นและเอฟเฟ็กต์ที่คล้ายกันคือส่วนใหญ่ของเรื่องราว อย่างไรก็ตามด้วย LCD ที่คุณมีแรงบิดเพิ่มขึ้นอยู่กับรุ่น LCD:

เวลาของการตอบสนอง (เวลาที่พิกเซลเปลี่ยนสถานะเป็นสิ่งที่จำเป็น) ขึ้นอยู่กับระดับสีเทา (เริ่มต้นและสิ้นสุด)

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

โดยเฉพาะอย่างยิ่งเส้นบาง ๆ นำเสนอความหลากหลายของ greylevels ไปยังจอภาพและพวกเขาจะไม่กระจายอย่างสม่ำเสมอดังนั้นการเพิ่มการเปลี่ยนแปลงทางกายภาพที่เกิดขึ้นจริงเพื่อรับรู้อยู่แล้ว ใช้การทดสอบ obove เป็นตัวบ่งชี้ว่า LCD ของคุณตกเป็นเหยื่อของเอฟเฟกต์นี้มากน้อยเพียงใด


1

รูปแบบMoiréเป็นส่วนหนึ่งของสาเหตุ แต่เป็นอีกปัจจัยหนึ่ง (เนื่องจากเห็นได้ชัดเจนยิ่งขึ้นเมื่อคุณเลื่อน) คืออัตราการรีเฟรชของหน้าจอและความจริงที่ว่าไม่ใช่ทุกบรรทัดอัปเดตพร้อมกัน มันมักจะอัปเดตทีละบรรทัดในแนวนอนและการบิดเบือนนี้รวมกับMoiréทำให้เกิดผลเป็นจังหวะ


2
อัตราการรีเฟรชเป็นสิ่งที่ทำให้เกิดรูปแบบคลื่น มันทำหน้าที่เป็นภาพซ้อนทับ 'กริด' ที่สอง
DA01
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.