Skip to content

[feat] : Add End Page#1

Open
quothraven1122 wants to merge 2 commits intomainfrom
minju
Open

[feat] : Add End Page#1
quothraven1122 wants to merge 2 commits intomainfrom
minju

Conversation

@quothraven1122
Copy link
Copy Markdown
Collaborator

THINGS DONE

  • Created component named Result to hold title/image/explanation - width and height of image and its source can also be altered 타이틀/이미지/설명 구조를 가지는 컴포넌트 생성 - 이미지의 가로 세로 길이와 소스 링크 조정 가능

  • Words inside SVG Image buttons are highlighted when hovered SVG 이미지 버튼에 마우스를 올리면 안의 흰 글씨가 노란색으로 바뀌는 기능 추가

  • Explanation is added with innerHTML and can sense
    컴포넌트 Result의 설명란(explain) 내용은
    을 인식하도록 innerHTML으로 추가되게 함

THINGS TO DO

  • [fix] : Small margin exists after .endPageHeader and .endPageFooter 버그 - 헤더와 푸터 다음에 마진이 생긴다.
  • [feat] : Need to add "Korea National School of Tricks" Logo at the bottom but want to check with other developers on how to do it 한국술법학교 로고를 밑에 추가해야하지만 추가하는 방식을 다른 개발자들과 논의 후 하기로 함

THINGS DONE
* Created component named Result to hold title/image/explanation - width and height of image and its source can also be altered
타이틀/이미지/설명 구조를 가지는 컴포넌트 생성 - 이미지의 가로 세로 길이와 소스 링크 조정 가능

* Words inside SVG Image buttons are highlighted when hovered
SVG 이미지 버튼에 마우스를 올리면 안의 흰 글씨가 노란색으로 바뀌는 기능 추가

* Explanation is added with innerHTML and can sense <br>
컴포넌트 Result의 설명란(explain) 내용은 <br>을 인식하도록 innerHTML으로 추가되게 함

THINGS TO DO
* [fix] : Small margin exists after .endPageHeader and .endPageFooter
버그 - 헤더와 푸터 다음에 마진이 생긴다.
* [feat] : Need to add "Korea National School of Tricks" Logo at the bottom but want to check with other developers on how to do it
한국술법학교 로고를 밑에 추가해야하지만 추가하는 방식을 다른 개발자들과 논의 후 하기로 함
THINGS DONE
* Created component named Question to hold a question for each item - erase (differentiates what object was clicked so we can disable it), setShow (toggles Question), question, and answer button srcs
질문지 구조를 가지는 컴포넌트 생성

* Added the animation that starts when object is clicked:
Object highlight -> Large Image shows up and object is unhighlighted -> Large Image disappears and Question component slides into screen from bottom and object is highlighted again -> Question disappears on answer
물체 클릭 할 시 발생하는 애니메이션 생성

* Button on the right side of the screen checks how many hidden images were found and turns yellow on hover if all of them were found - if not, button tells user to find more
우측에 있는 버튼은 유저가 숨겨진 이미지를 몇 개 찾았는지 인식해서 그에 따라 더 찾으라 할지, 노란색으로 변할지 결정함

* import json file to count how many 가, 나, 다, 라 answers were chosen
무슨 답을 했는지 취합하는 json파일 import하기

THINGS TO DO
* [fix] : Probably need some adjustments with button size, margin size, and position
마이너한 디자인 - 버튼 크기, 마진 크기, 위치 같은 것 세밀하게 조절해야 함. 하지만 room1과 비슷하게 하기 위해서 논의 후 조정하겠음.
* [feat] : Need to add "Korea National School of Tricks" Logo at the bottom but want to check with other developers on how to do it
한국술법학교 로고를 밑에 추가해야하지만 추가하는 방식을 다른 개발자들과 논의 후 하기로 함
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant