CSS를 사용하여 3D 베개를 만들고 싶습니다.CSS를 사용하여 3D 베개 만들기
CSS에서 값을 변경하여 왼쪽, 오른쪽, 위, 아래로 회전하고 가운데에서 회전 할 수 있기를 원합니다.
나는 부드럽게 보이고 싶다.
베개에 배경 이미지를 추가하고 싶습니다.
CSS 만 사용하면 되나요? 그렇다면 어디서 배울 수 있습니까? 그렇지 않다면 어떤 제안이 있습니까? 그것이 가능했던 경우 매우 어려운 소리를 그렇게 CSS를 사용하는 방법에 대한
확실하지.
자바 스크립트를 사용하여 3D 모델 뷰어를 빠르게 검색 할 수 있습니다.
그런 다음 3d 뷰어에서 사용할 수있는 파일을 찾거나 만듭니다.
.PLY 파일은 대부분의 3D 모델 뷰어에서 작동하므로이 파일 유형을 살펴볼 수 있습니다. http://edutechwiki.unige.ch/en/3D_file_format에는 3d 파일 유형 목록이 있습니다.
이러한 파일 중 일부를 만들려면 적합성이있는 프로그래밍 언어를 사용하거나 파일을 만드는 데 도움이되는 라이브러리를 사용하거나 믹서기 같은 모델 작성 프로그램을 사용할 수 있습니다. 필요한 것. EDIT : 3D 스캐너를 사용할 수 있다면 3d 스캐너를 사용할 수 있습니다.
코드를 사용하여 파일을 만드는 경우 .ply 파일과 같은 일부 3D 파일 형식을 볼 수있는 무료 소프트웨어 인 meshlab을 얻을 수 있습니다.
편집 : 또는 다소 쉬운 해결 방법은 자신의 .gif 파일 또는 움직이는 이미지를 만드는 것입니다. 베개가 방향을 바꾸고 또 다른 베개는 다른 방향으로 만들 수 있습니다. 그런 다음 이미지 주위에 방향 버튼을 배치하면 이미지가 바뀝니다. 그것은 당신이 요구하고있는 것이 아니지만 베개의 채광 된 3d 모델을 만드는 것보다 쉽습니다.
베개를 3D 응용 프로그램 (예 : 대답에 언급 된 Blender)으로 모델링 한 다음 WebGL을 사용하여 3D 모델을 표시 할 수 있습니다. 단, 사용자가 사용하는 브라우저가 WebGL을 먼저 지원하는지 확인하십시오. 이것은 추가 라이브러리없이 구현 될 수 있지만 작성하는 데는 약간의 작업이 필요합니다. WebGL에 대한 자습서는 https://developer.mozilla.org/en-US/docs/Web/WebGL/Getting_started_with_WebGL에서 확인할 수 있습니다. 이것은 당신에게 대부분의 제어 및 가능한 기능을 제공합니다. –
그러나 대답에 제안 된 것처럼 3D 효과를 위조하는 것으로도 충분할 수 있습니다. 이런 종류의 효과를 얻으려면 다른 각도의 베개를 보여주는 정적 이미지 세트를 사용해보십시오. 그러나이 경우 어쨌든 적절한 이미지 디스플레이 관리를 구현해야합니다. –