029 웹페이지 예제 실습 (3) script 적용 및 호스팅

Daily Study/Web Dev 2021.03.18

// map window.onload = function(){ var mymap = document.getElementById('map'); var latlng = new google.maps.LatLng(37.497673,127.0277946); var gmap = new google.maps.Map( mymap, { zoom: 16, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }); // ICON pointer var marker = new google.maps.Marker({ position: latlng, map: gmap, title:'강남역' }); google.maps.event.addListener(marker, 'click', f..

028 웹사이트 예제 실습 (2) css 적용

Daily Study/Web Dev 2021.03.18

skip navigation skip to Content Logo Main navigation Main menu Team Work Price Contact Search Red Velvet TEAM MEMBERS Red and Velvet, different two themes. Irene Leader, Main Rapper Seulgi Main Dancer, Lead Vocal Wendy Main Vocal Joy Lead Rapper, Sub Vocal Yeri Sub Vocal, Sub Rapper MEMBERSHIP Choose a membership plan that fits your needs. REVELUV Basic 10GB Storage 10 Emails 10 Domains Endless ..

017 블렌더 연습 핑구 모델링 및 간단한 애니메이션

Daily Study/3D 2021.03.18

최근에 여자친구한테 핑구가 눗눗 소리내는 성대모사를 몇 번 했었는데 여자친구가 핑구를 본 적이 없다고 해서 같이 몇 화 정도 봤었는데 문득 뭘 만들어볼까 하다가 생각나서 만들어봤다. 레퍼런스 이미지 따라서 대충 요렇게 모델링을 해주고 머테리얼에서 Base Color랑 Roughness만 만져주고 배 부분은 간단하니까 텍스처 페인팅으로 그렸다. 눗눗 할때 부리 부분에 어떻게 애니메이션을 줘야하나 한참 찾다가 그나마 느낌만이라도 내보려고 Shrinkwrap 모디파이어를 걸어서 노말 부리 상태로 찌그러져 있다가 늘어난 형태로 부풀게 애니메이션을 만들었다. 그리고 유튜브에 돌아다니는 핑구의 눗눗 컴필레이션(... 눗눗하는 부분만 20분 정도 나온다)에서 음성만 따서 배경음악 없는 부분으로 1초 정도 짤라내서 ..