Page 1 of 1

Adding custom animations for residential and commercial.

Posted: 17 Apr 2020, 18:49
by Player_no_Zero
Before I begin I must give you the context of this whole thing. I asked MayorRascalov to edit his Filipino plugins in celebration of Philippine Independence day.
I actually started making it back in June last year. But I unfortunately stopped because I am highschooler, all of my progress in my phone are all scrap and because of too much space. Now I have a laptop and nothing to do with quarantine I'm on full production mode. I learn new things and understand them. Quite a bit.
Now I have a problem need to address. I learn about custom animations but when I do it, it just doesn't work.
Just small little changes.
Just small little changes.
IDMFH1A.png (3.07 KiB) Viewed 3577 times
Here is the animation. I don't know if it will work.
Here is the animation. I don't know if it will work.
phflag1.png (445 Bytes) Viewed 3577 times
idflag1.json
The animation json
(117 Bytes) Downloaded 179 times
IDMFH1A.json
The whole building itself. Little changes actually.
(420 Bytes) Downloaded 169 times
I really want to add custom animations so I can proceed to other stuff.
Can anybody fix my problem. The deadline is comin
There's more to add but I need to address this first.

Also how exactly you use the coordinates.
When I tried to compare other plugins json I found out that some coordinates are misaligned.

Re: Adding custom animations for residential and commercial.

Posted: 17 Apr 2020, 21:04
by CommanderABab
For your idflag1.json to work as written, all the flags in phflag1.png need to be in a horizontal single row.

Re: Adding custom animations for residential and commercial.

Posted: 18 Apr 2020, 04:34
by Player_no_Zero
CommanderABab wrote: 17 Apr 2020, 21:04 For your idflag1.json to work as written, all the flags in phflag1.png need to be in a horizontal single row.
so everything was right except for the animation png?

Re: Adding custom animations for residential and commercial.

Posted: 18 Apr 2020, 05:00
by CommanderABab

Code: Select all

[

  {
    "id":"$IModernized_Filipino_Building_1A",
    "type":"residential",
	"habitants":60,
	"level":2,
    "author":"MayorRascalov & Player",
    "width":2,
    "height":2,
    "frames":[{"bmp":"IDMFH1A.png"}],
     
    "animation":[{"id":"$idphflag","x":12,"y":-34},
     {"id":"$idphflag","x":24,"y":-40},
     {"id":"$idphflag","x":39,"y":-40},
     {"id":"$idphflag","x":51,"y":-34}]
  
  } 
]
Would be how the code should look.

Re: Adding custom animations for residential and commercial.

Posted: 18 Apr 2020, 06:14
by Player_no_Zero
CommanderABab wrote: 18 Apr 2020, 05:00

Code: Select all

[

  {
    "id":"$IModernized_Filipino_Building_1A",
    "type":"residential",
	"habitants":60,
	"level":2,
    "author":"MayorRascalov & Player",
    "width":2,
    "height":2,
    "frames":[{"bmp":"IDMFH1A.png"}],
     
    "animation":[{"id":"$idphflag","x":12,"y":-34},
     {"id":"$idphflag","x":24,"y":-40},
     {"id":"$idphflag","x":39,"y":-40},
     {"id":"$idphflag","x":51,"y":-34}]
  
  } 
]
Would be how the code should look.
Screenshot_20200418_120353.png
it's misaligned. how to use the coordinates exactly.

Re: Adding custom animations for residential and commercial.

Posted: 18 Apr 2020, 12:45
by CommanderABab
Player_no_Zero wrote: 18 Apr 2020, 06:14
CommanderABab wrote: 18 Apr 2020, 05:00

Code: Select all

[

  {
    "id":"$IModernized_Filipino_Building_1A",
    "type":"residential",
	"habitants":60,
	"level":2,
    "author":"MayorRascalov & Player",
    "width":2,
    "height":2,
    "frames":[{"bmp":"IDMFH1A.png"}],
     
    "animation":[{"id":"$idphflag","x":12,"y":-34},
     {"id":"$idphflag","x":24,"y":-40},
     {"id":"$idphflag","x":39,"y":-40},
     {"id":"$idphflag","x":51,"y":-34}]
  
  } 
]
Would be how the code should look.
Screenshot_20200418_120353.png
it's misaligned. how to use the coordinates exactly.
Screenshot_20200418-063026.jpg
So, try:

Code: Select all

[

  {
    "id":"$IModernized_Filipino_Building_1A",
    "type":"residential",
	"habitants":60,
	"level":2,
    "author":"MayorRascalov & Player",
    "width":2,
    "height":2,
    "frames":[{"bmp":"IDMFH1A.png"}],
     
    "animation":[{"id":"$idphflag","x":12,"y":-14},
     {"id":"$idphflag","x":24,"y":-7},
     {"id":"$idphflag","x":39,"y":-7},
     {"id":"$idphflag","x":51,"y":-14}]
  
  } 
]

Re: Adding custom animations for residential and commercial.

Posted: 18 Apr 2020, 14:43
by Player_no_Zero
I actually found out.
Annotation 2020-04-18 195425.png
Annotation 2020-04-18 195425.png (8.09 KiB) Viewed 3521 times
So DO NOT USE THE COORDINATES IN YOUR PIXEL EDITING APPLICATION NOR ANY PAINT SOFTWARE.
YOU HAVE TO FIND OUT YOURSELF.

the correct coordinates are (from left to right)
x:12 y:-17
x:24 y:-11
x:39 y:-11
x:51 y:-17
to find out the coordinates you must know the point of reference.
Screenshot (18).png
to find the coordinates you must COUNT MANUALLY
Screenshot (19).png
That pink pixel will be my target point to put my animation.
With the knowledge in my animation .png I can proceed to pin down the coordinates and here how I find out.
Screenshot (20).png
I don't know if you notice that X coordinate didn't change and the problem was on Y coordinate.
The Y coordinates is the one that differs. You might confuse as I am. You can still use the X and the Y, count manually

Re: Adding custom animations for residential and commercial.

Posted: 18 Apr 2020, 14:45
by Player_no_Zero
CommanderABab wrote: 18 Apr 2020, 12:45
Player_no_Zero wrote: 18 Apr 2020, 06:14
CommanderABab wrote: 18 Apr 2020, 05:00

Code: Select all

[

  {
    "id":"$IModernized_Filipino_Building_1A",
    "type":"residential",
	"habitants":60,
	"level":2,
    "author":"MayorRascalov & Player",
    "width":2,
    "height":2,
    "frames":[{"bmp":"IDMFH1A.png"}],
     
    "animation":[{"id":"$idphflag","x":12,"y":-34},
     {"id":"$idphflag","x":24,"y":-40},
     {"id":"$idphflag","x":39,"y":-40},
     {"id":"$idphflag","x":51,"y":-34}]
  
  } 
]
Would be how the code should look.
Screenshot_20200418_120353.png
it's misaligned. how to use the coordinates exactly.
Screenshot_20200418-063026.jpg

So, try:

Code: Select all

[

  {
    "id":"$IModernized_Filipino_Building_1A",
    "type":"residential",
	"habitants":60,
	"level":2,
    "author":"MayorRascalov & Player",
    "width":2,
    "height":2,
    "frames":[{"bmp":"IDMFH1A.png"}],
     
    "animation":[{"id":"$idphflag","x":12,"y":-14},
     {"id":"$idphflag","x":24,"y":-7},
     {"id":"$idphflag","x":39,"y":-7},
     {"id":"$idphflag","x":51,"y":-14}]
  
  } 
]
don't worry now i found out

let this whole thing be a guide