RPG Maker MZ Plugin: CT Picture Event Binder – Clickable Picture & UI Buttons

CT_PictureEventBinder – Picture Buttons for RPG Maker MZ

(In-Game Editor Plugin)

CT_PictureEventBinder turns any Show Picture image into a powerful UI button for your RPG Maker MZ projects.

Bind Common Events, Map Events and Troop Event Pages to pictures, add hover/press visual feedback, tooltips, enable/disable states and button sounds – all without writing any JavaScript.

Perfect for custom menus, in-game tools, crafting screens, debug panels, and more.

Version 1.3 introduces the PEB Editor (Picture Placement Editor) which allows developers to visually position UI pictures directly inside the game.

✨ Core Features

• Picture → Common Event

Bind any picture to a Common Event.

Great for:

• custom menus
• system buttons
• toggle options
• debug tools

• Picture → Map Event

Trigger an existing Map Event’s command list (active page or specific page).

Reuse your event logic without duplicate copy-paste.

• Picture → Troop Event Page (Battle)

Bind a picture to a Troop Event Page during battle.

Create:

• custom battle UIs
• boss phase triggers
• raid mechanics
• skill toggles

• Hover & Press FX

Built-in visual feedback for UI interaction.

Hover

• color blend
• slight scale up

Press

• color blend
• small scale down

All effects are configurable via plugin parameters.

• Tooltip Window

Display helpful UI descriptions when hovering a picture.

Features:

• tooltip follows the mouse
• configurable offsets
• adjustable font size
• configurable maximum width

Perfect for UI hints and button descriptions.

• Enable / Disable State

Temporarily disable UI buttons.

Disabled pictures:

• cannot be clicked
• appear darker (tone applied)
• can optionally play a disabled sound

• Button Sounds

Optional sound effects for UI interaction:

• Hover sound
• Click sound
• Disabled sound

All SE settings support:

• volume
• pitch
• pan

• No Click-Through

Clicking a picture button will not make the player walk.

This ensures picture-based UI behaves like a proper interface layer rather than map decoration.

🆕 New Feature – PEB Editor (v1.3)

Version 1.3 introduces the Picture Placement Editor (PEB Editor).

This developer tool allows you to visually drag and position UI pictures directly inside the game.

Instead of repeatedly editing X/Y coordinates in the Show Picture command, you can now:

• Show your UI pictures
• Open the PEB Editor
• Drag pictures into position
• Save the layout

The saved layout will automatically apply the next time those pictures appear.

This dramatically speeds up building picture-based UI systems.

🧩 DevModeManager Integration

The PEB Editor is accessed through CT_DevModeManager, the in-game developer dashboard for RPG Maker MZ.

Download DevModeManager here:

https://cynthiatool.itch.io/ct-devmodemanager-in-game-developer-dashboard-for-rpg-maker-mz

After installing DevModeManager:

• Run your game
• Open the DevModeManager dashboard
• Launch Picture Placement Editor

The editor will appear as an overlay allowing you to move pictures visually.

🧩 Designed for Non-Coders

All setup is done using RPG Maker’s normal event system.

You only need:

• Show Picture
• Plugin Commands

Available commands include:

• Bind Common Event • Bind Map Event • Bind Troop Event Page • Set Tooltip • Set Enabled • Clear Binding

No scripting required.

If you can make events, you can build custom UI systems.

🧪 Example Uses

• Custom main menu or pause menu

• In-game settings panel (audio, difficulty, etc.)

• Crafting / shop / upgrade interfaces

• Developer debug tools

• Battle UI systems

• Interactive UI dashboards built directly inside RPG Maker

📦 What’s Included

• CT_PictureEventBinder.js – main plugin file

• Demo Project

Example maps demonstrating:

• picture buttons on map
• picture buttons during battle
• simple UI layouts you can reuse

• Documentation

• Readme
• How To Use (step-by-step)
• PEB Editor Guide
• Terms of Use & Disclaimer

💼 License & Commercial Use

You may use this plugin in:

• Free RPG Maker MZ projects • Commercial RPG Maker MZ projects

You may modify the plugin for your own game.

You may not:

• resell the plugin itself • redistribute it as a standalone product

Full license details are included in the Terms of Use document.

💚 Created by Cynthia Tools

CT_PictureEventBinder is part of the Cynthia Tools ecosystem, a growing collection of tools designed to make RPG Maker MZ more powerful and easier to use.

If this plugin helps your project, a rating or comment on itch.io would mean a lot.

##

Autoloot Lootspawn System (Click here to view) (https://cynthiatool.itch.io/ct-autoloot-lootspawn-system-rarity-glow-auto-pickup-rpg-maker-mz-plugin)

Add polished, action-RPG style loot drops to your RPG Maker MZ game! Also lets you spawn glowing loot on the map

--------------------------------------------------------------------------------------------------

Farming System (Click here to view) (https://cynthiatool.itch.io/cynthia-tools-farming-systemrpgmaker-mz-plugin)

"a plugin that let you have farming features inside your rpgmaker mz game.

--------------------------------------------------------------------------------------------------

Elemental Reaction System (Click here to view) (https://cynthiatool.itch.io/cynthia-tools-elemental-reaction-systemrpgmaker-mz-plugin)

" brings modern elemental combo reactions to RPG Maker MZ, allowing skills to chain elements, trigger reaction effects, and add visual impact to combat with minimal setup.

---------------------------------------------------------------------------------------------------

Join the CT Update List for free RPG Maker MZ plugin releases, bug fixes, tips, and bundle discounts: https://cynthiatools-8yhtgy.subscribepage.io (https://cynthiatools-8yhtgy.subscribepage.io/)

(https://cynthiatool.itch.io/cynthia-tools-picture-event-binderrpg-maker-mz-plugin/devlog/1487241/terms-of-use-ct-picture-event-binder)

(https://itch.io/blog/1517825/ai-maker-philosophy)

Built with AI assistance. Shaped, tested, and supported by a real maker.