能力使用後の画像

Author: nakomochi

public/assets/character-activated.png

@@ -74,6 +74,8 @@ export function copy(cx: Context) {
   });
 
   History.record(cx);
+
+  cx.dynamic.player.activated = true;
 }
 export function paste(cx: Context) {
   const state = get(cx.state);
@@ -98,6 +100,8 @@ export function paste(cx: Context) {
 
   printCells(createSnapshot(cx).game.cells, "paste");
   History.record(cx);
+
+  cx.dynamic.player.activated = true;
 }
 export function cut(cx: Context) {
   const { focus } = cx.dynamic;
@@ -126,6 +130,8 @@ export function cut(cx: Context) {
 
   printCells(createSnapshot(cx).game.cells, "cut");
   History.record(cx);
+
+  cx.dynamic.player.activated = true;
 }
 
 // 左向きのときにブロックを配置する位置を変更するのに使用

src/ability.ts

@@ -102,6 +102,7 @@ export async function setup(
       vy: 0,
       onGround: false,
       jumpingBegin: null,
+      activated: false,
       holdingKeys: {},
       facing: Facing.right,
     },

src/main.ts

@@ -5,7 +5,13 @@ import * as consts from "./constants.ts";
 import { Inputs } from "./constants.ts";
 import { Block } from "./constants.ts";
 import type { AbilityInit, Context } from "./public-types.ts";
-import { bunnyTexture, characterCtrlTexture, highlightHoldTexture, highlightTexture } from "./resources.ts";
+import {
+  bunnyTexture,
+  characterActivatedTexture,
+  characterCtrlTexture,
+  highlightHoldTexture,
+  highlightTexture,
+} from "./resources.ts";
 
 export function init(
   cx: Context,
@@ -58,6 +64,7 @@ export function init(
     vy: 0,
     onGround: false,
     jumpingBegin: null,
+    activated: false,
     holdingKeys: {},
     facing: consts.Facing.right,
   };
@@ -284,14 +291,22 @@ export function tick(cx: Context, ticker: Ticker) {
     player.sprite.scale.x = Math.abs(player.sprite.scale.x);
   }
 
-  if (player.holdingKeys[Inputs.Ctrl]) {
-    player.sprite.texture = characterCtrlTexture;
-    player.sprite.width = consts.playerWidth * blockSize;
-    player.sprite.height = (32 / 27) * consts.playerHeight * blockSize;
+  // プレイヤーの能力使用状況を反映
+  if (player.activated && player.holdingKeys[Inputs.Ctrl] && player.onGround) {
+    player.sprite.texture = characterActivatedTexture;
+    player.sprite.width = (29 / 26) * consts.playerWidth * blockSize;
+    player.sprite.height = (24 / 27) * consts.playerHeight * blockSize;
   } else {
-    player.sprite.texture = bunnyTexture;
-    player.sprite.width = consts.playerWidth * blockSize;
-    player.sprite.height = consts.playerHeight * blockSize;
+    player.activated = false;
+    if (player.holdingKeys[Inputs.Ctrl]) {
+      player.sprite.texture = characterCtrlTexture;
+      player.sprite.width = consts.playerWidth * blockSize;
+      player.sprite.height = (32 / 27) * consts.playerHeight * blockSize;
+    } else {
+      player.sprite.texture = bunnyTexture;
+      player.sprite.width = consts.playerWidth * blockSize;
+      player.sprite.height = consts.playerHeight * blockSize;
+    }
   }
 
   // 当たり判定結果を反映する

src/player.ts

@@ -79,6 +79,7 @@ export type Context = {
       onGround: boolean;
       vx: number;
       vy: number;
+      activated: boolean;
     };
   };
   // about time

src/public-types.ts

@@ -3,8 +3,8 @@ import { Assets } from "pixi.js";
 // assets
 export const bunnyTexture = await Assets.load("/assets/character-normal.png");
 export const characterCtrlTexture = await Assets.load("/assets/character-ctrl.png");
+export const characterActivatedTexture = await Assets.load("/assets/character-activated.png");
 export const rockTexture = await Assets.load("/assets/block.png");
-// export const movableTexture = await Assets.load("/assets/movable.png");
 export const fallableTexture = await Assets.load("/assets/woodenbox.png");
 export const switchTexture = await Assets.load("/assets/switch.png");
 export const switchBaseTexture = await Assets.load("/assets/switch-base.png");