ActionMgr.ts 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408
  1. /**
  2. * 动画效果类
  3. */
  4. import easeInOut = cc.easeInOut;
  5. import GameLog from "./GameLogMgr";
  6. import Tween = cc.Tween;
  7. import tween = cc.tween;
  8. export default class ActionMgr {
  9. //疯狂抖动手指
  10. public static shakeHand(node: cc.Node) {
  11. tween(node)
  12. .by(0.05, {y: 20})
  13. .by(0.05, {y: -20})
  14. .union()
  15. .repeatForever()
  16. .start()
  17. }
  18. public static scaleNode(node: cc.Node, scale: number, time = 0.5) {
  19. try {
  20. cc.tween(node)
  21. .to(0, {scale: scale, y: -node.height * (1 - scale)})
  22. .to(time, {scale: 1, y: 0})
  23. .start()
  24. } catch (e) {
  25. node.scale = 1;
  26. node.y = 0;
  27. GameLog.log('shake动画异常', e);
  28. }
  29. }
  30. public static moveUpDownForever(node: cc.Node, runTime = 0.2, diff = 10) {
  31. cc.tween(node).repeatForever(
  32. cc.sequence(
  33. cc.moveBy(runTime, new cc.Vec2(0, diff)),
  34. cc.moveBy(runTime, new cc.Vec2(0, -diff)),
  35. )
  36. ).start();
  37. }
  38. /**
  39. * 旋转节点
  40. * @param node
  41. * @param duration
  42. */
  43. public static rotate(node: cc.Node, duration = 3) {
  44. try {
  45. cc.tween(node).repeatForever(
  46. cc.sequence(
  47. cc.rotateTo(duration, 180),
  48. cc.rotateTo(duration, 360),
  49. )
  50. ).start();
  51. } catch (e) {
  52. GameLog.error('shakeNode异常', e, node);
  53. }
  54. }
  55. /**
  56. * 放大缩小 node
  57. * @param node
  58. * @param timeRun
  59. * @param timeStop
  60. * @param scale
  61. * @param count
  62. * @param endScale
  63. * @constructor
  64. */
  65. public static scaleStop(node: cc.Node, timeRun = 0.1, timeStop = 10, scale = 0.3, count = 1, endScale = 1) {
  66. try {
  67. if (!node) {
  68. return;
  69. }
  70. node.scale = endScale;
  71. cc.tween(node)
  72. .repeatForever(
  73. cc.tween()
  74. .repeat(count,
  75. cc.tween()
  76. .to(timeRun, {scale: 1 + scale}, {easing: "smooth"})
  77. .to(timeRun, {scale: endScale}, {easing: "smooth"})
  78. )
  79. .to(timeRun, {angle: 0})
  80. .delay(timeStop)
  81. )
  82. .start()
  83. } catch (e) {
  84. GameLog.error('shakeNode异常', e, node);
  85. }
  86. }
  87. public static shakeNode(node: cc.Node, timeRun = 0.3, dstAngle: number = 10, count: number = 5) {
  88. cc.tween(node)
  89. .repeat(count,
  90. cc.tween()
  91. .to(timeRun, {angle: -dstAngle})
  92. .to(timeRun, {angle: dstAngle})
  93. ).to(timeRun, {angle: 0}).start();
  94. }
  95. /**
  96. * 摇动node
  97. * @param node
  98. * @param duration
  99. * @param dstAngle
  100. * @constructor
  101. */
  102. public static shakeNodeForever(node: cc.Node, duration = 4, dstAngle = 10) {
  103. try {
  104. cc.tween(node).repeatForever(
  105. cc.sequence(
  106. cc.rotateTo(duration, -dstAngle),
  107. cc.rotateTo(duration, dstAngle),
  108. )
  109. ).start();
  110. } catch (e) {
  111. GameLog.error('shakeNode异常', e, node);
  112. }
  113. }
  114. /**
  115. * node晃动后停止,一段时间后继续晃动
  116. * @param node 动作的节点
  117. * @param timeRun 单次晃动到左右任一边的时间
  118. * @param timeStop 停止的时间
  119. * @param dstAngle 晃动的角度
  120. * @param shakeCount 晃动的次数
  121. */
  122. public static shakeStop(node: cc.Node, timeRun = 0.1, timeStop = 10, dstAngle = 10, shakeCount = 5) {
  123. try {
  124. cc.tween(node)
  125. .repeatForever(
  126. cc.tween()
  127. .delay(timeStop)
  128. .repeat(shakeCount,
  129. cc.tween()
  130. .to(timeRun, {angle: -dstAngle})
  131. .to(timeRun, {angle: dstAngle})
  132. )
  133. .to(timeRun, {angle: 0})
  134. )
  135. .start()
  136. } catch (e) {
  137. GameLog.error('shakeStop异常', e, node);
  138. }
  139. }
  140. public static scaleMove(node: cc.Node, delayTime: number = 3, repeatCount: number = 2,) {
  141. cc.tween(node)
  142. .repeatForever(
  143. cc.tween()
  144. .delay(delayTime)
  145. .repeat(repeatCount,
  146. cc.tween()
  147. .to(0.3, {scale: 1.1})
  148. .to(0, {scale: 1})
  149. .to(0.3, {scale: 1.2})
  150. .to(0, {scale: 1})
  151. )
  152. // .repeat(repeatCount,
  153. // cc.tween()
  154. // )
  155. )
  156. .start();
  157. }
  158. /**
  159. * 界面缩放进入
  160. * @param node
  161. * @param duration
  162. */
  163. public static moveBigIn(node: cc.Node, duration = 0.3) {
  164. if (!node) {
  165. return false;
  166. }
  167. try {
  168. node.scale = 2;
  169. cc.tween(node)
  170. .to(duration, {scale: 1}, easeInOut(1))
  171. .start();
  172. } catch (e) {
  173. node.scale = 1;
  174. GameLog.error('moveIn 异常', e, node);
  175. }
  176. }
  177. /**
  178. * 界面缩放进入
  179. * @param node
  180. * @param duration
  181. * @param beginSale
  182. */
  183. public static moveIn(node: cc.Node, duration: number = 0.4, beginSale: number = 0) {
  184. node.scale = beginSale;
  185. cc.tween(node)
  186. .to(duration, {scale: 1}, {easing: 'backOut'})
  187. .start();
  188. }
  189. /**
  190. * 界面从上推下
  191. */
  192. public static moveTop(node: cc.Node, time: number = 0.4) {
  193. node.y = node.height / 2;
  194. cc.tween(node)
  195. .to(time,{y: 0}, {easing: "smooth"})
  196. .start()
  197. }
  198. /**
  199. * 界面缩放退出
  200. * @param node
  201. * @param duration
  202. * @param endScale
  203. */
  204. public static moveOut(node: cc.Node, duration = 0.4, endScale = 0) {
  205. if (!node) {
  206. return false;
  207. }
  208. try {
  209. node.scale = 1;
  210. cc.tween(node)
  211. .to(duration, {scale: endScale})
  212. .start();
  213. } catch (e) {
  214. node.scale = 0;
  215. GameLog.error('moveOut 异常', e, node);
  216. }
  217. }
  218. public static TWEEN_FROM_SIDE = {
  219. TOP: 1,
  220. DOWN: 2,
  221. LEFT: 3,
  222. RIGHT: 4
  223. };
  224. private static _moveSideNodePosition = {};
  225. /**
  226. * 从画布外进入, 不能重复调用
  227. * @param node 动作的节点
  228. * @param beginSide 界面进入的边
  229. * @param time 动作进行的时间/s
  230. * @param delay 动作延迟进行的时间/s
  231. */
  232. public static moveInSide(node: cc.Node, beginSide = this.TWEEN_FROM_SIDE.TOP, time = 0.5, delay = 0) {
  233. if (!node) {
  234. return false;
  235. }
  236. if (!this._moveSideNodePosition.hasOwnProperty(node.uuid)) {
  237. this._moveSideNodePosition[node.uuid] = node.position.clone();
  238. }
  239. try {
  240. let resultPos = this._getSideResultPos(node, beginSide);
  241. node.position = resultPos;
  242. GameLog.log("节点", node.name, "界面外坐标为:", resultPos);
  243. cc.tween(node)
  244. .delay(delay)
  245. .to(time, {position: this._moveSideNodePosition[node.uuid].clone()}, {easing: 'quartIn'})
  246. .start();
  247. } catch (e) {
  248. node.position = this._moveSideNodePosition[node.uuid].clone();
  249. GameLog.log("move In Side 异常", e, node);
  250. }
  251. }
  252. /**
  253. * 移出画布外, 不能重复调用
  254. * @param node 动作的节点
  255. * @param endSide 界面移出的边
  256. * @param time 动作进行的时间/s
  257. */
  258. public static moveOutSide(node: cc.Node, endSide = this.TWEEN_FROM_SIDE.TOP, time = 0.5) {
  259. if (!node) {
  260. return false;
  261. }
  262. if (!this._moveSideNodePosition.hasOwnProperty(node.uuid)) {
  263. this._moveSideNodePosition[node.uuid] = node.position;
  264. }
  265. try {
  266. let resultPos = this._getSideResultPos(node, endSide);
  267. cc.tween(node)
  268. .to(time, {position: resultPos}, {easing: 'quartIn'})
  269. .call(() => {
  270. node.position = this._moveSideNodePosition[node.uuid].clone();
  271. GameLog.log('end move out side', node.position);
  272. })
  273. .start();
  274. } catch (e) {
  275. node.position = this._moveSideNodePosition[node.uuid].clone();
  276. GameLog.log("move Out Side 异常", e, node);
  277. }
  278. }
  279. private static _getSideResultPos(node: cc.Node, side) {
  280. //获取屏幕尺寸
  281. let winSize = cc.winSize;
  282. let windowHeight = winSize.height;
  283. let windowWidth = winSize.width;
  284. GameLog.log("屏幕尺寸大小为:", windowHeight, windowWidth);
  285. //根据节点移动方向获取坐标
  286. let pos;
  287. switch (side) {
  288. case ActionMgr.TWEEN_FROM_SIDE.TOP:
  289. pos = new cc.Vec2(node.x, windowHeight + node.height);
  290. break;
  291. case ActionMgr.TWEEN_FROM_SIDE.DOWN:
  292. pos = new cc.Vec2(node.x, -windowHeight - node.height);
  293. break;
  294. case ActionMgr.TWEEN_FROM_SIDE.LEFT:
  295. pos = new cc.Vec2(-windowWidth - node.width, node.y);
  296. break;
  297. case ActionMgr.TWEEN_FROM_SIDE.RIGHT:
  298. pos = new cc.Vec2(windowWidth + node.width, node.y);
  299. break;
  300. }
  301. return pos;
  302. }
  303. /**
  304. * 左右移动
  305. * @param node 运动的节点
  306. * @param direction 运动的方向
  307. * @param disMove 运动的距离
  308. * @param timeMove 运动的时间/s
  309. */
  310. public static moveLeftRight(node: cc.Node, direction, disMove: number, timeMove: number) {
  311. try {
  312. let lessPos;
  313. let morePos;
  314. switch (direction) {
  315. case ActionMgr.TWEEN_FROM_SIDE.LEFT:
  316. case ActionMgr.TWEEN_FROM_SIDE.RIGHT:
  317. lessPos = new cc.Vec2(node.x - disMove, node.y);
  318. morePos = new cc.Vec2(node.x + disMove, node.y);
  319. break;
  320. case ActionMgr.TWEEN_FROM_SIDE.TOP:
  321. case ActionMgr.TWEEN_FROM_SIDE.DOWN:
  322. lessPos = new cc.Vec2(node.x, node.y - disMove);
  323. morePos = new cc.Vec2(node.x, node.y + disMove);
  324. break;
  325. }
  326. cc.tween(node).repeatForever(
  327. cc.sequence(
  328. cc.moveTo(timeMove, lessPos),
  329. cc.moveTo(timeMove, morePos)
  330. )
  331. ).start();
  332. } catch (e) {
  333. GameLog.error('moveLeftRight异常', e, node);
  334. }
  335. }
  336. public static showGradually(node: cc.Node, duration = 1, delay = 0, endOpacity = 255, starOpacity = 0) {
  337. try {
  338. cc.tween(node)
  339. .call(() => {
  340. node.opacity = starOpacity;
  341. node.active = true;
  342. })
  343. .delay(delay)
  344. .to(duration, {opacity: endOpacity})
  345. .start()
  346. } catch (e) {
  347. node.opacity = endOpacity;
  348. GameLog.error('showGradually异常', e, node);
  349. }
  350. }
  351. public static hideGradually(node: cc.Node, duration = 1, delay = 0, endOpacity = 50) {
  352. try {
  353. node.active = true;
  354. cc.tween(node)
  355. .delay(delay)
  356. .to(duration, {opacity: endOpacity}, {easing: 'quartIn'})
  357. .call(() => {
  358. node.active = false;
  359. node.opacity = 255;
  360. })
  361. .start()
  362. } catch (e) {
  363. node.opacity = endOpacity;
  364. GameLog.error('showGradually异常', e, node);
  365. }
  366. }
  367. }