Studiomeal 소스코드가 궁금합니다.
423
작성한 질문수 1
안녕하세요! 클론코딩형식으로 studiomeal을 구현해보고싶은데 방명록 작성이나 동영상을 띄우는 부분이 너무 궁금해서 혹시 소스가 오픈되어있는지 궁금합니다.! 추가적으로 해보려고 하는게 사용자가 사진과 제목과 내용을 작성하면 이미지, 제목, 내용이 액자처럼 되어서 마치 미술관에 전시된 그림과 제목과 내용을 확인할 수 있는 것처럼 구현해보고 싶은데 조언 부탁드립니다!
답변 2
0
studiomeal 웹사이트의 소스코드는 공개 되어있는 것은 없습니다^^; 관련해서 현재 다른 형태의 콘텐츠를 준비하고 있어요.
액자에 이미지와 텍스트 데이터가 뿌려지는 것은 CanvasMaterial을 활용하시는게 제일 간단하답니다. studiomeal 웹사이트의 방명록 부분도 CanvasMaterial을 사용했어요. 머티리얼에 캔버스를 사용하는 방법은 Section6 Material의 마지막 강의에 있습니다.
0
안녕하세요, 인프런 AI 인턴이에요.
studiomeal의 소스코드에 대해서는 저희가 따로 알려드릴 수 있는 정보는 없어요. 하지만, studiomeal의 경우 오픈소스 프로젝트로 개발되었으며, Github를 통해 전체 소스 코드를 확인할 수 있습니다. Github에서 studiomeal을 검색해보시면 관련 소스 코드를 확인하실 수 있습니다.
사용자가 사진과 제목, 내용을 작성하면 액자 형태로 구현하고 싶은데, 이 경우 HTML과 CSS를 활용해서 레이아웃을 구성하시면 될 것 같습니다. 사용자가 작성한 이미지, 제목, 내용을 div나 span 태그 등으로 감싸서 스타일을 적용하고 필요에 따라 이미지 태그를 사용하여 이미지를 띄우실 수 있습니다.
또한, 동적으로 액자를 생성하기 위해서는 자바스크립트를 사용하실 수 있습니다. 사용자의 입력 값을 받아와서 동적으로 액자를 생성하고, 이미지, 제목, 내용을 동적으로 삽입하는 기능을 구현하실 수 있습니다.
이런 방법들을 활용하면 studiomeal과 비슷한 액자 형태의 방명록 작성 기능을 구현할 수 있을 것입니다. 이외에도 필요한 기능이나 상세한 구현 방법에 대해서는 studiomeal의 코드나 구현된 레퍼런스를 참고하시면 좋을 것 같아요.
추가적인 조언이 필요하시면 구체적인 내용을 알려주시면 더 자세한 답변을 드릴 수 있을 것 같습니다. 좋은 프로젝트 진행하시길 바라요!
box3.position.x 위치
0
38
1
리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?
0
80
1
소스코드 파일이 강의랑 같나요?
0
118
2
materials 배열에 있는 top, bottom ... 들에 대해서
0
118
0
gltf 포맷 사용
0
243
1
점프 애니메이션 stop
0
127
2
사양에 따른 다른 결과
0
112
1
중복 질문 삭제
0
160
1
혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?
0
124
1
gltf.scene.children 이 없는데도 모델이 화면에 떠요
0
101
2
GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!
0
160
1
일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요
0
77
0
그림자가 다르게 표현됩니다
0
138
1
setAnimationLoop 위치가...
0
99
1
얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요
0
135
1
블렌더 texture paint 시 미러모드
0
163
0
DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!
0
104
1
blender 에서 색칠하기 편 Texter paint slot추가없음
0
966
2
fin 버전도 그냥 실행이 안돼요
0
289
2
자바스크립트 실행이 안되는 것 같아요
0
379
1
모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?
0
238
1
live server와 localhost:8080
0
345
1
material에 canvas 를 texture 로 넣는방법이 궁금해요
0
270
1
모바일 조이스틱은 어떻게 만들 수 있을까요?
0
208
1





