← Code in the Wind #1 challenge site

Qualifiers #2: Pastel Collage

Reference

Reference image

Objectives

  • สร้างแกลเลอรี่รูปภาพ 3 รูป ที่ความกว้างรวมทั้งหมดขยายเต็มหน้าจอ โดยมีสีพื้นหลังแตกต่างกัน
  • ภาพแต่ละภาพมีอัตราส่วนดังนี้
    • ภาพที่หนึ่ง อัตราส่วน 1:1
    • ภาพที่สอง อัตราส่วน 16:9
    • ภาพที่สาม อัตราส่วน 4:3
  • รูปภาพต้องมีความสูงที่เท่ากัน
  • ตัวเลขแสดงที่กึ่งกลางของรูป
  • หากมีการเพิ่มความกว้างของหน้าจอแสดงผล อัตราส่วนของแต่ละรูปยังคงเดิมและความกว้างรวมต้องเท่ากับขนาดหน้าจอ

English

  • Create a gallery of 3 pictures. The total width spans the whole screen. Each picture has a different background color.
  • Each image has the following aspect ratios:
    • The first picture, 1:1 aspect ratio
    • The second image, 16:9 aspect ratio
    • The third picture, 4:3 aspect ratio
  • Images must be of the same height.
  • Numbers are shown in the center of the picture.
  • If the width of the display screen is increased, the aspect ratio of each image remains the same, and the total width must be the same as the screen size.