底辺SE奮闘記

年収300万SEブログ

【Phaser3.55.2】三角形を描画する

Phaser

三角形を描画するだけのプログラム

要点

// 第1引数：三角形を描画するエリアの中心X座標
// 第2引数：三角形を描画するエリアの中心Y座標
// 第3引数：点1のX座標
// 第4引数：点1のY座標
// 第5引数：点2のX座標
// 第6引数：点2のY座標
// 第7引数：点3のX座標
// 第8引数：点3のY座標
// 第9引数：色
this.add.triangle(400, 300, 0, 148, 148, 148, 74, 0, 0xff0000);

出力例

f:id:uma-no-kawa:20210729171843j:plain

ソース全体

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.min.js"></script>
</head>
<body>
<script>
   var config = {
       type: Phaser.AUTO,
       width: 800,
       height: 600,
       scene: {
           create: create,
       },
       physics: {
           default: 'arcade',
           arcade: {
               gravity: { y: 0 },
               debug: true
           }
       },
   };

   var game = new Phaser.Game(config);

   function create ()
   {
       this.add.triangle(400, 300, 0, 148, 148, 148, 74, 0, 0xff0000);
   }
</script>
</body>
</html>