VSCode RPGMakerMV Intellisense [UPDATE - Sublime & Atom Support!]

Discussion in 'Useful Development Tools' started by Kino, Jul 21, 2017.

  1. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    [​IMG]
    RPGMakerMV Intellisense

    These two files add intellisense to your RPGMakerMV code base when working with plugins, the base code, etc in Visual Studio Code. You can see every class available in the code base and the methods attached to them. Furthermore, you can even see the outputs of methods.



    Features
    • PIXI.js documentation (version 4.5)
    • MV Scenes
    • MV Game Objects
    • MV Windows
    • MV Sprites
    • MV Managers
    • MV Globals


    Download
    http://endlessillusoft.com/download/2167/

    http://endlessillusoft.com/download/2169/



    Instructions - VS Code
    1. Download both files; keep the file names.
    2. Place the jsconfig.json and the rmmv.d.ts file in your js/ directory.
    3. Make sure you open your RPGMakerMV project as a folder (Right click -> Open with Code)
    4. Reload Visual Studio Code
    5. Enjoy The Intellisense!
    Instructions - Sublime Text
    1. Download the Typescript plugin for Sublime via Package Manager.
    2. Place the rmmv.d.ts file in your game's js/plugins directory (if you create plugins in that folder); if you use a different folder, place the rmmv.d.ts file in that folder.
    3. Set your language for your JavaScript file to 'TypeScript' in the bottom right corner of Sublime.
    4. Enjoy!
    Instructions - Atom
    1. Download the Typescript plugin in Atom via the Package Manager.
    2. Place the rmmv.d.ts file in your js/plugins directory (if you create plugins in that folder); if you use a different folder, place the rmmv.d.ts file in that folder.
    3. Save your JavaScript file as .ts and make sure your language type is 'Typescript' in the bottom right of Atom.
    4. Enjoy!
    5. When you're done editing your plugin, simply save it as a .js

    Visual Indication - VS Code

    [​IMG]



    Examples
    Global Variables

    [​IMG]

    Scene Classes

    [​IMG]



    I hope this helps all of you coders out there! I'm sure this will be a great improvement to your productivity!

    The jsconfig.json covers the plugins folder, so if you developer your plugins in a different folder relvative to the jsconfig.json you will have to edit the include section of the jsconfig.json

    Original post, which will be kept updated on the website: http://endlessillusoft.com/rpgmakermv-intellisense/
     
    Last edited: Jul 22, 2017
    #1
    Murakui, Dust, Kaelan and 15 others like this.
  2. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,567
    Likes Received:
    1,322
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    I started this, but given the colossal that required, I gave up.
    Thank you I'm aware of the big work here.
    I test on the spot.
    :kaoluv:
    AND PIXI !! wow
     
    #2
    Kino likes this.
  3. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    Haha glad I could provide it to the community. The PIXI Version is a bit higher than what MV has, but yea, it's included. The whole thing still needs documentation, but at least you now know what function and method is on each object within MV.
     
    #3
    Jonforum likes this.
  4. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,567
    Likes Received:
    1,322
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    #4
    Kino likes this.
  5. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    You're very welcome! I hopr everyone gets some fun out of it. If you see any missing properties or anything, send em out here and I'll be updating the ts. :kaoluv:
     
    #5
  6. Jonforum

    Jonforum Veteran Veteran

    Messages:
    1,567
    Likes Received:
    1,322
    Location:
    Canada / Québec
    First Language:
    French
    Primarily Uses:
    RMMV
    Since I work a lot with pixi and especially the pixi.text, it probably no work for style property style.
    But I yesterday i adding them with automatic snippets and description..
    Text Style : ts
    [
    PHP:
      "tsalign": { "prefix""tsalign",
            
    "body": ["align:\"${1:center}\","],
            
    "description""PIXI STYLE PRIMARY\n align: 'left' 'center' 'right',"
            
    },
            
    "tsdropShadow": { "prefix""tsdropShadow",
            
    "body": ["dropShadow:\"${1:0}\","],
            
    "description""PIXI STYLE\n dropShadow: '0:false' '1:true',"
            
    },
            
    "tsdropShadowAngle": { "prefix""tsdropShadowAngle",
            
    "body": ["dropShadowAngle:\"${1:0.1}\","],
            
    "description""PIXI STYLE\n dropShadowAngle: 'Math.PI / 6',"
            
    },
            
    "tsdropShadowBlur": { "prefix""tsdropShadowBlur",
            
    "body": ["dropShadowBlur:\"${1:1}\","],
            
    "description""PIXI STYLE\n dropShadowBlur: '0.5',"
            
    },
            
    "tsdropShadowColor": { "prefix""tsdropShadowColor",
            
    "body": ["dropShadowColor:\"${1:rgba(000,0.5)}\","],
            
    "description""PIXI STYLE\n dropShadowColor: 'rgba(0, 0, 0,0.5)' '#000000',"
            
    },
            
    "tsdropShadowDistance": { "prefix""tsdropShadowDistance",
            
    "body": ["dropShadowDistance:\"${1:3}\","],
            
    "description""PIXI STYLE\n dropShadowBlur: '0' 'false',"
            
    },
            
    "tsfill": { "prefix""tsfill",
            
    "body": ["fill:\"${1:#000000}\","],
            
    "description""PIXI STYLE\n fill: '#000000',"
            
    },
            "
    tsfillGradientType": { "prefix": "tsfillGradientType",
            "
    body": ["fillGradientType:\"${1:0}\", fill:['#333','#eee','white','#dbdbdb','white','#f1f1f1','#2c2c2c'],"],
            
    "description""PIXI STYLE\n fillGradientType: '0:linearV' '1:linearH',"
            
    },
            
    "tsfontFamily": { "prefix""tsfontFamily",
            
    "body": ["fontFamily:\"${1:Anjelik  MAIAN  Qarmic DigitalStrip}\","],
            
    "description""PIXI STYLE\n fontFamily: 'Anjelik'  'MAIAN'  'Qarmic' 'DigitalStrip',"
            
    },
            
    "tsfontSize": { "prefix""tsfontSize",
            
    "body": ["fontSize:\"${1:22}\","],
            
    "description""PIXI STYLE\n fontSize: '34',"
            
    },
            
    "tsfontVariant": { "prefix""tsfontVariant",
            
    "body": ["fontVariant:\"${1:normal|small-caps|initial|inherit}\","],
            
    "description""PIXI STYLE\n fontVariant: 'normal|small-caps|initial|inherit',"
            
    },
            
    "tsfontWeight": { "prefix""tsfontWeight",
            
    "body": ["fontWeight:\"${1:normal|bold|bolder|lighter|900|600|400}\","],
            
    "description""PIXI STYLE\n fontWeight: 'normal|bold|bolder|lighter|900|600|400',"
            
    },
            
    "tsletterSpacing": { "prefix""tsletterSpacing",
            
    "body": ["letterSpacing:\"${1:2}\","],
            
    "description""PIXI STYLE\n letterSpacing: '4',"
            
    },
            
    "tslineHeight": { "prefix""tslineHeight",
            
    "body": ["lineHeight:\"${1:-5}\","],
            
    "description""PIXI STYLE PRIMARY\n lineHeight: '-5',"
            
    },
            
    "tslineJoin": { "prefix""tslineJoin",
            
    "body": ["lineJoin:\"${1:bevel|round|miter}\", miterLimit:\"${2:5}\","],
            
    "description""PIXI STYLE\n lineJoin: 'bevel|round|miter', miterLimit:"
            
    },
            
    "tsmiterLimit": { "prefix""tsmiterLimit",
            
    "body": ["miterLimit:\"${1:5}\", lineJoin:\"${2:bevel|round|miter}\","],
            
    "description""PIXI STYLE\n miterLimit: '10', lineJoin:"
            
    },
            
    "tsstroke": { "prefix""tsstroke",
            
    "body": ["stroke:\"${1:#000000}\","],
            
    "description""PIXI STYLE\n stroke: 'black',"
            
    },
            "
    tsstrokeThickness": { "prefix": "tsstrokeThickness",
            "
    body": ["strokeThickness:\"${1:4}\","],
            
    "description""PIXI STYLE\n strokeThickness: '4',"
            
    },
            
    "tswordWrap": { "prefix""tswordWrap",
            
    "body": ["wordWrap:\"${1:true}\", wordWrapWidth:\"${2:520}\","],
            
    "description""PIXI STYLE PRIMARY\n wordWrap: 'true',"
            
    },
            
    "tswordWrapWidth": { "prefix""tswordWrapWidth",
            
    "body": ["wordWrapWidth:\"${1:520}\","],
            
    "description""PIXI STYLE PRIMARY\n wordWrapWidth: '450',"
            
    },
            
    "tslineStyle": { "prefix""tslineStyle",
            
    "body": ["lineStyle:\"${1:'top'||'middle'||'bottom'}\","],
            
    "description""PIXI STYLE PRIMARY\n lineStyle: 'top'||'middle'||'bottom',"
            
    },
     
    Last edited: Jul 21, 2017
    #6
  7. Tea's Jams

    Tea's Jams I'm human Veteran

    Messages:
    703
    Likes Received:
    1,830
    First Language:
    English
    Primarily Uses:
    RMMV
    I can't wait until I get good enough with code to use this! :D
     
    #7
    Kino likes this.
  8. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    Ohhh looking fancy I like it. I think you're the designated Pixi guy @Jonforum

    Simple and easy to install @just1witness :p hope it helps you in the future.
     
    #8
    Jonforum and Tea's Jams like this.
  9. AceOfAces_Mod

    AceOfAces_Mod Engineering to infinity! Veteran

    Messages:
    1,693
    Likes Received:
    1,142
    First Language:
    Greek
    Primarily Uses:
    RMVXA
    :rhappy: That's really handy. Good job, mate.
     
    #9
    Kino likes this.
  10. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    Thanks! I had a lot of fun working on it.
     
    #10
  11. Dr.Yami

    Dr.Yami 。◕‿◕。 Developer

    Messages:
    994
    Likes Received:
    736
    Location:
    Finland
    First Language:
    Vietnamese
    Primarily Uses:
    Other
    This topic should be pinned in this box!
     
    #11
  12. Gamefall Team

    Gamefall Team Nebula Games Leader Veteran

    Messages:
    337
    Likes Received:
    418
    Location:
    Italy
    First Language:
    Italian
    Primarily Uses:
    RMMV
    Hey dude, you made a very cool thing to deal with! Thank you very much! :kaojoy:
     
    #12
    Kino likes this.
  13. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    Glad it could help you! I feel this should also be in the JavaScript section.
     
    #13
    Gamefall Team likes this.
  14. Poryg

    Poryg Pixie of the Emvee kingdom, Ham of a Hamster Veteran

    Messages:
    3,639
    Likes Received:
    9,150
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    For some reason it doesn't work for me in Sublime 2. I've also got a problem with not responding Type script plugin (due to long timeouts), so this can be why.
     
    #14
  15. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    Hmmm let's see; can you show me your directory structure? Might help with seeing what I can do to help
     
    #15
  16. Zeriab

    Zeriab Huggins! Veteran

    Messages:
    1,198
    Likes Received:
    1,250
    First Language:
    English
    Primarily Uses:
    RMXP
    Awesome work <3
     
    #16
  17. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    #17
    LTN Games likes this.
  18. Poryg

    Poryg Pixie of the Emvee kingdom, Ham of a Hamster Veteran

    Messages:
    3,639
    Likes Received:
    9,150
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    My directory structure is more or less the standard structure, concerning javascript plugins. Shown directly from my Sublime text 2.
     

    Attached Files:

    #18
  19. LTN Games

    LTN Games Veteran Veteran

    Messages:
    608
    Likes Received:
    459
    Location:
    Canada
    First Language:
    English
    Primarily Uses:
    RMMV
    Thanks for the mention Kino. I really only did one class :p but I do plan on adding some good detailed documentation for Window_Base and more commonly used methods. I love the idea behind this and I think it's a great opportunity to help with newcomers who want to code their own game.
     
    #19
    Kino likes this.
  20. Kino

    Kino EIS Game Dev Veteran

    Messages:
    515
    Likes Received:
    669
    Location:
    United States
    First Language:
    English
    Primarily Uses:
    RMMV
    Huh and the language is set to typescript in the bottom right corner?
     
    #20

Share This Page