pixi.js

0열

1답변

은 PNG 파일에서 스프라이트를 만들기 위해 노력하고 항상 내가 어떤 명백한 일이 잘못 할 수있는 느낌이 pixi.js 초보자로서 마지막 문자

입니다 - 나는 33의 사진을로드하려고 워드 게임 을 다음 코드를 사용하여 PNG 파일 (1980 X 60 픽셀 대형)에서 편지 (각 60 X 60 픽셀) : var stage = new PIXI.Container(); var renderer = new PIXI.WebGLRenderer(1020, 1020); var boardDiv = document.

-1열

1답변

모든 방향으로 배경 스크롤을 수행하는 방법에 대한 조언

배경이 모든 방향으로 스크롤/드래그 가능한 (https://howifight.53.com)과 같은 효과를 만드는 가장 좋은 방법은 무엇인지 알아 내려고합니다. 나는이 기술이 pixi.js라는 것을 알고 있지만,이 효과가 어떻게 달성되는지를 파헤쳐 볼 수는 없습니다. 좋은 방향으로 나아가는 포인터는 대단합니다.

1열

1답변

컨테이너에 추가 할 때 Pixi Sprite에 Mousedown 이벤트가 추가되었습니다.

PIXI.js를 사용하여 PIXI.container에 PIXI.Sprites의 표를 추가합니다. 모든 Sprite는 대화 형으로 표시되고 메서드를 호출하는 마우스 다운 이벤트가 첨부됩니다 (selectTile). 이 방법은 선택된 스프라이트 tint 및 alpha을 변경해야하지만, 그렇게되지 않습니다이 스프라이트 생성 및 이벤트 기능의 코드 발췌 : NB

4열

1답변

Pixi.js에서 회전 한 후 Y 축을 따라 크기 조절

사각형 45 °를 회전 한 다음 (세로) Y 축을 축소하여 등각 눈금 격자를 만들려고합니다. 그러나, 사용하고있는 Pixi.js는 회전 후에 로컬 좌표계를 따라 크기가 조정되어 스쿼시가 아닌 비뚤어진 모양의 사각형이됩니다. Pixi.js에서 변환 (첫 번째 회전, 다음 Y 축척)을 순차적으로 적용하는 방법이 있습니까, 아니면 회전 후 세로 Y를 따라 크기를

0열

1답변

pixi.js를 사용하여 적절한 텍스트 크기를 조정 하시겠습니까?

내가 뭘 잘못하고 있니? 무대에 간단한 텍스트를 추가하면 데스크톱에서는 잘 보이지만 모바일에서는 완전히 다르게 렌더링됩니다 (크기 위치 등). 동일한 장치를 다른 장치에 일관되게 표시하려면 어떻게합니까? 게임에 정적 픽셀 크기를 사용할 수 없으며 브라우저 창 크기로 조정해야하지만 가로 세로 비율을 유지해야합니다. 나는 문제를 보여주기 위해 완전한 데모를 설

0열

1답변

PIXI 스프라이트에 fadeIn 트랜지션 추가

처음으로 PIXI.js를 사용하여 스프라이트가 캔버스에서 대각선으로 움직이는 초보적인 트랜지션 렌더링을 설정했습니다. 전환 도중에 거의 절반 정도, 다른 이미지를 사용하기 위해 텍스처를 변경하고 있습니다. 그것은 예상대로 작동합니다. 그러나 fadeIn 효과를 얻는 방법을 알고 싶습니다. 그래서 이미지의 변화가 갑자기 보이지 않습니다. 아래는 내가 사용하고

2열

2답변

PIXI 렌더러를 브라우저 너비와 높이에 맞추는 방법은 무엇입니까?

나는 워드 보드 앞 페이지에 포함 된 단어 게임에 대해 작업 중입니다. 여기에는 PIXI.js을 사용하여 게임 보드를 그릴 수 있습니다. 버튼과 selectmenu와 같은 jQuery 요소는 거의 없습니다. 멋지게 잘 지내는 동안 다른 PIXI 개발자가 해결하는 방법을 궁금해하는 한 가지 문제가 있습니다. 하드 코딩 된 캔버스 크기 (1020 x 1080으

0열

1답변

PIXI.extras.MovieClip catch 끝 루프

짧은 애니메이션 (약 60 프레임)을 재생하기 위해 PIXI.extras.MovieClip을 사용하고 있으며 사용자 장치에 얼마나 많은 FPS가 있을지 알지 못하기 때문에 어떻게 설명 할 수 있습니까? 많은 시간이 정확히 모든 프레임을 재생하는 데 걸리는 시간입니다. setTimeout은 또한 지정된 시간이 지나면 함수가 정확히 트리거되도록 보장하지 않습니

0열

2답변

둥근 모서리가 1 개인 직사각형을 그리는 방법은 무엇입니까?

둥근 모서리가 1 개인 사각형을 그리는 방법과 색상으로 채우는 방법은? 나는 다음과 같은 코드로 방법 arcTo를 사용하는 것을 시도하고있다 : this.bgGraphics.beginFill(0xFFCC00, 1); this.bgGraphics.moveTo(0, 0); this.bgGraphics.lineTo(45, 0); this.bgGraphics

-2열

1답변

PIXI.JS의 성능이 좋지 않습니다.

인쇄 가능한 셔츠를 만들기 위해 편집기를 만들고 있는데 pixi js로 세 개의 j를 사용합니다. 셔츠 나 컵과 같은 물건은 캔버스 같은 3 개의 js와 직장에 있습니다. 모든 것을 편집 할 수있는 곳은 PIXI입니다. 그리고 그것이 제가 생각하는 문제입니다. 내 컨테이너는 4000x4000과 같은 크기를 가지고 있습니다 ... 그 거대한 Buut에는 많은