CHANGES SINCE JAN 1
- Added Individual Animations for each Action Card on open/close
- Added Animations for Extended Pages (categories)
- Improved Mobile Display Support
- Error Handling for different callbacks (e.g if no gamepass id, it’ll print and go back to home)
The system completely generates the interface and actions based on a single module in ReplicatedStorage which can be easily changed without issue or prior coding knowledge, essentially big modular stuff!!
There are several action types I have created for the system:
- Teleport to Place
- Prompt Gamepass
- Prompt Product
- Close Interface
- Open Page
- Open External Interface (from a folder)
The entire interface is animated and made to work across any screen size that is above 480p in resolution.
An extract from the module:
pages = {
["Home"] = {
default = true,
extended = false,
actions = {
{
name = "What's New",
color = Color3.fromRGB(0, 0, 0),
image = 15123845075, -- placeholder image!! not mine
large = true,
content = "new update!",
actionType = "external",
actionData = "update"
},
{
name = "Store",
color = Color3.fromRGB(41, 191, 134),
image = 0,
large = false,
content = "gamepasses",
actionType = "page",
actionData = "store"
},
{
name = "Store Test",
color = Color3.fromRGB(41, 191, 134),
image = 0,
large = false,
content = "gamepasseeees",
actionType = "page",
actionData = "store 2"
},
{
name = "Apply",
color = Color3.fromRGB(58, 108, 200),
image = 0,
large = false,
content = "career",
actionType = "page",
actionData = "apply"
},
{
name = "Menu",
color = Color3.fromRGB(226, 143, 43),
image = 0,
large = false,
content = "the works",
actionType = "page",
actionData = "menu"
},
}
},
["Store"] = {
default = false,
extended = true,
actions = {
{
name = "Gamepasses",
default = true,
color = Color3.fromRGB(0, 177, 103),
actions = {
{
name = "Segway",
color = Color3.fromRGB(226, 66, 66),
image = 0,
large = false,
content = "",
actionType = "gamepass",
actionData = 3470294 -- gamepass id
},
{
name = "Balloon",
color = Color3.fromRGB(200, 145, 50),
image = 0,
large = false,
content = "",
actionType = "gamepass",
actionData = 3470294
},
}
},
{
name = "Products",
default = false,
color = Color3.fromRGB(81, 145, 194),
actions = {
name = "Product Example",
color = Color3.fromRGB(58, 108, 200),
image = 0,
large = false,
content = "",
actionType = "product",
actionData = 100 -- product id
},
}
}
},
}
Please let me know what you think, or if there’s anything I could do to improve.
This is a prototype, so yes there are clear issues with animation and the design.
