Set Flashing Animation | Mouse Press Plugin

じ☆ve冰风

Howdy all - for RPG Maker MV v1.5





Why
I picked up MV months ago, but decided to play with it today.  I love it, but I didn't like the default square blinking effect on press.  So, I thought I'd do the responsible thing and create a plugin to grant more options.

What
This lets you completely disable, and/or customize the blink effect when clicking or pressing.

Options

While messing around I chucked a bunch of options in there.

Color
Any CSS color including RGB and RGBA

Types
none, circle, square, box, url, text, circleoutline

Scale
0 to 1

Data
(optional) String or image URL to use

Animate
on or off, for the blink effect

BounceSpeed
Works inversely, I like 40, 60 or 90.​

Script:

License is do whatever you want (tm).  Yes, you can use it commercially.

filename: SetFlashAnimation.js, save in your projects js\plugins folder.

                Code:       

1. /*:
2. * @plugindesc Sets, changes or removes the flashing press indicator.  v1.0
3. * @author Lloyd (Red Iron Labs)
4. *
5. * @help This plugin does not provide plugin commands.
6. *
7. * @param color
8. * @desc CSS color format of the bitmap.  RGB & RGBA allowed (i.e. rgba(0, 255, 0, 0.3)).
9. * @default white
10. *
11. * @param settype
12. * @desc none, circle, square, box, url, text, circleoutline
13. * @default none
14. *
15. * @param scale
16. * @desc scale from 0 to 1
17. * @default 1
18. *
19. * @param data
20. * @desc the text string (i.e. X) OR reference URL to an image to use (i.e. img/system/Shadow1.png)
21. * @default img/system/Shadow1.png
22. *
23. * @param animate
24. * @desc Bouncing animation
25. * @default on
26. *
27. * @param bouncespeed
28. * @desc Speed of bounce
29. * @default 20
30. *
31. */
33. (function () {
35.     function toNumber(str, def) {
36.         return isNaN(str) ? def :  + (str || def);
37.     }
39.     var parameters = PluginManager.parameters('SetFlashAnimation');
40.     var color = parameters['color'].toLowerCase();
41.     var settype = parameters['settype'].toLowerCase();
42.     var scale = toNumber(parameters['scale'], 1);
43.     var data = parameters['data'];
44.     var animate = parameters['animate'].toLowerCase() == "on";
45.     var bouncespeed = toNumber(parameters['bouncespeed'], 20);
47.     Sprite_Destination.prototype.updateAnimation = function () {
48.         if (animate) {
49.             this._frameCount++;
50.             this._frameCount %= bouncespeed;
51.             this.opacity = (bouncespeed - this._frameCount) * 6;
52.             this.scale.x = 1 + this._frameCount / bouncespeed;
53.             this.scale.y = this.scale.x;
54.         }
55.     };
57.     Spriteset_Map.prototype.createDestination = function () {
58.         if (settype != 'none') {
59.             this._destinationSprite = new Sprite_Destination();
60.             this._destinationSprite.z = 9;
61.             this._tilemap.addChild(this._destinationSprite);
62.         }
63.     };
65.     Sprite_Destination.prototype.createBitmap = function () {
67.         var tileWidth = $gameMap.tileWidth();
68.         var tileHeight = $gameMap.tileHeight();
69.         this.bitmap = new Bitmap(tileWidth, tileHeight);
71.         if (settype == 'square' || settype == 'box') {
72.             this.bitmap.fillRect(
73.                 (tileWidth - (tileWidth * scale)) / 2,
74.                 (tileHeight - (tileHeight * scale)) / 2,
75.                 tileWidth * scale,
76.                 tileHeight * scale,
77.                 color);
78.             if (settype == 'box') {
79.                 this.bitmap.clearRect(
80.                     ((tileWidth - (tileWidth * scale)) / 2) + 4,
81.                     ((tileHeight - (tileHeight * scale)) / 2) + 4,
82.                     (tileWidth * scale) - 8,
83.                     (tileHeight * scale) - 8);
84.             }
85.         }
87.         if (settype == 'circle' || settype == 'circleoutline') {
88.             var minSize = tileWidth;
89.             if (tileHeight < tileWidth)
90.                 minSize = tileHeight;
91.             this.bitmap.drawCircle(tileWidth / 2, tileHeight / 2, (minSize / 2) * scale, color);
92.             if (settype == 'circleoutline') {
93.                 this.bitmap.drawCircle(tileWidth / 2, tileHeight / 2, ((minSize / 2) * scale) - 4, 'clear');
94.             }
95.         }
97.         if (settype == 'text') {
98.             this.bitmap.outlineColor = color;
99.             this.bitmap.drawText(
100.                 data,
101.                 (tileWidth - (tileWidth * scale)) / 2,
102.                 (tileHeight - (tileHeight * scale)) / 2,
103.                 tileWidth * scale,
104.                 tileHeight * scale,
105.                 'center');
106.             this.bitmap.blur();
107.         }
109.         if (settype == 'url') {
110.             this.bitmap = ImageManager.requestNormalBitmap(data, 0); // Bitmap.load(data);
111.             this.bitmap.resize(tileWidth, tileHeight);
112.         };
114.         this.anchor.x = 0.5;
115.         this.anchor.y = 0.5;
116.         this.blendMode = Graphics.BLEND_ADD;
117.     };
119. })();

复制代码

Images:













Upcoming features:
None planned - but it is a pretty basic script.  It isn't tested with other scripts, so could break stuff.  In which case, just use it to learn if you like.


本贴来自国际rpgmaker官方论坛作者:Lloyd@RedIronLabs处,因国际论坛即将永久关站,为了存档多年珍贵资料,署名转载到本论坛存档,由于官方帖子为英文原帖，需要中文翻译请点击论坛顶部切换语言为中文就可以将帖子翻译成中文浏览,方便大家随时查看,原文地址：https://forums.rpgmakerweb.com/threads/set-flashing-animation-mouse-press-plugin.85334/