RMMV Pro Map Editor

Discussion in 'JS Plugin Releases (RMMV)' started by Jonforum, Feb 25, 2018.

  1. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    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=>
      [​IMG]

    • 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: Oct 8, 2018
    #1
  2. Kvothe

    Kvothe The Bloodness Veteran

    Messages:
    140
    Likes Received:
    540
    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.
     
    #2
  3. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    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.
     
    #3
    Kvothe likes this.
  4. Alinara

    Alinara Villager Member

    Messages:
    18
    Likes Received:
    18
    First Language:
    English
    Primarily Uses:
    RMMV
    This looks really cool! Shame that it is not compatible with spriter pro.
     
    #4
  5. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    fully integrate v0.8a demo
     
    #5
    Kvothe likes this.
  6. peq42_

    peq42_ Yeet Veteran

    Messages:
    465
    Likes Received:
    274
    Location:
    Brazil
    First Language:
    Portuguese(BR)
    Primarily Uses:
    RMMV
    Is photoshop(because of formats or something )necessary or gimp can do all that too?
     
    #6
  7. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    yes , i say photoshop because i use it, but it export layer in .png
     
    #7
    peq42_ likes this.
  8. peq42_

    peq42_ Yeet Veteran

    Messages:
    465
    Likes Received:
    274
    Location:
    Brazil
    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?
     
    #8
  9. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    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
     
    #9
    Luckysince97 likes this.
  10. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    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;

    });
    [​IMG]

    [​IMG]
     
    Last edited: Mar 21, 2018
    #10
    Kvothe likes this.
  11. Kvothe

    Kvothe The Bloodness Veteran

    Messages:
    140
    Likes Received:
    540
    First Language:
    Brazil
    Primarily Uses:
    N/A
    This is became more and more beutiful! Great work!
     
    #11
  12. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    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.
     
    #12
  13. RocketKnight

    RocketKnight Broke with expansive taste Veteran

    Messages:
    503
    Likes Received:
    860
    Location:
    São Paulo
    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.
     
    #13
  14. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    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?
     
    #14
  15. RocketKnight

    RocketKnight Broke with expansive taste Veteran

    Messages:
    503
    Likes Received:
    860
    Location:
    São Paulo
    First Language:
    Portuguese
    Primarily Uses:
    RMVXA
    #15
  16. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    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: Mar 23, 2018
    #16
    Kvothe and Gamefall Team like this.
  17. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    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
     
    #17
  18. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    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.
     
    #18
    Kvothe likes this.
  19. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    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
     
    #19
  20. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,594
    Likes Received:
    1,380
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    build a house workflow with editor.
    compute and understand layers.
     
    #20
    Aloe Guvner, Kvothe and ArtikDart like this.

Share This Page