8 Directions graphics plugin

じ☆ve冰风

I created this for myself and I thought that I might aswell upload it.


        To use it you must:


         1 - insert "8dir" in the name of the file (wherever you want)
         2 - put the 4 diagonal graphics right below the normal cross movement graphics, just as they where an another character
         3 - be sure the diagonal movement graphics are facing directions in this order: South-West, NW, SE, NE
         4 - choose either both top(normal) and bottom(diagonal) graphic sheet for the character, the code accounts for it
         5 - if you want a cahracter to face a diagonal direction during, for example, a set-mouve-route, just call "this.setDirection(direction_id)" via script.
             if you want to know which id(number) stands for which direction just look at your numpad and imagine the character instead of the "5" key


        You can find this same instructions also in the plugin help.


        Here is an example graphic if you want to see how the 8dr graphic should be like


        (ps i didnt' create this graphic, i found it on goole, i just rearranged the sprites and resized the image)




| ---


        basically is the standard 4 x 2 character sheet, you just put the diag graphics in the bottom slot.


        I hope you'll find this usefull  



        Plugin code     (dowload here: View attachment 8dir_graphics.js)

                Code:       

1. //=============================================================================
2. // 8dir_graphics.js
3. //=============================================================================
4. /*:
5. * @plugindesc you can use 8 directions graphics
6. *
7. * @author Orcomarcio
8. *
9. * @help to use 8 direction graphics:
10. 1 - insert "8dir" in the name of the file (wherever you want)
11. 2 - put the 4 diagonal graphics right below the normal cross movement graphics, just as they where an another character
12. 3 - be sure the diagonal movement graphics are facing directions in this order: South-West, NW, SE, NE
13. 4 - choose either both top(normal) and bottom(diagonal) graphic sheet for the character, the code accounts for it
14. 5 - if you want a cahracter to face a diagonal direction during, for example, a set-mouve-route, just call "this.setDirection(direction_id)" via script.
15.      if you want to know which id(number) stands for which direction just look at your numpad and imagine the character instead of the "5" key
16. *
17. * Free for commercial and non commercial use.
18. */
20. ImageManager.is8DirCharacter = function(filename) {
21.     return filename.contains('8dir');
22. };
25. var alias_Game_CharacterBase_initMembers = Game_CharacterBase.prototype.initMembers;
26. Game_CharacterBase.prototype.initMembers = function() {
27.     alias_Game_CharacterBase_initMembers.call(this); //calls original method
29.     // added lines
30.     this._dir8 = this._direction;
31.     this._isDir8 = false;
32.     this._originalCharacterIndex;
33. };
35. var alias_CharacterBase_update = Game_CharacterBase.prototype.update
36. Game_CharacterBase.prototype.update = function() {
37.     alias_CharacterBase_update.call(this); //calls original method
39.     // added lines
40.     this.updateDir8();
41. };
43. Game_CharacterBase.prototype.setImage = function(characterName, characterIndex) {
44.     this._tileId = 0;
45.     this._characterName = characterName;
46.     this._characterIndex = characterIndex;
47.     this._isObjectCharacter = ImageManager.isObjectCharacter(characterName);
49.     // added lines
50.     this._isDir8 = ImageManager.is8DirCharacter(characterName);
51.     this._originalCharacterIndex = (this._isDir8 && this._characterIndex > 3) ? this._characterIndex - 4 : this._characterIndex;
52. };
54. Game_CharacterBase.prototype.setDirection = function(d) {
55.     if (!this.isDirectionFixed() && d) {
57.         var dir4;
58.         switch (d) {
59.             case 1:
60.                 dir4 = 2;
61.                 break;
62.             case 3:
63.                 dir4 = 6;
64.                 break;
65.             case 7:
66.                 dir4 = 4;
67.                 break;
68.             case 9:
69.                 dir4 = 8;
70.                 break;
71.             default:
72.                 dir4 = d;
73.         }
75.         this._direction = dir4;
76.         this._dir8 = d;
77.     }
79.     this.resetStopCount();
80. };
82. Game_CharacterBase.prototype.updateDir8 = function() {
83.     if (this._isDir8) {
84.         if (this._dir8 % 2 == 0) {
85.             // direzione a croce
86.             this._characterIndex = this._originalCharacterIndex;
87.         }
88.         else {
89.             // direzione in diagonale
90.             this._characterIndex = this._originalCharacterIndex + 4;
91.         }
92.     }
93. };
95. Game_CharacterBase.prototype.moveDiagonally = function(horz, vert) {
96.     this.setMovementSuccess(this.canPassDiagonally(this._x, this._y, horz, vert));
97.     if (this.isMovementSucceeded()) {
98.         this._x = $gameMap.roundXWithDirection(this._x, horz);
99.         this._y = $gameMap.roundYWithDirection(this._y, vert);
100.         this._realX = $gameMap.xWithDirection(this._x, this.reverseDir(horz));
101.         this._realY = $gameMap.yWithDirection(this._y, this.reverseDir(vert));
102.         this.increaseSteps();
103.     }
105.     if (horz == 4) {
106.         if (vert == 2)  this.setDirection(1);
107.         else            this.setDirection(7);
108.     } else {
109.         if (vert == 2)  this.setDirection(3);
110.         else            this.setDirection(9);
111.     }
112. };

复制代码

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