pixi.js

0열

1답변

나는 수천 개의 객체가있는 pixi.js html 캔버스를 가지고 있으며, 일반적인 사각형 선택 영역으로 확대 할 수 있기를 바랍니다. . 이를 구현하기위한 무차별 방식은 마우스를 움직일 때마다 직사각형을 그리고 무대 전체를 렌더링하는 것입니다. 그러나 이것은 CPU의 낭비처럼 보입니다. 게다가 이것은 사용자 인터페이스에서 매우 일반적이어서 pixi.js

0열

1답변

자바 스크립트에서 텍스처 타일을로드하고 나중에 참조하는 가장 효율적인 방법은 무엇입니까?

최근에 나는 자바 스크립트에서 pixi.js와 객체 지향을 배우는 방법으로 간단한 platformer 게임을 만들기 시작했습니다. 현재, 레벨을 텍스트 파일에 다음과 같이 저장하고 있습니다. 11111111111 10001200001 10601201001 10104001551 13331111111 각 숫자는 다른 타일에 해당합니다. 각각의 타일은

0열

2답변

Pixi.js로 Chrome로드 중 스프라이트

Chrome 버전 55.0.2883.95가 Pixi.js를 사용하여 스프라이트에로드 할 수없는 것 같습니다. 그러나 파이어 폭스 버전 50.1.0은 다음 스크립트로 잘 작동하는 것 같습니다. 강령 : <!doctype html> <meta charset="utf-8"> <body> <script src="pixi.js"></script> <scrip

2열

1답변

Pixijs v3 추상 필터를 v4 필터로 변환

Pixi v3에서 v4로 사용자 정의 셰이더를 변환하려고합니다. 원래 문서는 여기에 있습니다 : function CustomFilter(fragmentSource) { PIXI.Filter.call(this, null, fragmentSource ); } CustomFilter.prototype = Object.creat

0열

1답변

Pixi.js (V4)로 스프라이트에 트레일 링 효과 만들기

스프라이트를 수평으로 이동시키는이 방법을 사용하면 문제가 없지만 실제로 후행 효과를 추가하는 방법에 의아해합니다. 움직이는 동안 스프라이트의 프린트를 캔버스에두고 싶습니다. 여기 private dash =() => { let warriorLeftPosX = this.viking.x + this.viking.width; let warrior

1열

1답변

캔버스 + 웹 뷰 엔진에서 WebGLRenderer를 사용하는 Pixys를 Cocoonjs로 가져 오는 방법

코쿤 내에서 canvas + webview 엔진을 사용하여 PIXI.WebGLRenderer를 사용하려고 할 수 없습니다. 내가 이걸 테스트 한 코쿤 런처 앱으로 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="format-detection" content=

0열

1답변

픽시 캔버스 이미지 감지

나는 내 캐릭터를 차려 입는 PixiJS 어플리케이션을 연구 중입니다. 그래서 다른 PNG 이미지가 Pixi 스테이지에로드됩니다. 드레싱 캐릭터를 완성하는 버튼이 있으며 .toDataURL() 메소드를 사용하여 현재 캔버스를 저장합니다. 문제는 사용자가 예를 들어 T 셔츠를 바꾸기 위해 클릭 할 수 있고 T 셔츠가 변경되는 동안 완료 버튼을 클릭 할 수 있

0열

1답변

경고 Pixi.js의 게임에서 콘솔의 "WebGL : INVALID_ENUM : activeTexture : 텍스처 유닛이 범위를 벗어났습니다."

PIXI.js에 게임을 쓰고 있습니다. 최종선은 모든 것이 의도 한대로 작동한다는 것입니다. 그러나 콘솔의 어느 시점에서 "WebGL : INVALID_ENUM : activeTexture : 텍스처 유닛이 범위를 벗어났습니다."라는 경고 메시지가 나타나고 게임의 텍스처가 약간 깜박입니다. 내가 4를 만들 function Monster (monsterIma

0열

1답변

PixiJS 내가 60에서 30</p> <p>가 시도에 FPS를 낮출 필요가 있지만 나는, 원활하고 지속적으로 모든 프레임을 애니메이션하는 가장 좋은 방법을 알아 내려고 노력하고있어하는 spritesheet를 사용하여 프레임 속도

제한 V4 AnimatedSprite은 항상 60fps로 기본 설정되어있어 애니메이션이 너무 빨리 흘러 나옵니다. var frames = []; for (var i = 0; i < maxFrames; i++){ frames.push(PIXI.Texture.fromImage("spriteFrame_"+ i)); } //// How to do

0열

2답변

내가 예를 들어 픽시 게임은 엠버 응용 프로그램 내에서 실행하는 캔버스를

엠버 구성 요소 (나는 이것에 대한 https://github.com/Ferdev/ember-cli-pixijs 사용)에 Pixi.js에서 이벤트를 보내기 http://ipotaje.es/en/complete-html5-concentration-game-made-with-pixi-js-3/ 보시다시피 Pixi 구성 요소에는 게임 논리가 아닌 그림/렌더링 논