CanvasButton

Plugins + Scripts CanvasButton

Download [<1 MB]
Hi everyone—it’s been a few years. I went through a rough patch a couple of years ago that really knocked me down, but things are looking up a bit now. I’ve taken the opportunity to fix some lingering issues and add a few new features.

I recently came across DockedUI while browsing the community; it’s an excellent plugin that includes a visual interface. I’ve gotten into the habit of using both plugins together. Since CanvasButton now supports a "delay" trigger function—making timing and sequencing much easier—I often use it as an implicit relay trigger, pairing icon-based buttons with DockedUI for a very convenient workflow.




Intro:

This is a simple UI plugin can generate a 2D interface button in the screen.


Usage:

1. Add plugin(CanvasButton.cslist) in Empty Atom

1705850033820.png



2. Set ButtonAction name and click Generate Button

1705850127002.png



3. Then there will open trigger panel, and set custom event in

1705850219489.png



Congratulation! You generate a simple button in you screen


Version 3.2:
Add FOV following function (not perfect)
1.gif



Version 3.1:
Support button living 3D-word and switched freely
1.gif



Version 3.0:
Above in this version, the plugin offer more funtion like:
1. Add VR support
2. Add ToggleButton support
1.gif


3. Add DelayButton support
1.gif


4. Add Slider support
1.gif


5. Add buttons sorted function
1.gif


6. Add copy button function (Look at section 3 above)


Version 2.1:
1. Cancel open panel when creating button.

1705850528221.gif




2. Button sort direction horizontally default and reflash.

1705850689771.gif




3. Position and Geometry

1705850821188.gif



4. Rename and Delete

1705850934743.gif



5. Colored

1705851090819.gif



6. Spacing in buttons

1705851175987.gif



7. Event atom name trace

1705851454446.gif



8. Toggle Buttons(can be trigger by other) and Remove all buttons

1705851697371.gif




Have enjoy



Recommand:
  • It can trigger other event or script. For example, triggering a timeline or state machine to respond or play.​
  • It can triggered by other event​
  • It can show/hide by other plugins(such as SimpleKeybind by JaxZoa)​


1705575170716.png


1705576101407.png



credit: @MacGruber
Images and attachments
  • 1705574438550.png
    1705574438550.png
    33.4 KB · Views: 0
  • 1705574605003.png
    1705574605003.png
    27.8 KB · Views: 0
  • 1.gif
    1.gif
    729.9 KB · Views: 0
React to this content...

Share this resource

Latest updates

  1. CanvasButton v4.7

    增加slider自增的定时器效果,并且设置定时器的时长 增加expose extra...
  2. CanvasButton v4.5

    v4.5 增加保存、加载预设功能 增加热键全开、全关绑定功能,可以指定是否强制捆绑CTRL触发,并且支持额外触发器调度 增加控件自定义换行、增加空行功能 增加控件的自定义颜色以及隐藏功能...
  3. CanvasButton v3.2

    Add FOV following function

Latest reviews

Positive
Version: v4.5
Great to see you back! I use this plugin/script in everything I created. I hope you are well and thank you again.
chenrong
chenrong
Thank you for your concern :)
Upvote 0
Positive
Version: v4.5
Great! You're finally back. Welcome back! I've been using your plugin for the past few years and it's been perfect. Every scene and character of mine always comes with your plugin. This is a routine operation. I can't do anything else now. It's been several years since then. Finally, you've come back. I downloaded it immediately just now. Unfortunately, it doesn't have the feature I wanted - the additional multi-row buttons. But that's okay. As long as you come back, the updates will be waiting for you. Thank you very much for your contribution to VAM. With you as the creators, VAM has become a rich and diverse game.
chenrong
chenrong
Yes, time flies, and a lot of unexpected things have happened along the way; thank you for following along.

Regarding the multi-row buttons you mentioned—do you mean a layout with multiple rows arranged horizontally? By checking "Horizontally Layout" and selecting "Start New Column" for the specific buttons, you can create a layout with multiple rows and columns.

(I also just realized that the horizontal layout doesn't automatically recalculate; you need to manually adjust the Spacing and Column Spacing after making those selections.)
Upvote 0
Positive
TF7
Version: 3.2
Posted:
Very nice plugin, very useful. Hope to see more plugins that enables custom uis.
chenrong
chenrong
Thank you for your appreciation. :)
Upvote 0
Positive
Version: 3.2
Posted:
Nice plugin! Thanks for sharing :)
The cover girl is beautiful, can we have a chance to get her?
chenrong
chenrong
Thanks.

Sorry, I can't do that; it involves permissions from others. In fact, it’s the result of multiple merges, and I’ve actually lost track of the original paths.
Upvote 0
Positive
too
Version: 3.2
Posted:
Thanks ChenRong, this is probably one of the most useful plugins for VAM.

I was creating UI buttons at scale = 0.05 and placing them in front of the camera. XO ... this is a way better solution!
chenrong
chenrong
Thank you for your support; I'm sure the new version will be even better to use.
Upvote 0
Positive
Version: 3.1
Posted:
I'm still just getting started, but already I can tell this is amazing. I've taken one scene that was flooded with in-world UIButtons and replaced it with a handful of these CanvasButton menus, which easily toggle contextually.

I haven't yet tried it out in VR, so I'm not sure how that works, but I see that it's supposed to be supported. How well that works for me may be a deciding factor whether I keep using this, but so far it's very promising.

As I mentioned in the Discussion area, my only main feedback so far is that I'd love support for UIButtonImage, to allow for condensed small buttons with just an icon, rather than solely relying on full text descriptions.
chenrong
chenrong
Hi

I'm not deep VR player so I just test in VR(quest2) and it's work

Yes, I also think image button is very great experience in scene. But I have some things that need to be dealt with recently, and the new version may take a while to be developed
Upvote 0
Positive
Version: 3.1
Posted:
As funny as it sounds to get worked up over UI, this is super exciting! Been hoping someone would make a simple to use plugin like this one to create a 2D UI Menu. Great work so far!
chenrong
chenrong
Resize the align UI is very very boring and uninteresting thing by my think. Glad everyone can used this plugin together?
Upvote 0
Positive
Yno
Version: 3.0
Posted:
This is an amazing plugin, except you can't set the color of the buttons individually! I hope you make this feature work in this plugin, thank you!
chenrong
chenrong
Hi yno. Yes it's can't set color individually in this version. Next version I'll rebulid pluginUI and enhance function in every button like set position/geometry/colors
Upvote 0
Positive
Version: 3.0
Posted:
A simple and user-friendly yet highly flexible UI plugin with great potential. Hope to see it continuously improved.
chenrong
chenrong
Thank you for your affirmation!

This plugin is used in my scene very frequency when I need to debug or trigger something.
I will update when I have a new idea or apparent bug. If you have some wonderful idea, It's happy to disccussion
Upvote 0
Positive
Version: 2.0
Posted:
Finally someone is working on a 2D user interface plugin again! This is the biggest thing VAM is missing in my opinion. A canvas interface like this is the biggest problem when trying to create an actual adult game with an enjoyable user experience in VAM.

I'd love to integrate such a plugin into SuperVAMDeepthroat and future scenes of mine. Here's what this plugin needs for it: Sliders & Toggle support, saving groups of buttons / layouts with their trigger functions as a config file, being able to load these files with a scene trigger to update the button layout through user input, a VR mode where the button layout is rendered on a canvas the user can grab and drag around.

I know thats a lot of work but these would make any scene creator want to use this in my opinion. Excited to see where this goes!
chenrong
chenrong
Thank you for reply and this suggestion!

Slider and ToggleButton is useful function and I decide used in my future scene exactly ?.
It's in my todo list.
believe CanvasButton will more convenience to control in the near future.
Upvote 1
Back
Top Bottom