2013-06-20 1 views
0

easel.js 라이브러리 (src : easeljs library)와 여기서 찾을 수있는 예제 게임 : easel js space game example을 사용하고 있습니다.easeljs가있는 그래픽의 텍스트

보시다시피 spacerocks가 있습니다. 이들은 다음과 같이 형성됩니다 :

this.graphics.beginStroke("#FFFFFF"); 

이제 제 질문은 그래픽 클래스에 단어를 넣을 수 있는지입니다.
"@BachelorGDM"과 같은 텍스트가 필요합니다.

var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png"); 
    this.graphics.beginBitmapFill(bitmap); 

을하지만 난 항상 형 eror을 얻을 :

지금이 같은 "됨 beginBitmapFill"이 작업을 수행하기 위해 노력하고있어. 오류가 여기에 감시 할 수 있습니다 이 http://nielsvroman.be/twitter/root/game.html

+0

Page 11 데모 중 11 페이지에 텍스트를 추가 할 수있는 옵션이 있습니다. 데모 중 6 페이지는 텍스트 항목을 다른 항목의 위치를 ​​따라 움직이는 모습을 보여줍니다. div의 배경을 투명하게 설정하면 원하는 것을 얻을 수 있습니다. –

답변

1

(콘솔)이 참조 : http://www.createjs.com/Docs/EaselJS/classes/Text.html

예 :

var text = new createjs.Text("Hello World", "20px Arial", "#ff7700"); 
text.x = 100; 
text.textBaseline = "alphabetic"; 

또는, 당신은 알파벳과 스프라이트 시트를 사용할 수, 숫자, 당신이 사용하고 싶은 다른 기호들, 그리고 그 스프라이트들로부터 당신은 텍스트로 그래픽을 만들고 그 그래픽을 사용합니다.

이 같은 비트 맵 객체에 비트 맵을로드합니다 :

var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png%22"); 
+0

나는 graphics.beginBitMapFill로 다음과 같이 시도하고있다 : this.graphics.beginBitmapFill ("http://nielsvroman.be/twitter/root/easeljs/image.png"); 하지만 항상 Type 오류가 발생합니다. (편집 게시물 시작) – nielsv

+0

업데이트 된 게시물! 여전히 오류가 발생합니다 .. – nielsv

+0

spacerock.js, 53 행, 당신은 여전히 ​​문자열 인 img를 사용합니다. – tomdemuyt

0

beginBitmapFillImage하지 Bitmap 기대하고있다. 올바른 예는 다음과 같습니다.

var img = new Image("myimage.png"); 
new Graphics().beginBitmapFill(img);