[Dreamhack/드림핵] Web

---

 

 

 

ㅋㅋㅋ 글자들이 날아다닌다... CTF 문제를 제작하는 데에는 참신한 아이디어도 필요한 것 같다.

 

 

 

 

 

 

F12를 눌러 관리자 도구를 열어보니, 글자가 쓰여져 있는 이미지 파일들이 있는 것을 확인할 수 있었다.

이 글자 이미지들이 날아다니는 것 같다.

지금은 이 글자들의 순서를 알 수 없다.

 

 

 

문제 페이지의 소스 코드를 살펴보겠다.

 

그 전에 잠깐 특이점을 찾아낼 수 있었는데, 

 

 

 

코드가 계속 바뀌는 것을 알 수 있었다, 아마 페이지에서 글자의 이미지가 위치하는 위치값이 계속 바뀌는 것 같았다.

 

이 움직임을 멈춰줘야겠다고 생각해서, 위치값을 계속 바뀌게 하는 코드를 찾아보았다.

 

"transform: translateX()" 부분이 움직임에 관여한다고 생각해서 관련 코드를 아래에서 찾아보았다.

 

const max_pos = self.innerWidth;
    function anim(elem, pos, dis){
      function move() {
        pos += dis;
        if (pos > max_pos) {
          pos = 0;
        }
        elem.style.transform = `translateX(${pos}px)`;
        requestAnimationFrame(move);
      }
      move();
    }

 

이 부분이 움직임과 관련있을 것이라고 생각했다.

if 문의 조건을 바꿔주면 움직임을 멈출 것이라고 생각해서, 일단 pos > max_pos 를  pos <= max_pos로 바꿔서 저장한 Web.html을 만들어서 파일을 열어보았다.

 

 

날아다니는 건 멈췄는데, 그냥 위에서부터 아래로, 왼쪽부터 오른쪽으로 순서대로 읽으면 되는 걸까?

 

읽기 힘들었지만 한 번 해보았다.

 

"Too_H4rd_to_sEe_th3_Ch4rs_x.x" 라고 읽혀졌다...

 

그런데 생각해보니까

 

위에서 아래로, 왼쪽에서 오른쪽으로 화면에 보이는 순서대로 소스코드에 이미지 파일이 등록되어있던 것 같아서

그 순서대로 이미지를 읽어보았다.

 

 

 

10 17 13 7 16 8 14 2 9 5 11 6 12 3 0 19 4 15 18 1 순서이므로,

이미지를 순서대로 읽어본 결과, 아까의 값인 "Too_H4rd_to_sEe_th3_Ch4rs_x.x" 와 같았다.

 

 

정답을 맞췄다!