본문 바로가기
728x90
반응형

Interaction Design9

[JS] graphic GL, 웹에서 3D 그리기 three.js 먼저 개념설명 웹과 컴퓨터에서 3D 그림을 그리려면 아래와 같은것을 알아야한다. OpenGL(Open Graphics Library) - 3D 그래픽인 3차원 그래픽 응용프로그램을 만들기 위한 API , 1992년 실리콘 그래픽스사에서 만든 2차원 및 3차원 그래픽스 표준 API 규격으로, 프로그래밍 언어 간 플랫폼 간의 교차 응용 프로그래밍을 지원. OpenGL은 현재 CAD, 가상현실, 정보시각화, 비행 시뮬레이션 등의 분야에서 활용되고 있다. 또한 컴퓨터 게임 분야에서도 널리 활용되고 있으며, 마이크로소프트사의 Direct3D와 함께 컴퓨터 그래픽 세계를 양분하고 있다. 점,선,면등 3차원요소와 비트맵 등 2차원 요소 WebGL(openGL ES의 web 버전) - 자바스크립트로 GPU(graphi.. 2021. 7. 3.
[error] 모니터 안나올때 체크사항 그래픽 카드 설치 했는지 꼭 확인할것. 보통은 깔려있지만 어떠한 문제로 그래픽카드를 재설치하기위해 지운후 설치가 잘되지않아서 그냥 쓸때가 있다. 특히 내장, 외장 그래픽 카드가 각각 달려있을때, 내장 즉, 기본 그래픽 카드의 체크가 필요하다. 그래픽 카드가 잘 설치가 된다면 , 대부분의 경우 모니터는 정상 출력된다. 2020. 11. 13.
[error] 에프터 이펙트, 프리미어 그래픽카드 에러 구독형태의 adobe 클라우드 전제품을 사용하고 있다. premiere pro, affter effect 는 아주 가끔 사용하는데 premiere pro2020 과 affter efftect 2020, 즉 2020버젼으로 업데이트한 이후로 아래와 같은 시스템 호환성 보고서 에러가 계속 발생했고, 내용은 그래픽 카드 드라이버 문제라고 되어있다. 아래 문제를 무시하고 작업하자, 렌더링에서 단일 옵션()이 되어 렌더링 과정에서 애를 먹고 시간을 많이 소요하였다. 가능한 옵션( media encoder로 연결됨 )으로 추출한 다음, Cacao encoder 를 이용하여 변환 후 하는 과정을 거쳐 영상을 출력하였다. 출력하고나니 음성파일이 분리되서, 에펙을 이용하여 영상과 소리를 다시 합쳤다. 문제의 원인 - 오.. 2020. 11. 13.
[Ref] 인터렉션 레퍼런스 사이트 _ 애플 [ 인터렉션 레퍼런스 사이트 ] APPLE 항상 획기전이고 독보적인 사이트 디자인을 유지하는 애플. 익터렉션 스크롤, 패럴랙스 스크롤(다중 인터렉션) 기능이 적용되어서 마우스 타이밍 따라 비디오 상영하듯이 보여진다. 기존 인터렉션 사이트와 차이, 마우스 스크롤을 일정단위로 나누어서 영상이 돌게끔했다면, 지금은 마우스 스크롤이 움직일때 움직임도 같이 움직인다. 사용된 기술 : SVG 애니메이션, Javascript (*클론코딩 추천) 현재 애플사이트에서 적용된 사이트는 에어팟 프로, 아이패드 에어 신형, 아이폰12 아래 링크가 포함되어 있다. 해당 아이디어를 이용해 기획을 한다면, 음악과 패션등 다양한 분야의 제품과 프로모션 사이트에 활용도가 높을 듯하다. 클론코딩을 통해서 학습하면 인터렉션 디자인에 많은.. 2020. 11. 11.
728x90
반응형