HTML5 CANVAS를 이용한 퍼즐(puzzle) 게임
본 자료는 미리보기를 지원하지 않습니다.
닫기
  • 1
  • 2
  • 3
해당 자료는 1페이지 까지만 미리보기를 제공합니다.
1페이지 이후부터 다운로드 후 확인할 수 있습니다.

소개글

HTML5 CANVAS를 이용한 퍼즐(puzzle) 게임에 대한 보고서 자료입니다.

목차

[images]
[screenshot]
[script]
[style]
index.html

본문내용

var puzzle = function(canvas){
    this.canvas = canvas;
    this.stage = canvas.getContext(\\"2d\\");
    this.imgArray = [\\"./images/iu.jpg\\", \\"./images/borakai.jpg\\", \\"./images/nalyu.jpg\\", \\"./images/praha.jpg\\", \\"./images/news.jpg\\", \\"./images/jeju.jpg\\", \\"./images/sulak.jpg\\", \\"./images/glove.jpg\\", \\"./images/bird.jpg\\", \\"./images/cat.jpg\\"];
    this.imageWidth = 0;
    this.imageHeight = 0;
    this.canvasWidth = 0;
    this.canvasHeight = 0;
    this.pieceWidth = 0;
    this.pieceHeight = 0;
    this.pieces = [];
    this.currentPiece = null;
    this.currentDropPiece = null;
    this.coord = {x:0, y:0};
    this.img = null;
    this.tint = \\"lightgray\\";
    this.sBtn = null;
    this.imgSrc = \\"./images/iu.jpg\\";
    this.startTime = null;
    this.endTime = null;
}

puzzle.prototype.ready = function(){
    var s = this, c = s.canvas, g = s.stage;
    s.img = null;
    s.img = new Image();
    s.imgSrc = lottery(s.imgArray);
    s.img.src = s.imgSrc;

......

키워드

html,   html5,   canvas,   javascript,   자바스크립트,   puzzle,   퍼즐
  • 가격10,000
  • 페이지수3페이지
  • 등록일2012.06.21
  • 저작시기2012.6
  • 파일형식압축파일(zip)
  • 자료번호#754880
본 자료는 최근 2주간 다운받은 회원이 없습니다.
청소해
다운로드 장바구니