How To Make Plugins: Difference between revisions

From Legacy Roblox Wiki
Jump to navigationJump to search
>Flurite
m Added category
 
(60 intermediate revisions by 15 users not shown)
Line 1: Line 1:
==Prerequisites (What you need)==
== Prerequisites ==


*A decent knowledge of scripting in Lua
* A decent knowledge of scripting in Lua.
*Text editing program (such as Notepad)
* Text editing program (such as Notepad, Visual Studio Code, Notepad++, or another).
*Roblox Studio


==The plugins folder==
== Setting up the plugin ==
=== The Plugins Folder ===


A plugin isn't like a normal script. It's saved onto your computer! To get to where you save plugins, you'll need to:
A plugin isn't like a normal script. Plugins are saved onto your computer. ROBLOX has a special folder for user-made plugins. To get to that folder, follow these instructions:


*Go to Roblox Studio
#Open the Studio.
*Click Tools->Open Plugins Folder
#Click <kbd>Tools</kbd> -> <kbd>Open Plugins Folder</kbd>
{{Studio|Menu$Tools}}
{{Studio|Menu$Tools}}
*Now, a folder browser should pop up. On windows, it should be something along the lines of:
C:\Users\YourUsernameOnYourComputer\AppData\Local\Roblox\plugins
Plugins don't delete when roblox updates, since they're stored seperately to actual roblox files which get updated.


==Creating the plugin folder and getting an icon==
Because this folder is separate from the main Roblox files, your installed plugins will not be deleted when ROBLOX updates.


In your plugins folder, right click and click 'New' and click 'Folder'.
=== Creating A Plugin Folder ===


Name it 'Hello World Plugin'
In the plugins folder, create a new folder. Name the new folder ''HelloWorldPlugin''.


Now, we need some files. First-off, you might want to download an icon set. This link is the set that Roblox uses for most of it's icons- FamFamFam's Silk icon set. It's a great icon set, check it out here:
=== Getting a Button Icon ===
[[http://www.famfamfam.com/lab/icons/silk/ Silk icon set by FamFamFam]]


Once you find a nice icon you like (Or make your own- Generally 16x16 png files.) right click it and click copy, then go to you 'Hello World Plugin' folder, and paste it.
Your plugin's files are put into your plugin's new folder (not ROBLOX's plugin folder). First-off, you might want to download an icon set to find icons for your new plugin's buttons. There are many free icon sets online, however ROBLOX uses FamFamFam's Silk Icon Set for most of it's icons. FamFamFam's Silk Icons is a great icon set; you can check it out here at [http://www.famfamfam.com/lab/icons/silk famfamfam].


Now you've got an icon.
Once you find a nice icon you like (or make your own - a 16x16 image file), copy and paste it into your plugin's folder (not ROBLOX's plugins folder - learn the difference!).


==Creating the plugin scripts==
Now you've got a button icon!


This is the part where you need your leet scripting knowledge.
====Making Your Own====
You can also make your own icon, if you want. Here are some requirements in order to get the icon to display properly:
*The image must be a [http://en.wikipedia.org/wiki/Portable_Network_Graphics PNG] file
*The image must have an [http://en.wikipedia.org/wiki/Alpha_compositing alpha channel]
**'''In [http://www.gimp.org GIMP]:''' Go to '''<kbd>Layer</kbd> > <kbd>Transparency</kbd> > <kbd>Add Alpha Channel</kbd>'''
**'''In [http://www.getpaint.net Paint.NET]:''' When saving, make sure the '''Bit Depth''' is '''32-bit'''.
*The background color of the image must not be saved
**'''In GIMP:''' When saving, make sure the '''Save background color''' option is unchecked.


Open up Notepad or your favourite text-editing software ([[http://notepad-plus-plus.org/ Notepad++ is great for programming/scripting!]])
For best display, use a size of 16 x 16.


Now, plugin's API is as follows (Not complete reference, these are just the things you need to make a basic plugin!):
== Creating A Plugin Script ==


<pre>
This is the part where you need your scripting knowledge. Open up your favorite text-editing software (such as one of the programs listed above).
local PluginManagerObject = PluginManager()
--Returns the plugin manager service.
</pre>


<pre>
First, we create a plugin with the [[RBX.lua.PluginManager (Object)|PluginManager]]:
local Plugin = PluginManagerObject:CreatePlugin()
<syntaxhighlight lang="lua">
--Returns a plugin (You can use PluginManager():CreatePlugin() if you want shorter code)
local plugin = PluginManager():CreatePlugin()
</pre>
</syntaxhighlight>
 
Then, we create the [[RBX.lua.Toolbar (Object)|Toolbar]]:
<pre>
<syntaxhighlight lang="lua">
local Toolbar = Plugin:CreateToolbar("Hello World Plugin Toolbar")
local toolbar = plugin:CreateToolbar("Hello World Plugin")
--This returns a toolbar. It's empty right now.
</syntaxhighlight>
</pre>
Then, we create a [[RBX.lua.Button (Object)|Button]]:
 
{{code|=
<pre>
local button = toolbar:CreateButton(
local Button = Toolbar:CreateButton("Print Hello World", "Click this button to print Hello World!", "IconName.png")
"", -- The text next to the icon. Leave this blank if the icon is sufficient.
--[[The first argument, 'Print Hello World' is the text to appear next to the icon. You can leave this blank if the icon is descriptive enough. The second is what text appears when you hover on the caption for a while, and the third is the icon. Make sure you change it to your icon's name!]]
"Click this button to print Hello World!", -- hover text
</pre>
"IconName.png" -- The icon file's name. Make sure you change it to your own icon file's name!
 
)
<pre>
}}
Button.Click:connect(function)
And finally, we use the button's [[Click (Event)|Click]] event to know when the button is clicked:
--Finally we get onto something we're used to! Events!
{{code|=
--It works like a normal roblox event, so we can do this:
button.Click:connect(function()
 
print("Hello, World!")
Button.Click:connect(function()
    print("Hello, World!")
end)
</pre>
 
==Altogether now!==
 
By combining all the code we've done so far, we have a functional plugin!
 
<pre>
local PluginManagerObject = PluginManager()
local Plugin = PluginManagerObject:CreatePlugin()
local Toolbar = Plugin:CreateToolbar("Hello World Plugin Toolbar")
local Button = Toolbar:CreateButton("Print Hello World", "Click this button to print Hello World!", "IconName.png")
Button.Click:connect(function()
    print("Hello, World!")
end)
end)
</pre>
}}
 
{{TitledBox|heading=All in one statement!|
Yay! Now save it to wherever you like (I recommend 'My Documents'), and, if you're using Notepad, make sure this is what the save dialog looks like:
Feeling adventurous? You can write all that code in just one statement!
 
[[Image:NotepadPluginSaveDialog.png]]


Notice the 'All Files' bit, and we added '.lua' on the end.
PluginManager()
    :CreatePlugin()
        :CreateToolbar("Hello World Plugin Toolbar")
            :CreateButton(
                "Print Hello World",
                "Click this button to print Hello World!",
                "IconName.png"
            ).Click:connect(function()
                  print("Hello, World!")
            end)


Save it, and open the folder where you saved it. Now drag the file into the 'Hello World Plugin' folder!
}}
Yay! Now save it to the 'HelloWorldPlugin' folder we made earlier, and if you're using Notepad, make sure this is what the save dialog looks like (for Windows; for Mac, follow the idea):


==Now let's view your plugin in action!==
[[File:NotepadPluginSaveDialog.png]]


Now that your plugin is done, we can look at it!
Also, Windows users, make sure you note that "All Files" is selected.


Launch roblox studio and launch any place, and you should see a shiny new button on your toolbar (Or an error in your output. D:)
== Testing your plugin==


Click the button, and 'Hello, World!' should appear in the output!
Now that your plugin is done, you can try it out. ROBLOX Studio reloads all plugins when a new place is opened up, so you can click the "New" button to make a new place. You should see a shiny new button on your toolbar. Click the button, and '<samp>Hello, World!</samp>' should appear in the output! (or an error message... in which case, review the previous sections)


== Using the Mouse with plugins ==
== Using the Mouse ==


Plugins have a method called [[GetMouse]] that returns a [[Mouse]] object that can be used just like the one supplied by Tools and HopperBins. However, before any of the Mouse's events will be fired, it has to be activated, using another method Plugin has called [[Activate]]. Only one plugin can be activated at once - this helps stop people from making plugins that interfere with each other. A plugin can use the [[Deactivation]] event to tell when it has been deactivated.
Plugin objects have a method called [[GetMouse (Method)|GetMouse]] which returns a [[RBX.lua.PluginMouse (Object)|PluginMouse]] object that can be used just like the one supplied by [[RBX.lua.Tool (Object)|Tools]]'s [[Equipped (Event)|Equipped]] event and [[RBX.lua.HopperBin (Object)|HopperBins]]'s [[Selected (Event)|Selected]] event. However, no mouse events will fire unless the plugin object is "activated". Only one plugin can be "activated" at once. To activate a plugin, you can use the [[Activate (Method)|Activate]] method of the plugin object. You should only activate a plugin when a button is clicked to prevent your plugin from interfering with other plugins. A plugin can use the [[Deactivation (Event)|Deactivation]] event to tell when it has been deactivated.


== See Also ==
== See Also ==


Huzzah! You made a plugin! Now you can adjust it! But you still don't know all there is to know about plugins!
Huzzah! You made a plugin! Now you can adjust it! But you still don't know all there is to know about plugins. Check out these resources to learn about making better, more complicated plugins in ROBLOX Studio.


*Check out the [[RBX.lua.Selection (Service) | Selection service]] to manipulate what the plugin user has selected (Great for CFrame plugins!)
* The [[RBX.lua.Selection (Service)|Selection]] service to manipulate what the plugin user has selected.
*Check out the [[Plugin API | Full plugin API]] to view more cool plugin features!
* The [[RbxGui (Library)|RbxGui]] library to learn to make fast and simple GUI widgets for your plugins!
*Check out the [[RbxGui|RbxGui]] library for fast and simple GUI widgets for your plugins!
* [http://www.roblox.com/Forum/ShowPost.aspx?PostID=52064509 This forum post] lists all the objects, methods and events introduced with the plugins feature.
*[http://www.roblox.com/Forum/ShowPost.aspx?PostID=52064509 This forum post] lists all the objects, methods and events introduced with the Plugin feature.
[[Category:Scripting Tutorials]]

Latest revision as of 22:47, 14 November 2023

Prerequisites

  • A decent knowledge of scripting in Lua.
  • Text editing program (such as Notepad, Visual Studio Code, Notepad++, or another).

Setting up the plugin

The Plugins Folder

A plugin isn't like a normal script. Plugins are saved onto your computer. ROBLOX has a special folder for user-made plugins. To get to that folder, follow these instructions:

  1. Open the Studio.
  2. Click Tools -> Open Plugins Folder

Because this folder is separate from the main Roblox files, your installed plugins will not be deleted when ROBLOX updates.

Creating A Plugin Folder

In the plugins folder, create a new folder. Name the new folder HelloWorldPlugin.

Getting a Button Icon

Your plugin's files are put into your plugin's new folder (not ROBLOX's plugin folder). First-off, you might want to download an icon set to find icons for your new plugin's buttons. There are many free icon sets online, however ROBLOX uses FamFamFam's Silk Icon Set for most of it's icons. FamFamFam's Silk Icons is a great icon set; you can check it out here at famfamfam.

Once you find a nice icon you like (or make your own - a 16x16 image file), copy and paste it into your plugin's folder (not ROBLOX's plugins folder - learn the difference!).

Now you've got a button icon!

Making Your Own

You can also make your own icon, if you want. Here are some requirements in order to get the icon to display properly:

  • The image must be a PNG file
  • The image must have an alpha channel
    • In GIMP: Go to Layer > Transparency > Add Alpha Channel
    • In Paint.NET: When saving, make sure the Bit Depth is 32-bit.
  • The background color of the image must not be saved
    • In GIMP: When saving, make sure the Save background color option is unchecked.

For best display, use a size of 16 x 16.

Creating A Plugin Script

This is the part where you need your scripting knowledge. Open up your favorite text-editing software (such as one of the programs listed above).

First, we create a plugin with the PluginManager:

local plugin = PluginManager():CreatePlugin()

Then, we create the Toolbar:

local toolbar = plugin:CreateToolbar("Hello World Plugin")

Then, we create a Button:

local button = toolbar:CreateButton(
	"", -- The text next to the icon. Leave this blank if the icon is sufficient.
	"Click this button to print Hello World!", -- hover text
	"IconName.png" -- The icon file's name. Make sure you change it to your own icon file's name!
)

And finally, we use the button's Click event to know when the button is clicked:

button.Click:connect(function()
	print("Hello, World!")
end)
All in one statement!

Feeling adventurous? You can write all that code in just one statement!

PluginManager()
   :CreatePlugin()
       :CreateToolbar("Hello World Plugin Toolbar")
           :CreateButton(
                "Print Hello World",
                "Click this button to print Hello World!",
                "IconName.png"
           ).Click:connect(function()
                 print("Hello, World!")
           end)

Yay! Now save it to the 'HelloWorldPlugin' folder we made earlier, and if you're using Notepad, make sure this is what the save dialog looks like (for Windows; for Mac, follow the idea):

Also, Windows users, make sure you note that "All Files" is selected.

Testing your plugin

Now that your plugin is done, you can try it out. ROBLOX Studio reloads all plugins when a new place is opened up, so you can click the "New" button to make a new place. You should see a shiny new button on your toolbar. Click the button, and 'Hello, World!' should appear in the output! (or an error message... in which case, review the previous sections)

Using the Mouse

Plugin objects have a method called GetMouse which returns a PluginMouse object that can be used just like the one supplied by Tools's Equipped event and HopperBins's Selected event. However, no mouse events will fire unless the plugin object is "activated". Only one plugin can be "activated" at once. To activate a plugin, you can use the Activate method of the plugin object. You should only activate a plugin when a button is clicked to prevent your plugin from interfering with other plugins. A plugin can use the Deactivation event to tell when it has been deactivated.

See Also

Huzzah! You made a plugin! Now you can adjust it! But you still don't know all there is to know about plugins. Check out these resources to learn about making better, more complicated plugins in ROBLOX Studio.

  • The Selection service to manipulate what the plugin user has selected.
  • The RbxGui library to learn to make fast and simple GUI widgets for your plugins!
  • This forum post lists all the objects, methods and events introduced with the plugins feature.