RMMV Pro Map Editor

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
RPG MAKER MV PRO MAP EDITOR
Credit (jonathan Lepage, jonForum, djmisterjon)
License Agreement: ©M.I.T, ©Pixi, ©spine
Dependency Dev WorkFlow:
*pixi.js

*pixi-display
*pixi-spine
*
pixi-light
*pixi-heaven
*izitoast
*bootstrap

*node v8.6> (rmmv1.6)

WorkFlow Compatibility:

*texturePacker Pro
*spriteilluminator
*Spine2D
*dragonBones

*Spriter pro
*tiled
*afterEffects
*photoShop || gimp

Presentation && target
A map editor allowing to add in real time sprites and rendered animation objects.
Works with a full custom optimized layer system as well as a property editor for professional.
Easy Auto detect library folder and category.
Easy Auto detect spriteSheets format .JSON type: (spine,sprite,tileSet,texturePacker,...)
more..


Preview
V1.1.7a
v0.99a light and shadow module

v0.8.a fully integrate
v0.7.a
v0.1.a


Features and Targets

  • Ultra game performance (over 600 sprites index in map)
  • ECMAScript 6 performance.
  • Auto localStorage session save, (avoid losing editor setup).
  • Live map editor with Auto Z-Index
  • Live layers selector
  • Live animation for sprites Obj
  • Super tiles editor (textures)
  • Live play game and debug
  • Custom Tool for edit specific or SpritesLots property.
  • Automatic library filters by custom folder name see example=>

  • Auto detect .Json sprites type in folder library. (spine,texturePacker,tilesSet, sprite)
  • Export all sprites OBJ to a custom JSON for map load
  • Export a full SNAP screenMap parallaxe for the event rmmv editor.
  • Export multiLayers png for import to photoshop.
  • Edit, remove, add ID sprites and custom property.
  • Filters for find atlas and spriteSheets
  • Simple tile editor mode from textures spriteSheets
  • Editor GUI data for custom Obj property
more..

Tutorial
...soon

Download
pixiMapEditor.js v0.99A
note: you can not use my graphics sources for your comercial game, it only for demo.

DEV:
https://github.com/djmisterjon/PIXI.ProStageEditor


MORE VIDEO PREVIEW
test with rmmv events x400+spine2D+easing library+interactivity+playerFakePhysic.
Events can be a spine animation object with assign name in editor.
this is a very old test video
 
Last edited:

Kvothe

The Bloodness
Veteran
Joined
Jan 21, 2014
Messages
149
Reaction score
557
First Language
Brazil
Primarily Uses
N/A
WOW, it is sounds good! I'll keep a watch on this topic... What I love about this new Maker is this "features" that we can create. And, of course, the main and super Pixi.
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
WOW, it is sounds good! I'll keep a watch on this topic... What I love about this new Maker is this "features" that we can create. And, of course, the main and super Pixi.
thank you, especially I try to find as many ideas as possible and especially to master all features from spine and pixi-display .
These a prototype but it works very well for the moment.
 

Alinara

Villager
Member
Joined
May 25, 2017
Messages
18
Reaction score
18
First Language
English
Primarily Uses
RMMV
This looks really cool! Shame that it is not compatible with spriter pro.
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
fully integrate v0.8a demo
 

peq42_

Yeet
Veteran
Joined
Feb 5, 2016
Messages
483
Reaction score
288
First Language
Portuguese(BR)
Primarily Uses
RMMV
Is photoshop(because of formats or something )necessary or gimp can do all that too?
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
Is photoshop(because of formats or something )necessary or gimp can do all that too?
yes , i say photoshop because i use it, but it export layer in .png
 

peq42_

Yeet
Veteran
Joined
Feb 5, 2016
Messages
483
Reaction score
288
First Language
Portuguese(BR)
Primarily Uses
RMMV
May I ask one more things about it?That extra performance you talk about, is it ingame performance or editor? Also for what things does it improve performance?Images/animations only or everything?

Also, is it possible(Not a request, even though that would be amazing, just asking) to make a complete editor outside MV? Like, something where I could create and control events, map creation(not edition, creation),etc?
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
May I ask one more things about it?That extra performance you talk about, is it ingame performance or editor? Also for what things does it improve performance?Images/animations only or everything?

Also, is it possible(Not a request, even though that would be amazing, just asking) to make a complete editor outside MV? Like, something where I could create and control events, map creation(not edition, creation),etc?
The editor does not have too much good performance because it is a complementary module that having lot of huge library.
The editor simply allows you to generate a JSON file and then upload it to your project.
The performance is simply that most of the rpg maker codes are simply removed and have instead used a running engine with most pixi modules.
The loader make a huge cache of all textures and work mostly with gpu rendering.

The map need to be created in photoshop like a parallaxe or gimp.
I'm doing this plugin because I have some complications during the development of my project and therefore this editor should solve my problems.
Related issue:
https://github.com/pixijs/pixi-display/issues/23
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
v0.9A
SpriteSheets from rmmv are now compatible , also icon for identify what kind of sheet .
SpriteSheets Mode will allow to apply textures from the atlas.
It will allow to add simple texture to map without animation.
And allow to know if map need load the spritesheet in game.
Also a isane map scroll , like pro software can do, based on tiker.
PHP:
const editorTiker = new PIXI.ticker.Ticker().add((delta) => {
document.title = `(mX: ${mX}) (mY: ${mY}) | (dX: ${~~dX}) (dY: ${~~dY})`;
if(scrollAllowed){
let scrolled = false;
(mX<20 && (dX-=scrollF) || mX>sceneX-20 && (dX+=scrollF)) && (scrolled=true);
(mY<20 && (dY-=scrollF) || mY>sceneY-20 && (dY+=scrollF)) && (scrolled=true);
scrolled && (scrollF+=0.01) || (scrollF=0.01) ;
}
$gameMap._displayX += ((dX-$gameMap._displayX)/20)*delta;
$gameMap._displayY += ((dY-$gameMap._displayY)/20)*delta;

});


 
Last edited:

Kvothe

The Bloodness
Veteran
Joined
Jan 21, 2014
Messages
149
Reaction score
557
First Language
Brazil
Primarily Uses
N/A
This is became more and more beutiful! Great work!
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
little preview from camera mode and also the tileEditor.
preview tileMode editor from v0.9A.
I love how my camera turn.
This should enhance a lot the workflow.
 

RocketKnight

Broke with expansive taste
Veteran
Joined
Apr 9, 2012
Messages
506
Reaction score
863
First Language
Portuguese
Primarily Uses
RMVXA
I'm have problems with your plugins, they all seem not to work properly also de demos (error plugin or missing parts). Idk if it's too difficult or i'm just stupid.
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
I'm have problems with your plugins, they all seem not to work properly also de demos (error plugin or missing parts). Idk if it's too difficult or i'm just stupid.
lol ??? demo, i not have released the plugin!, i will release only when i will achieve v1.0.
i don't know where you get a demo?
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
you can now control darker and lighter tint.
cool for control shading in game.
Here example a easy wait for reverse Dark and white and apply a red tint on the reverse. !
upload_2018-3-23_6-31-5.png
 
Last edited:

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
i change my approach for get a more powerful tint controller for Shader.
I think it a better idea to use sliders for darker and lighter.
Slider can be hide or show.
upload_2018-3-23_16-33-48.png
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
testing hold click with a object will allow auto Anchor and pivot.
But will not affect the session saved configuration of the obj inside the spriteSheets.
 

Jonforum

Veteran
Veteran
Joined
Mar 28, 2016
Messages
1,623
Reaction score
1,431
First Language
French
Primarily Uses
RMMV
hold click when have a obj will show a fastMode option.
hold+move right: active rotation with mouseXY.
hold+move left: active scale with mouseXY.
hold+move Up: active pivot with mouseXY.
hold+move dW: active skew with mouseXY.
the fastMode affect only the current sprite hold and not the obj session data.

This mode are cool if you need to very fast adjust a property, without setup the obj.

upload_2018-3-27_21-37-3.png
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Latest Threads

Latest Profile Posts


230 paths... roughly 250 light sources on the screen... One serious lag fiesta... But I finally got it all the screen at once. I guess I could have also just made an event to spawn each one in exactly the location I needed, but that's sooo much less fun. :LZSwink:
A wee radio thing I made months and months and months ago. 2020 has felt like such a long year. Maybe made this before 2020.IDK anymore.

Made this one much more recently.
Stream will be live shortly with a surprise session of the Interactive Text Adventure! Feel free to drop by!

Forum statistics

Threads
104,498
Messages
1,006,725
Members
135,996
Latest member
lunette
Top