본문 바로가기

AR2

AI로 신세계 발견, A-frame AR/VR 라이브러리 "vr 회사 홈페이지를 만들거야. vr 안경으로 주위를 둘러볼 수 있게 하고 360도 방향마다 적절하게 입체적으로 메뉴를 배치해줘."음? 이게 뭐지 .. ?! 오!사실 위 결과가 한번에 나온건 아니고 꽤 수정요청 및 직접 수정도 했습니다.Windsurf 에게 일을 시켰는데 생전 처음 보는 A-Frame 를 사용해서 꾸며보겠다고 하더군요.처음에는 실행이 안되고 몇번 오류가 나서 고쳐달라고 하다 보니 이런 화면이 나왔습니다.가운데 동그란게 바라보는 시점인데요.카메라를 조정해 메뉴에 가져다 대면 잠시 후 팝업이 뜹니다.닫기 버튼에 가져다 대면 잠시 후 사라지구요.VR 로 화면을 볼 때는 터치가 불가하기에 이런 방식을 터치로 인식하게 하거든요.Three.js 를 기반으로 하지만, 정작 물체의 배치는 스크립트를 .. 2025. 6. 23.
chatGPT 가 만든 증강현실 AR 증강현실은 아직 접해본 적이 좀 어렵게 느껴졌는데요.AI 코딩으로 샘플코드를 짜달라니 세상에나 순삭이네요.AR은 현실공간과 가상공간을 혼합한 서비스인데요.스마트폰 웹브라우저(크롬이나 기본 브라우저)에서 지원이 됩니다.사진의 빨간 상자는 실제 존재하는 사물이 아니라, 터치하여 배치한 가상 물체인데요.녹색 원은 스마트폰을 들고 카메라를 움직이면 배치할 수 있는 상황에 그 자리가 원으로 표시됩니다.책상 위에 이렇게 배치할 수도 있습니다.증강현실은 반드시 https 주소를 필요로 합니다.그러니 요새 https 주소가 지원되는 저렴한 카페 24 웹호스팅으로 테스트가 가능한데요.웹호스팅은 이 글의 범주가 아니니 넘어가고,시도했던 요청문구, 그리고 완성된 소스, 해당 기능이 적용된 크레이의 URL 주소만 공개하.. 2025. 5. 28.