가상세계 썸네일형 리스트형 가상세계 산사 VR, 웹페이지/영상 띄우기 ※ 2020. 9. 12 : 유튜브 배경음악 나게 하는 법을 알아내서 본문에 포함시켰습니다. 가상세계 산사(sansar) 에서는 웹페이지를 띄울 수 있는 웹뷰어가 있는데요. 오늘은 웹뷰 아이템을 만드는 방법을 다루어 보겠습니다. 웹뷰 화면을 띄워줄 아이템은 산사 기본 템플릿에서 찾아보실 수 있는데요. 먼저 산사에 로그인하신 다음, Create - Build Worlds ( 월드 생성 ) 을 클릭, CREATE - Watch Party Day Template scene 템플리트를 선택합니다. 웹뷰 아이템만 획득하고 지울거니까 이름은 대강 주고 CREATE 버튼을 누릅니다. 나중에 이 월드는 지워주시는게 좋습니다. 월드 생성에는 20개 제한이 있으니 되도록 아껴 써야지요 :) 이제 생성된 월드의 편집 버튼을.. 더보기 3D블렌더 모델링 가상세계 산사VR(SANSAR) 업로드 첫 게시글 : itadventure.tistory.com/337 세컨드라이프 2, VR 가상세계 산사(SANSAR) 산사(SANSAR), 일명 세컨드라이프2라고 불리우는 린든랩 사의 2번째 가상세계 컨텐츠에 접속해보았습니다. 산사는 눈에 고글을 쓰고 가상현실을 체험하는 VR 전용 컨텐츠입니다. 몇 년 전 확인해보 itadventure.tistory.com 3D 모델링 툴에서 작업한 미니TV를 가상세계 산사VR에 업로드해보았습니다. 오늘은 관련 내용을 공유하려고 합니다 :) 먼저 블렌더로는 3D 작업물이 되어 있는 상태입니다. 이 모델은 단순히 단일 텍스쳐 하나에 UV 맵이 적용된 상태인데요 블렌더에서는 조명과 카메라를 삭제하고 파일 - 내보내기 - FBX 를 선택합니다. 적당한 파일명을 입력해 주고, F.. 더보기 3차원 웹, 창공을 누비는 카메라! - 25번째 시간 three.js 버전이 변경되어 소스가 일부 수정되었습니다. ( 2020. 4. 12 ) 본문과 일부 소스가 상이할 수 있으며 작동 소스는 아래에서 확인하실 수 있습니다. http://dreamplan7.cafe24.com/canvas2/three013.html 사람이 새처럼 하늘을 날아다닐 수 있다면 얼마나 좋을까요? 어디든지 순식간에 휙 날아갈 수 있게 말이죠. 위험도 없고 염려없이 하늘을 날 수 있다면 마치 천사와 같은 삶이 아닐지요. 성서에서 말하는 천국을 가게 되는 사람들은 그 곳에서 그런 축복을 누릴 수 있을지도 모릅니다 :) 지난 시간에는 카메라 제어에 대해서 다루어 보았었는데요. 원클릭으로 원하는 지점으로 한번에 휙 가는 것은 편리하지만, 난데없이 갑자기 움직여서 어디에서 어디로 가.. 더보기 3차원 웹 캔버스, 원터치 버튼 이동! - 24번째 시간 three.js 버전이 변경되어 소스가 일부 수정되었습니다. ( 2020. 4. 12 ) 본문과 일부 일치하지 않는 부분이 있을 수 있으며 아래 URL 에서 작동을 확인해보실 수 있습니다. http://dreamplan7.cafe24.com/canvas2/three012.html https://youtu.be/cnARSpNaAV0 웹의 장점은 빠른 찾기 기능입니다. 지금도 언제든지 크레이의 블로그의 메뉴에서 찾고 싶은 메뉴를 클릭하면 언제든지 해당 메뉴 위치로 이동하지요. 3차원 웹에서도 특정지점으로 이동하기 위해 마우스로 낑낑거리며 이동할 수도 있지만, 기왕이면 원클릭으로 한번에 이동하는 기능이 있으면 어떨까요? 이미 영상에서 보신 것처럼 가능합니다. 다만 3차원웹이기 때문에 2차원 웹과는 제공해야.. 더보기 3차원 웹, 하늘과 바다를 만들어 봐, 캔버스와 함께하는 자바스크립트, 20번째 시간 three.js 버전이 변경되어 이전 소스가 작동이 안될 겁니다. 수정 버전을 맨 마지막에 추가로 수록하였으니 참조해 주세요 ( 2020. 4. 12 ) https://youtu.be/ZNrmBoMf0YE 하나님이 이르시되 "물 가운데에 궁창이 있어 물과 물로 나뉘라" 하시고 하나님이 궁창을 만드사 궁창 아래의 물과 궁창 위의 물로 나뉘게 하시니 그대로 되니라 하나님이 궁창을 하늘이라 부르시니라 저녁이 되고 아침이 되니 이는 둘째 날이니라 성서의 창세기 1장, 지구를 창조하신 하나님께서 두번째 날에 행하신 일로 기록됩니다. "물 가운데 궁창이 있어 물과 물로 나뉘라!" 궁창(穹蒼)은 '푸른 하늘'이라는 한자어입니다. 영어 성경 킹제임스 버전에서도, 다음과 같이 말씀하시지요. Let there be.. 더보기 3차원 웹, 마우스로 움직이다, 캔버스와 함께하는 자바스크립트, 16번째 시간 3차원 웹 기술, 캔버스와 자바스크립트 "마우스로 움직이다" 시간입니다 :) 오늘은 우선 예제 영상을 보도록 하실까요? https://youtu.be/2ECIpZvg7Og 허공에 3개의 정육면체가 있으며, 마우스로 클릭하여 드래그하니 3개의 정육면체가 동시에 돌아갑니다. 마우스 휠을 위로 돌리면, 확대되고 아래로 돌리면 축소하며, 마우스 우클릭하여 드래그할 경우 화면이 상하 좌우로 그대로 이동합니다. 마우스 우클릭이 추가됨으로서 마치 가상공간을 마음껏 들여다 보는 느낌인데요. 꽤 복잡해 보일듯 하지만, 사실 이 부분은 이미 만들어져 있는 멋진 기능이 마련되어 있기 때문에 그냥 가져다가 사용하면 됩니다. 이를 위해서 먼저 스크립트 라이브러리를 추가해 주어야 하는데요. 지난 소스의 여기 아래 부분에.. 더보기 이전 1 2 다음
