0

初めてのゲームを HTML5 で作成しようとしています。そして、テキストパースペクティバ(キャンバス用)を残すように何時間も検索します。

添付の必要なものを参照してください。必要な効果を得るために変更する必要がある、テキスト内の 2 つの「ポイント」です。画像: https://pbs.twimg.com/media/BVbuU1PCUAA7d8a.png

PS: 「ローテーション」(基本) というテキストだけを残すことができましたが、それは私の目的には適していません。

私が見つけたすべてのトピックは、応答で言うことは不可能です.

4

2 に答える 2

1

Canvas の 2D コンテキストは、リンクに示されている非平行変換を行うことができません。

パースペクティブのようなワープを行うには、キャンバス 3D コンテキスト (webGL) を使用する必要があります。

または、元の三角形から歪んだ三角形にピクセルを補間する方法に関する投稿を次に示します。

http://codeslashslashcomment.com/2012/12/12/dynamic-image-distortion-html5-canvas/

これにより、2D コンテキストで遠近法の歪みを「手動で」行うことができます。

于 2013-09-30T19:38:17.983 に答える