kineticjs - kineticjsの回転os形状

Question

マウスを動かす方向に応じて、形状を時計回りと反時計回りの両方に回転させたいと考えています。これは、完璧ではないことがわかっているサンプルです。可能であれば、オフセットと回転部分を編集します。こちらがfiddle

Answer 1

次のようなことを行うことで条件付きローテーションを行うことができます:(擬似コードと実際のコードの混合）

  var currentRotation = shape.getRotation();
  var direction = ..stuff.. ; // your logic for mouse movement, result should be 1 or -1
  var rotationAmount = 0.5; 

  shape.setRotation(currentRotation + direction * rotationAmount); //get current rotation and add/subtract some arbitrary amount

オフセットが必要な場合は、次のことができます。

  shape.setOffset(x,y);