html5canvas
반응형
검색 결과

해당 글 2건

CHAP 5. 수학과 물리학을 적용한 애니메이션 -- 미완성

♣ 목표 - 어떻게 하면 사용자의 기대대로 움직이게 할까? - 수학 알고리즘과 물리학적인 상호작용을 알아야 한다. javascript:; - 점과 벡터를 바탕으로 일직선상의 움직임, 벽을 맞고 튀는 객체와 추가로 마찰력을 적용한 객체를 만들어보자. - 직선운동 외에 원, 나선, 베지어 곡선의 움직임도 알아보자. - 중력이 움직임에 미치는 영향도 보자. - 가속도에 대해 알아보자. 5.1 일직선상으로 움직이기 5.1.1 두 점 사이의 거리 - 피타고라스의 정의(A2 + B2 = C2) 이용 - [공식5-1] 두 점간 거리 공식 ▼ [예제 5-2] 직선 이동(full source) Your browser does not support the HTML 5 Canvas. 5.1.2 벡터에 따른 움직임 - 시작점..
HTML5 Canvas 2012. 3. 5. 17:06

CHAR 2. 캔버스에 그리기

▼셀프제작데모: 눈내리기 효과 (2017.04.10 NAS2Dual 테스트용 페이지) 2.1 예제 기본 소스 템플릿 브라우저가 HTML5 Canvas를 지원하지 않습니다.(지원브라우저; IE9이상, 크롬, 사파리, 파이어폭스) 2.2 기본 사각형 그리기 메서드 - fillRect (fillStyle), strokeRect(strokeStyle), clearRect 2.3 캔버스 상태정보★ - 컨텍스트 상태 정보 스택에는 상태정보 데이터가 있다. 회전/이동에 대한 변환 행렬 정보 현재의 영역 선택 정보 캔버스 특성의 현재 값: globalAlpha, globalCompositeOperation, strokeStyle, textAlign/textBaseline, lineCap/lineJoin/lineWidt..
HTML5 Canvas 2012. 2. 22. 17:03