[v3.0] GuiCollisionService - Gui collisions done right

jaipack17 · July 24, 2021, 3:41pm

Oops! making a quick fix. [ahdgahdajdhj]

jaipack17 · July 24, 2021, 3:42pm

The module depends on the ImageLabel/Button’s Size, unfortunately, Collision detections for images is not yet a feature, might be added soon if possible!

D0RYU · July 24, 2021, 3:43pm

only thing I could think of is detecting which part of the GUI has color, other then that I don’t know how you could even do it, I don’t know too much about gui so idrk

RuizuKun_Dev · July 24, 2021, 4:12pm

I read over the source really quick it doesn’t seem to support AnchorPoint, not sure if that will affect usability of this Module but you should check that out.

jaipack17 · July 24, 2021, 4:14pm

Correct, as of now it does not support AnchorPoint. v1.17.0 will have these updates in it! I am working on these features currently, new updates will be released soon!

This as well!

RuizuKun_Dev · July 24, 2021, 4:18pm

you can use this for that

UI Collision (1).rbxl (255.9 KB)

jaipack17 · July 24, 2021, 4:20pm

Amazing thanks! I ll be sure to credit you! If I end up using it

jaipack17 · July 24, 2021, 5:56pm

Great news!

Tomorrow, I will be posting the tutorial about making your first GUI Based 2 dimensional game on Roblox! And this module will be included in the tutorial, so you can check that out as well for some more use cases of the module!

Tutorial is Out: [Flappy Bird] Create your first 2 Dimensional Gui Based Game!

jaipack17 · July 25, 2021, 5:46am

Update v1.16.3

Updated how OnCollisionEnded event is fired. It will not fire unnecessarily when hitters are not in touch with colliders.

jaipack17 · August 4, 2021, 6:43am

Update v1.17.0!

Added “solid” property to :addCollider(), setting it to true makes it impossible for a hitter to go through a collider! Example:

new ‐ Made with Clipchamp

local GuiCollisionService = require(game.ReplicatedStorage.GuiCollisionService)

local group = GuiCollisionService.createCollisionGroup()
group:addHitter(guiInstanceHitter)
group:addCollider(guiInstanceCollider, true) -- To make it impossible for a hitter to go through the collider

Updated Source code

Updated Documentation

Special thanks to @RuizuKun_Dev without whom, this wouldn’t have been possible, after understanding the math, I was able to figure out how easy this was to implement!

I am working on a 2D RayCasting module to help you cast rays even when the rotation of the gui is not 0 for 2D projectiles. Stay tuned!

There are a few bugs to this, which I have been fixing, thanks!

jaipack17 · August 4, 2021, 6:48am

If you would like to see similar updates to the Module, be sure to reply down below with your ideas!

Currently working on Tween Cancelling when the hitter collides with a Solid collider for some neat 2D physics! Will be out in v1.18

midnightsnacks_fan · August 7, 2021, 2:53am

This is amazing, I will be using this asset to replicate collisions on the 2D version of my custom particle system

jaipack17 · August 7, 2021, 5:07am

Update v1.18

Tweens will now be cancelled if the hitter touches a solid collider!
Added tweens parameter to :addHitter(instance, tweens) function! which cancels those tweens if the hitter touches a solid collider! View Docs
Added :updateHitter(index, instance, tweens) function which updates already existing Hitters, their instance and their tweens! View Docs
Added :getHitterTweens(index) which returns all the existing tweens of the hitter that are being played or haven’t been played yet. View Docs
:addHitter() and :updateHitter() function now return the hitter that was added which can be used as follows:

local addedHitter = group:addHitter(script.Parent.Hitter, { tween, tween2 })

addedHitter.index -- index of the hitter 
addedHitter.instance -- the instance that was marked as the hitter, here: script.Parent.Hitter

Updated Documentation

Updated Module

Updated Source Code

Testing placefile for Update v1.18: v1.18.rbxl (26.9 KB)

If you have any suggestions and ideas, be sure to reply below so that I update this module often!

jaipack17 · August 7, 2021, 5:09am

If you have any questions regarding the update, be sure to ask me!

hboogy101 · August 7, 2021, 6:50am

Does this work with rotated GUIs?

jaipack17 · August 7, 2021, 7:13am

Unfortunately, this doesn’t always work with Rotated Guis, I am planning to implement that in the upcoming version, thanks!

jaipack17 · August 10, 2021, 9:45am

Update v1.19

Minor Bug fixes
Code cleanup
Added :updateCollider() function to update already existing collider’s instance and solid property. View Docs
:addCollider() and :updateCollider() functions now return the collider that has been added:

local collider = group:addCollider(someInstance, true)

print(collider) -- {index: number, instance: instance, solid: boolean}

jaipack17 · August 10, 2021, 9:47am

I have also been playing around with Gui Collisions when the guis are rotated, next update will consist of gui collisions even if the guis are rotated.

as suggested by @hboogy101

I wish to make 2D game development on roblox 10x times easier for you guys!

SteadfastLatvietis · August 12, 2021, 8:18am

this is pretty great, good job! will have to use this to make my game’s GUI’s

jaipack17 · August 12, 2021, 2:58pm

Update v2.0

Added :setZIndexHierarchy(boolean). The function is used to determine if the hitter will collide with colliders that have different ZIndex values. Setting it to true, will make the hitter not detect collisions with colliders that have different ZIndex value than the hitter. Setting it to false, will make the hitter collide with colliders no matter what their ZIndexes are. By default this is set to false. View Docs
This feature can be used to create Slopes in 2D Games, slanting roads, caves, objects you can’t go through but can go behind and in front of them, by changing the hitter’s ZIndex. For example: