본문내용 바로가기
MD의선택 무료배송 이벤트 사은품 소득공제

HTML5 캔버스 완벽 가이드 그래픽 애니메이션 게임 개발을 위한 캔버스

위키북스 오픈소스 웹 시리즈 45
데이비드 기어리 지음 | 김민섭 옮김 | 위키북스 | 2012년 12월 13일 출간
클로버 리뷰쓰기
  • 정가 : 40,000원
    판매가 : 36,000 [10%↓ 4,000원 할인]
  • 혜택 :
    [기본적립] 2000원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2,000원 추가적립 안내 [회원혜택] 회원 등급 별, 3만원 이상 구매 시 2~4% 추가적립 안내 [리뷰적립] 리뷰 작성 시 e교환권 최대 300원 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일( 1일,수) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
  • 컴퓨터/IT 도서 2만원 이상 구매 시 개발자 매거진 사은품 선..
    2021.11.11 ~ 2021.12.31
  • 2022 캘린더 수록한 IT독자를 위한 readIT 노트 사은품
    2021.10.14 ~ 2021.12.31
  • 책을 통해 성장해나가는 개발자를 응원합니다.
    2017.06.22 ~ 2025.07.31
  • MANNING, O'REILLY, PACKT, WILE..
    2016.03.07 ~ 2022.12.31
상품상세정보
ISBN 9788998139070(8998139073)
쪽수 716쪽
크기 188 * 240 * 40 mm /1530g 판형알림
이 책의 원서/번역서 Core HTML5 canvas : graphics, animation, and game development / Geary, David M.

책소개

이 책이 속한 분야

『HTML5 캔버스 완벽 가이드』는 HTML5와 자바스크립트를 이용해 캔버스에 직선을 그리는 방법부터 핀볼 게임을 구현하는 방법까지 모든 과정을 담고 있다. 전반부에는 도형 및 텍스트를 캔버스에 그리는 방법과 이미지를 조작하고 그리는 방법을 소개하는 캔버스 API를 다룬다. 후반부에는 캔버스 API를 사용해 애니메이션과 움직이는 스프라이트를 구현하고 시뮬레이션 생성, 비디오 게임을 개발하는 방법 등을 소개한다. 이 외에도 캔버스 기반 모바일 애플리케이션을 제작하는 방법 등을 풍부한 예제를 통해 제시함으로써, 캔버스 개발 입문자부터 개발자까지 모두 활용할 수 있도록 구성했다.

상세이미지

HTML5 캔버스 완벽 가이드(위키북스 오픈소스 웹 시리즈 45) 도서 상세이미지

목차

▶ 01장 캔버스 구성
1.1 요소
1.1.1 요소의 크기와 드로잉 표면의 크기
1.1.2 캔버스 API
1.2 캔버스 콘텍스트
1.2.1 2d 콘텍스트
1.2.2 캔버스 상태 저장 및 복원
1.3 책에서 사용하는 표준 형태
1.4 개발 환경 개요
1.4.1 명세서
1.4.2 브라우저
1.4.3 콘솔 및 디버거
1.4.4 성능
1.5 기본적인 드로잉 작업
1.6 이벤트 처리
1.6.1 마우스 이벤트
1.6.2 키보드 이벤트
1.6.3 터치 이벤트
1.7 드로잉 표면의 저장 및 복원
1.8 캔버스에서 HTML 요소 사용하기
1.8.1 보이지 않는 HTML 요소
1.9 캔버스 출력하기
1.1 오프스크린 캔버스
1.11 간단한 수학 입문
1.11.1 대수 방정식 풀이
1.11.2 삼각법
1.11.3 벡터
1.11.4 측정 단위에서 방정식 산출하기
1.12 결론

▶ 02장 드로잉
2.1 좌표계
2.2 드로잉 모델
2.3 직사각형 그리기
2.4 색상과 투명도
2.5 그라디언트와 패턴
2.5.1 그라디언트
2.5.2 패턴
2.6 그림자 효과
2.6.1 안쪽 그림자
2.7 패스, 윤곽 그리기, 내부 칠하기
2.7.1 패스와 서브패스
2.7.2 컷아웃(cutout)
2.8 선
2.8.1 선의 경계 및 픽셀 경계
2.8.2 격자무늬 그리기
2.8.3 축 그리기
2.8.4 러버 밴드를 이용해 선 그리기
2.8.5 점선 그리기
2.8.6 CanvasRenderingContext2D를 확장해 점선 그리기
2.8.7 lineCap과 lineJoin
2.9 호와 원
2.9.1 arc() 메서드
2.9.2 러버 밴드 원
2.9.3 acrTo() 메서드
2.9.4 다이얼 및 게이지
2.10 베지어 곡선
2.10.1 이차 곡선
2.10.2 다항 곡선
2.11 다각형
2.11.1 다각형 오브젝트
2.12 고급 패스 조작
2.12.1 다각형 드래그하기
2.12.2 베지어 곡선 편집하기
2.12.3 패스를 뷰로 스크롤하기
2.13 변환
2.13.1 이동, 회전, 확대/축소
2.13.2 사용자 정의 변환
2.14 합성
2.14.1 합성 논란
2.15 클리핑 영역
2.15.1 클리핑 영역으로 지우기
2.15.2 클리핑 영역을 이용한 망원경
2.16 결론

▶ 03장 텍스트
3.1 텍스트의 윤곽 그리기 및 내부 칠하기
3.2 font 속성 설정하기
3.3 텍스트 배치하기
3.3.1 가로 및 세로로 배치하기
3.3.2 중앙에 텍스트 배치하기
3.3.3 텍스트 측정하기
3.3.4 축 라벨링
3.3.5 다이얼 라벨링
3.3.6 호 둘레에 텍스트 그리기
3.4 텍스트 컨트롤 구현하기
3.4.1 텍스트 커서
3.4.2 캔버스에서 텍스트 라인 편집하기
3.4.3 단락
3.5 결론

▶ 04장 이미지 및 비디오
4.1 이미지 그리기
4.1.1 캔버스에 이미지 그리기
4.1.2 drawImage() 메서드
4.2 이미지 확대하기
4.2.1 캔버스 경계 밖에 이미지 그리기
4.3 캔버스에 캔버스 그리기
4.4 오프스크린 캔버스
4.5 이미지 조작하기
4.5.1. 이미지 데이터에 접근하기
4.5.2 이미지 데이터 변경하기
4.6 이미지 클리핑
4.7 이미지 움직이기
4.7.1 오프스크린 캔버스를 이용한 애니메이션
4.8 보안
4.9 성능
4.9.1 drawImage(HTMLImage) vs. drawImage(HTMLCanvas) vs. putImageData()
4.9.2 캔버스에 캔버스 그리기 vs. 캔버스에 이미지 그리기; 확대 vs. 원본
4.9.3 반복문을 이용한 이미지 데이터 반복
4.1 돋보기
4.10.1 오프스크린 캔버스 사용하기
4.10.2 파일 시스템에서 이동한 이미지에 접근하기
4.11 비디오 프로세싱
4.11.1 비디오 포맷
4.11.2 캔버스에서 비디오 재생하기
4.11.3 비디오 프로세싱
4.12 결론

▶ 05장 애니메이션
5.1 애니메이션 루프
5.1.1 requestAnimationFrame() 메서드로 브라우저에서 프레임률을 설정하게 하기
5.1.2 인터넷 익스플로러
5.1.3 간편한 애니메이션 루프
5.2 프레임률 계산하기
5.3 대체 프레임률을 이용해 작업 예약하기
5.4 배경 복원하기
5.4.1 클리핑
5.4.2 블리팅
5.5 이중 버퍼링
5.6 시간 기반 모션
5.7 배경 스크롤하기
5.8 시차(視差)
5.9 사용자 동작
5.10 시한 애니메이션
5.10.1 스톱워치
5.10.2 애니메이션 타이머
5.11 애니메이션 모범 사례
5.12 결론

▶ 06장 스프라이트
6.1 스프라이트 개요
6.2 페인터
6.2.1 스트로크 페인터와 필 페인터
6.2.2 이미지 페인터
6.2.3 스프라이트 시트 페인터
6.3 스프라이트 동작
6.3.1 동작 조합하기
6.3.2 시한 동작
6.4 스프라이트 애니메이터
6.5 스프라이트 기반 애니메이션 루프
6.6 결론

▶ 07장 물리학
7.1 중력
7.1.1 낙하
7.1.2 탄도 궤적
7.1.3 진자
7.2 시간 왜곡
7.3 시간-왜곡 함수
7.4 운동 왜곡
7.4.1 등속도 운동
7.4.2 Ease In: 지속적인 가속
7.4.3 Ease Out: 지속적인 감속
7.4.4 Ease In, Ease Out
7.4.5 탄성과 바운싱
7.5 애니메이션 왜곡
7.6 결론

▶ 08장 충돌 감지
8.1 바운싱 영역
8.1.1 직사각형의 경계 영역
8.1.2 원형 경계 영역
8.2 바운싱
8.3 레이 캐스팅
8.3.1 미조정
8.4 SAT 및 MTV
8.4.1 SAT를 이용한 충돌 감지
8.4.2 MTV를 이용해 충돌 처리하기
8.5 결론

▶ 09장 게임 개발
9.1 게임 엔진
9.1.1 게임 루프
9.1.2 이미지 로딩
9.1.3 멀티 트랙 사운드
9.1.4 키보드 이벤트
9.1.5 하이 스코어
9.1.6 게임 엔진 코드
9.2 Ungame
9.2.1 ungame의 HTML
9.2.2 ungame의 게임 루프
9.2.3 ungame 로딩
9.2.4 일시 정지
9.2.5 키 리스너
9.2.6 게임 종료 및 하이 스코어
9.3 핀볼게임
9.3.1 게임 루프
9.3.2 공
9.3.3 중력과 마찰
9.3.4 플리퍼의 움직임
9.3.5 키보드 이벤트 처리하기
9.3.6 충돌 감지
9.4 결론

▶ 10장 사용자 정의 컨트롤
10.1 모서리가 둥근 직사각형
10.2 프로그레스 바
10.3 슬라이더
10.4 이미지 패너
10.5 결론

▶ 11장 모바일
11.1 모바일 뷰 포트
11.1.1 viewport 태그
11.2 미디어 쿼리
11.2.1 미디어 쿼리 및 CSS
11.2.2 자바스크립트를 사용해 미디어 변경 처리하기
11.3 터치 이벤트
11.3.1 터치 이벤트 오브젝트
11.3.2 터치 리스트
11.3.3 터치 오브젝트
11.3.4 터치 이벤트 및 마우스 이벤트 지원
11.3.5 핀치 및 줌
11.4 iOS5
11.4.1 애플리케이션 아이콘 및 시작 이미지
11.4.2 iOS5 애플리케이션 아이콘과 시작 이미지를 위한 미디어 쿼리
11.4.3 브라우저 크롬을 사용하지 않는 전체 화면
11.4.4 애플리케이션 스테이터스 바
11.5 가상 키보드
11.5.1 캔버스 기반 키보드 구현
11.6 결론

책 속으로

이 책은 크게 두 부분으로 구분된다. 처음 네 개의 장으로 책의 절반을 차지하고 있는 책의 전반부에서는 도형 및 텍스트를 캔버스에 그리는 방법과 이미지를 조작하고 그리는 방법을 소개하는 캔버스 API를 다룬다. 그리고 후반부인 나머지 일곱 개의 장에서는 API를 사용해 애니메이션과 움직이는 스프라이트를 구현하고 시뮬레이션을 생성, 충돌 감지, 비디오 게임을 개발하는 방법을 소개한다. 참고로, 이 책의 마지막 장인 11장에서는 프로그레스 바, 슬라이더, 이미지 패너 등과 같은 사용자 정의 컨트롤을 구현하는 방법과 캔버스 기반 모바일 ... 더보기

출판사 서평

HTML5 캔버스 개발의 모든 것!
이 책은 HTML5와 자바스크립트를 이용해 캔버스에 직선을 그리는 방법부터 핀볼 게임을 구현하는 방법까지 모든 과정을 담고 있다.
책의 전반부에서는 도형 및 텍스트를 캔버스에 그리는 방법과 이미지를 조작하고 그리는 방법을 소개하는 캔버스 API를 다룬다. 후반부에서는 캔버스 API를 사용해 애니메이션과 움직이는 스프라이트를 구현하고 시뮬레이션 생성, 충돌 감지, 비디오 게임을 개발하는 방법을 소개한다. 또한 모바일에서도 실행할 수 있는 실제 애플리케이션을 구현할 수 있도록 사용자 정의 컨트롤을... 더보기

Klover 리뷰 (0)

북로그 리뷰 (0) 쓰러가기

북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다. 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①서양도서-판매정가의 12%, ②일본도서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 책의 원서/번역서

안내
바로가기
  • 우측 확장형 배너 2
  • 우측 확장형 배너 2
최근 본 상품