숨만쉬어도 귀여운타입:D

이번생에 첨으로 일러스트 작업을 해봤어요 ! 수업시간에 일러스트로 작업을해봤어요 요렇게 두개의 이미지를 그려봤어요 ! 토끼 그림은 채색까지 완료했고 크리스마스의 악몽은 선을 따다가 수업종료... 나중에 완료해야겠쬬 .. ? 작업한 순서를 gif로 만들어봤어용 선만따다 수업시간이 끝나서 너무 아쉬워요 ... 담엔 더 빨리해야겠어요 !

See the Pen Untitled by getgrovy (@getgrovy) on CodePen. code 펜으로 만들어 봤어요 ! html화면은 div * 6 개를 만들어줬고 css에 위에 만든 div 에 css를 넣어줬어요

three.js란? three.js는 컴퓨터내의 그래픽카드 리소스를 사용해서 좀더 부드럽게 동작이 가능해요 웹 브라우저에서 3차원 컴퓨터 그래픽스 애니메이션 응용을 만들고 표현하기 위해 사용되는 JS 라이브러리입니다 어떻게 그게 가능하죠 ? ? Three.js는 웹페이지에 3D 객체를 쉽게 랜더링할 수 있도록 도와주는 Javascript 3D 라이브러리에요 WebGL 기술을 기반으로 랜더링과 카메라, 조명 등의 3D 프로그래밍 기술을 간단하게 사용하게끔 만들어줘요 ! 소스를 보면서 같이 작업해 볼게요 ! 소스보기 ! 1 . Importing 저같은경우 주소를 임포트했어요 . 임포트하던 직접 다운받던 선택해서 우선적으로 작업하셔야 해요 ! 2. Three.js는 크게 Scene, Camera, Render..

codepen으로 만들어봤어요 ! HTML 삽입 미리보기할 수 없는 소스 bounce애니매이션을 css로 만들었어요 ! Pixmy point ! ... animation: circle 5s ease-in-out infinite; } @keyframes circle{ 0%{ } 10%{ 통통뛰기 } 20%{ 빙글빙글돌기 } 30%{ } ... 100%{ } } animation 효과에 @keyframes을 줄경우 해당 %마다 모션이 작동해요 ! animation이름이 circle인경우 xx%~xx%까지 는 0%~10% 10%~20% 통통뛰기 20%~20% 빙글빙글 돌기 ... 90%~100% 이런식으로 표현하고자 하는 애니메이션을 해당 %에 넣을경우 실행됨 !

HTML 삽입 미리보기할 수 없는 소스 spring 봄이 오고 있어요~ 뿌