pixi.js

0熱

1答えて

私はコンテナを作成し、それにいくつかのポイントを追加し、コンテナ上にマスクを作成し、コンテナの外側でコンテナを移動可能にします。コンテナを移動すると、displayObjectはコンテナによってマスクされ、クリックできません。悪い点は、目に見えませんが、マスクの外側でクリック可能です。マスクが不透明になっているようです：0、正しくありません！ここは、これは単なる移動可能なコンテナを追加し後

0熱

1答えて

1pxのライン

を取得するために、どのように私は例を見てきました： http://pixijs.io/examples/#/basics/graphics.js const app = new PIXI.Application(10, 10), { antialias: true, backgroundColor: 0xffffff, }); const graphics = new PI

0熱

2答えて

JavascriptをTypescriptに自動的に変換するためのツールです.JSファイルが使用するライブラリの型が指定されていますか？

今私はPixi.jsタイプを使ってPixi.jsとTypescriptを使っています。私は自分のプロジェクトで他のPixiベースのツールを使用したいと思いますが、それらはすべてJavaScriptで書かれていますので、私がTypescriptに使用するすべてのファイルを手動で変換する時間は本当にかかりません。ここに解決策はありますか？それとも、私のプロジェクトをJavaScriptに戻すだけですか

0熱

2答えて

PIXI JSのステージ上でGraphicsオブジェクトを移動する方法は？

私は図をアニメーション化し、その上にヘルスバーを追加しようとしています。スプライト（new PIXI.sprite()）とグラフィックスオブジェクト（new PIXI.Graphics()）のヘルスバーから図を作成しました。私はX、Y座標を設定することでスプライトを移動することができますが、Graphicsオブジェクトで同じことをすると常にスプライトの位置がずれているように見えます。次の図を参照

1熱

1答えて

PIXI.JS - 徐々にスロットゲームリールを取り除く

私はスロットゲームをコードすることを学ぶ過程で、私はゲームの回転を扱う以下のコードを持っています。私はリールにボーダーを追加し、スプライトが削除されて上に戻される前に境界線の後ろに徐々に消えるようにします。関数spingame（）{ spin.interactive = false; if (reelcount === 2){ if((reel[0].y >= 10) && (re

0熱

1答えて

Pixi.jsでオブジェクトを回転しようとしていますv 4.6.2

Pixi.js v 4.6.2でオブジェクトを回転しようとしています。回転メンバを設定したり、setTransform（）を呼び出すたびにオブジェクトが回転しますが、移動される。私はピボットポイントを設定しようとしましたが、それは役に立たなかった。 Here is a fiddle 私が試してみました： compass.rotation += .5; と： compassContainer.s

0熱

1答えて

キャンバスからのテクスチャを使った形状の塗りつぶし

キャンバスから作成したテクスチャを使用して、PIXI.jsの図形を塗りつぶす方法を理解しようとしています。これは、通常のhtmlキャンバスにグラデーションを作成したいのですが、その中からテクスチャを作成してpixiステージに追加するためです。今私はそれを行うことができます、それは私がテストした最初のものでした、それは動作します。しかし最終的な目標はGraphicsクラスを使ってPIXI.jsで図

0熱

1答えて

PixiJSの助けを借りてバニラJSポンを書き直す

主にキャンバスを反応させるためにサイズを変更していたので、バニラのJavaScript PongゲームをPixiJSに書き直そうとしました。サイズ変更がPixiJSと正常に動作しますが、すべてのオブジェクトは、末尾のパスを持っているために開始しました：Fiddle1私は考え出しその更新時に新しいインスタンスを追加しただけではなく位置を更新するので、私は最初からそれを手直ししようとしたためです再

0熱

1答えて

子要素を拡大するPixiJS

私は1つのメインキャンバス、つまりステージを持つPIXI JSを使用してインターフェイスを作成しようとしています。その後、私はステージの子供としてグラフィックス要素を持っています。グラフィック要素をクリックすると、要素を拡大してキャンバスの80％を塗りつぶすことができます。私の主な目標は、複数の要素を持つことです。それぞれの要素をクリックすると、その要素だけが拡大表示されます。私がこれまでに行っ

1熱

1答えて

PIXI.RenderTextureの使い方と方法

私は自転車の車輪を視覚化するツールを構築しています。これは約100個のPIXI.Graphicsを使用してホイール全体を構築します。ホイールはすべてPIXI.Containerに配置されてレンダリングされます。私はPIXI.RenderTextureクラスを調べていて、この場合に使用するのが理にかなっていると考えました。だから質問1、これは良いユースケースですか？質問2、私はそれをうまく動作させる