<맨 위로>

1주차 - 오리엔테이션

실습

2주차

  • 9월 2일 ‘결석’으로 표기된 학생들은 이의신청에 ‘수강신청 변경으로 인하여 출석인정 바랍니다’ 기록하여 이의신청 해주세요.

2주차 수업진행

2주차 실습

실제 폰에 글꼴 크기 맞추기

  • 각자 자신의 폰에 30pt 크기로 “Hello World!” 글자를 출력해 봅시다.
  • Arial 글꼴을 사용합니다. (윈도우, 맥 모두 기본으로 설치되어 있는 글꼴)
  • 지난 시간에 pt 단위가 어떤 의미를 가지고 있는지 조사 하였다면 대략 추측되는 방법이 있을 것입니다.
  • 이론상 1inch는 72pt 입니다. 계산이 맞다면 모든 학생들의 폰에는 같은 크기의 글자가 떠있어야 합니다.
  • 친구들과 글자 크기를 비교해 봅시다. 이론과 실제가 맞는지도 확인해 봅시다.
Hello World

css로 입력한 30pt의 글자

2주차 과제

  • 과제는 개인별로 제출합니다.
  • VR에서 가상의 스마트폰을 만든다면 스마트폰에 표시할 글씨 크기는 몇으로 해야할까?
  • VR에서 폰트의 크기의 단위는 무엇이 적절할까? (cm, inch, pixel, pica, point)
  • 정보가 없는 상태에서 정보를 수집하고 자신이 할 수 있는 가장 합리적인 이유를 찾아서 글씨 크기를 정해봅시다
  • 정보를 찾고 추론하는 과정에서 AI를 활용할 수 있으나 최종적인 결론은 직접 검증해서 작성하도록 하세요.
  • AI의 답변 등을 사용할 경우 출처표기 필수, 모든 페이지에 AI 사용여부를 다 입력할 필요는 없고. ‘AI 사용내역’페이지를 별도로 1장 구성하여 작성합니다. (예, ChatGPT를 이용하여 수집, 요약. 통계자료 검색 정리 요청)
  • 자료조사를 하면서 찾은 모든 자료는 링크를 첨부합니다.
  • PDF 파일로 제작 합니다. 문서 양식, 디자인 등은 신경쓰지 않아도 됩니다. (내용이 중요)

3주차

3주차 수업진행

3주차 실습

  • VR empty room을 만들고 Quest Link를 이용하여 Meta Quest3에서 empty room을 직접 실행하여 확인 합니다.
  • 2주차 과제에 조사한 내용에 따라 가상의 스마트폰을 만들고. png 이미지를 만들어서 글자를 표시하여 봅니다.
  • VR환경에서 스마트폰을 육안으로 확인하여 가독성을 실제로 파악합니다.

최소한의 정보로 시도하여 봅시다.

  • Hirachy창 마우스 우클릭 > GameObject > Cube를 통해 생성되는 기본 큐브의 크기는 1m1m1m 입니다.
  • 포토샾 등에서 이미지를 생성하여 큐브에 붙여 넣기를 하면 자동으로 크기가 늘어나서 붙습니다.
  • 기본 생성된 큐브는 scale(크기 배율)이 1,1,1이며 1m * 1m * 1m에 해당합니다.
  • 배율을 0.1,0.1,0.1 입력하여 각각 1cm1cm1cm의 큐브로 변경합니다.

  • 이 큐브에 원하는 크기의 글자를 출력하려면 어떤 규격의 PNG 이미지를 만들어야 할까요? 추측하고 시도하여 봅시다.

  • 이 내용은 미리 열람하지 마세요.

    vr cube 가상의 큐브에 이미지 규격 맞추기

3주차 과제

  • 기본 큐브에 이미지를 생성하여 폰트크기에 따른 글자를 출력합니다.
  • 나의 핸드폰 규격을 찾아 핸드폰과 동일한 크기의 큐브를 만들어 글자를 출력합니다.

  • 두 큐브를 나란히 띄워놓고 스크린샷 하여 답글로 업로드 합니다. (글씨를 여러 크기로 작성하여 이미지를 생성합니다. 하단 참조)

  • 2주차 과제 였던 ‘VR로 제작했을때 적합하다고 생각한 폰트크기’를 게시글에 내용으로 적습니다.
  • 3주차 과제 ‘실제 제작하여 큐브에 띄워본 결과 적합하다고 생각되는 폰트크기’를 게시글에 내용으로 적습니다.
  • 이번 과제는 별도로 PDF파일을 제작하지 않고. 스크린샷 첨부 및 게시글 작성으로 완료 하겠습니다.

Sample 체험

  • Samples 폴더 안에 다양한 Scene에 샘플들이 있습니다.
  • 하나씩 열어보고 사용해보세요. (아직은 체험으로 이에 따른 과제 등은 없습니다)

4주차

  • 거리에 따른 폰트 가독성 확인
  • 거리 = |시작위치(카메라) - 도착위치(큐브)|(절대값)
  • 거리를 2배로 늘리면 크기도 2배로 해야 같은 크기로 보임 (정비례관계)
  • 1미터 거리에서 30pt로 보이는 글씨가 3미터 거리에서 몇pt여야 동일한 크기로 보일까?
    • 1m : 30pt = 3m : Xpt
    • Xpt = 30pt * 3m / 1m = 90pt
  • 비례식 : “내항의 곱과 외항의 곱은 같다”
  • A : B = C : D 라면 B * C = A * D
  • B = A*D/C
    • C가 이항 (등호의 왼쪽에서 오른쪽으로 이동)하면서 곱셈기호가 나눗셈으로 변환됨

4주차 실습

  • 이론적으로 스마트폰에서 적당하다고 생각한 폰트 크기를 새로 계산하고 그대로 키워서 모니터와 전광판에 띄우면 같은 크기의 글자를 얻을 수 있습니다.
  • 스마트폰 거리 30cm, 모니터 거리 70cm, 전광판 거리 10m 로 설정하고 거리에 따라 몇pt의 폰트가 필요한지 계산합니다.
  • 모니터용, 전광판용 이미지를 별도로 제작하지 말고, 큐브의 크기(배율)를 조절하여 각 거리에 적합한 크기로 변경합니다.

4주차 과제

  • 스마트폰 거리 30cm, 모니터 거리 70cm, 전광판 거리 10m 로 설정하고 거리에 따라 몇pt의 폰트가 필요한지 계산한 결과를 기록합니다.
  • 거리에 맞게 큐브의 크기를 변경하여 설치하고 VR통해 글씨 가독성을 확인하고 결과를 기록합니다.
  • 계산이 올바르다면 예시 스크린샷과 동일하게 모든 경우에 같은 크기의 글씨를 얻을 수 있습니다.
  • 지난 3주차 과제의 글씨크기가 잘못 만들어진 학생이 있습니다. 이 과제에서 다시 보완하고. 어긋났던 이유를 작성합니다.
  • 질문 : 거리에 따라 배치된 VR 객체가 실제와 같이 시력에 영향을 받을까요? VR로 확인 하기전 예상하고 VR로 확인 후 실제 결과를 모두 기록합니다.
  • 기능의 이식과 구조의 변경을 시도합니다. (이 내용은 과제로 기록하지 않아도 됩니다. 다음주 까지 sample을 이어서 테스트하고 프로젝트 기획을 시작할 예정입니다.)

Sample 사용

  • Samples 폴더 안에 다양한 Scene에 샘플들이 있습니다.
  • 하나씩 열어보고 사용해보세요.

기능의 파악

  • Unity는 component방식으로 기능이 추가 됩니다. 해당 객체(object)를 선택하고 inspector창에서 확인 가능합니다.
  • Grabbable(잡을수 있는), Water Spray(물 분사), RespawnOnDrop(떨어트렸을때 재생성) 기능이 붙어 있습니다.

기능의 이식

  • Scene에 있는 객체(Object)를 복사(Ctrl+C)하여 내 Scene으로 붙여넣기(Ctrl+V) 할 수 있습니다.
  • 기능이 망가지지 않는다면 그대로 사용할 수 있습니다. 기능이 망가지면 사용할 수 없습니다.

구조의 변경

  • component를 삭제하여 기능을 삭제할 수 있습니다.
  • component를 추가하여 기능을 추가할 수 있습니다.
  • 자식 객체(child object)를 추가하여 그래픽 객체를 교체할 수 있습니다.