A downloadable asset pack

--DISCONTINUED--

I have decided to discontinue this project, it was too hard to sync the react components with rmmz.

This is a collection of components made in React js for Rpm Maker Mz. The may work for MV but I'm designing them for MZ specifically.

There are 3 components as of 0.22: MessageLog, EnemyScan, QuestLog 

MessageLog - combined MapLog and BattleLog, it now has the ability to filter the log messages.

EnemyScan - a set of components that allow you to see the enemies Hp/Mp/Tp, and when they take damage or pay to use a skill.

QuestLog -  combined with ProgressLog, added ability to filter the items.

You can, via the plugin scripts included, customize which main component features you would like to use.

For more information on everything check out DdmDraeDocumentation.docx.

This is the only place I have uploaded the scripts please don't upload them anywhere else, instead link back to here. 

This is released under Apache 2.0, which allows for free use in commercial products, and if you do please credit me as Ddm Draegonis.

More information
StatusIn development
CategoryAssets
Release date Feb 23, 2022
Rating
Rated 5.0 out of 5 stars
(1 total ratings)
AuthorDraegonis
Made withRPG Maker
Tagsmz, plugins, RPG Maker, scripts
Code licenseApache License 2.0
LinksSupport

Download

Download
DdmDraeReactMZ_v0.22.zip 543 kB
Download
DdmDraeDocumentation.docx 31 kB

Install instructions

* If you do plan to use the components please leave the ddmDraeReactMZ.LICENSES.txt within the ddmDraeReactMZ folder. Those are the licenses of the libraries used and are required by their terms of use.

1) Make sure you have downloaded and placed the ddmDraeReactMZ folder and the asset-manifest.json in the same folder as your index.html. The root folder of your project.

2) Open your index.html inside a text editor like VsCode or similar program.

3) Add the div id=”app” and copy from the included index.html the script section in the header like the example below.

 <head>

      … 

      <title>Your Game Name</title>

     <script> var global = global || window; </script> <!-- Electron Only -->

      <script

          defer="defer"

          src="./ddmDraeReactMZ/react-redux.2b7d83df.js"

      ></script>

      <script defer="defer" src="./ddmDraeReactMZ/react-dom.e10848a3.js"></script>

      <script defer="defer" src="./ddmDraeReactMZ/redux.a9fc933d.js"></script>

      <script defer="defer" src="./ddmDraeReactMZ/immer.a6b24590.js"></script>

      <script

        defer="defer"

        src="./ddmDraeReactMZ/%40reduxjs.87264d7e.js"

      ></script>

      <script defer="defer" src="./ddmDraeReactMZ/main.febce566.js"></script>

 </head>

 <body style="background-color: black">

      <div id="app"></div>

      <script type="text/javascript" src="js/main.js"></script>

  </body>

  • The hashes in the instructions above may be different from the hashes in the download. That is why I recommend copy pasting from the included index.html.
  • When updating the scripts you only need to update the ones that have a different hash. Example: "ddmDraeReactMZ/main.febce566.js"  => "ddmDraeReactMZ/main.ar55e566.js". Easiest way to find which scripts have changed is to compare the asset-manifest.json.
  • <script> var global = global || window; </script> is for an Electron project only. It is to prevent a global undefined error.

4) Place the DdmDrae_Core.js + any of the component specific script(s) in your js/plugins folder.

Components: [  DdmDrae_MessageLog, DdmDrae_QuestLog, DdmDrae_EnemyScan ]

  ** You will get errors if you enable components but forget to add the plugins of those components.

5) In the Plugin Manager make sure DdmDrae_Core.js is above all of the component scripts. The order of the component scripts does not matter after that.

Development log