나름 신기술로 구축해본 사이트

Question

안녕하세요. 주로 웹개발만 10년 넘게 해온 개발자입니다. 주욱 회사일만 해오다 개인적으로 뭔가 해볼려니 웹에도 많은 변화가 있었네요. 나름 공부겸 해서 구축해본 사이트입니다. https://intense-beach-77044.herokuapp.com/ 일렉기타 커스텀해보는 사이트인데요..(그래봤자 컬러만) 지금은 별거 없지만 향후에는 DB 연결해서 부품 바꾸고 견적도 내고 뭐 그렇게 향상시켜볼 생각입니다.. three.js &#43; bootstrap &#43; springboot &#43; heroku 로 구축하였습니다. 웹에서 플러그인 없이 3D가 되는 것도 처음 알았고 스프링부트랑 heroku란 것으로 단시간에 서버 구축 되는 것도 처음 알았네요.. 멘붕이네요..ㅠㅠ 뭔가 점점 개발자로서 나이만 먹어가면서 뒤쳐지는 것 같아 위기의식을 느끼고 있습니다.... ps. 크롬으로 해야 안정적입니다. IE는 11도 메모리 관리가 개판이네요...왜 마소가 버렸는지 알만한.. 혹시 질문이나 의견 있으시다면 사이트 오른쪽위에 메일 주소를 참조해주시면 감사하겠습니다.

siva6 · Answer

잘봤습니다.

꽃공룡 · Answer

감사합니다.^^

fender · Answer

웹에서 3D가 생각보다 부드럽게 잘돌아가는 것 같아서 인상적입니다.제 기타 비슷하게 만들어보려고 했더니 캔디 애플 색상이 없어서 #880000 넣으니 대충 비슷해지네요 ㅎㅎ; 멋진 예제 잘보았습니다.

꽃공룡 · Answer

나름 찾아서 캔디 애플레드를 넣었는데 전혀 다른거 같네요. 님께서 주신 색상으로 바꿔야 겠습니다.^^

tkrltkwjf · Answer

잘봤스니다 ^_^

꽃공룡 · Answer

감사합니다.^^

포렌지 · Answer

맨처음에 메뉴만 뜨고 3d불러오는 약간의 텀동안응?어디가 신기술 적용된거지 했는데 저도 저정도의 고퀄리티 3D가 별다른 설치없이 디스플레이되는건 처음봤네요 잘감상하고 자극받고갑니다^^

꽃공룡 · Answer

네 감사합니다. ^^

아트 · Answer

와.. 훌륭한 작품 잘 감상하고 갑니다. 프런트엔드 진영의 기술은 나날이 너무 빠르게 진보되어 가네요.열심히 공부해도 쫓아가기 정말 쉽지 않습니다^^; 그런데 3D를 플러그인 없이 개발하셨다고 하는데 실례가 안된다면어떤 기술을 썼는지 여쭤봐도 될까요?

꽃공룡 · Answer

three.js라는 webGl 라이브러리 입니다.

Knaak · Answer

저도 보고싶은데 console 로 보니 WebGL 에러가 나네요 ㅠ

말년개발 · Answer

와 멋있네요그래픽쪽은 손놓은지가 꽤되서 어떻게 한건지 감도 안오네요 최고입니다.WEB GL 써보고 싶은 욕망이 막 생기는 사이트네요 한가지 바람이 있다면 camera위치에 따란 광원도 같이 움직였으면.아래쪽을 볼라니 어둡네요

꽃공룡 · Answer

기본 obit컨트롤이 그렇게 생겨먹어서... 아마 광원까지 회전시키면 상당히 로드가 걸릴것으로 생각되서 그런거 같습니다.

exoluse1 · Answer

three.js네요;;;

아타로스 · Answer

와아 멋지네요~!ㅎㅎ 제 친구도 기타에 관심이 많던데!

ondaa · Answer

잘 만드셨네요 ㅋㅋㅋ 저도 Three.js 로 게임 만들어 볼까 했었는데ㅋㅋㅋㅋㅋ

나름 신기술로 구축해본 사이트

16개의 답변

#three.js 목록