Scenic | Easy UI Control, Easy to Pick Up | v0.3.1

Documentation


Description

Scenic is an easy to use, easy to pick up module for easy control over multiple UI elements.

In Scenic there are these objects called Scenes and Containers which you can create with the Manager module!

Latest Update

Installation

You can install Scenic with any of these methods:

Wally

  1. First, install Wally if you don’t have it already,
  2. Then, make sure wally.toml is present and initialized in the root directory of your project.
  3. Add this to your dependencies: Scenic = lillianskull/scenic@0.3.1
  4. It should look something like this:
[dependencies]
Scenic = lillianskull/scenic@0.3.1
  1. You should be able to use it afterwards!

Github Releases (.rbxm file)

  1. Go to the GitHub repository
  2. Navigate to the releases page (on the left side)
  3. Download the latest version’s .rbxm file.
  4. Drag that into Studio and place it in your desired location (preferably ReplicatedStorage)

Basic Template

local Scenic = require(Directory.Scenic)
local Manager = Scenic.Manager

local Scene = Manager.Create("Scene", {
  Tag = "MyFirstScene",
  Adornee = script.Parent
})

local Container = Manager.Create("Container", {
  Tag = "Container1",
  Scene = Scene
})

local Frame = Instance.new("Frame")
Frame.AnchorPoint = Vector2.new(.5, .5)
Frame.Position = UDim2.fromScale(.5, .5)
Frame.Size = UDim2.fromOffset(350, 250)

Container:Push(Frame) -- Moved “Frame” into our Container.

Basically, the entire premise is readability and efficiency - you can animate large heaps of UI (in containers) with the :Tween() method, et cetera

I’m trying my best to make this as modular as it can be - so this can be used for more than just UI. Currently, it’s in an infancy stage, but I’ve got the basic concept done!

I’m definitely planning on adding more than these few methods and functions, but time will tell! plus i got no ideas

Almost forgot to mention, this is compatible with both Roact, Fusion, or just about any UI framework!


Credits

6 Likes

creator marketplace link is broken

1 Like

Can’t you just use TweenService for that?

game.TweenService:Create(Frame, TweenInfo.new(), {BackgroundTransparency = 1}
1 Like

yeah you can but i think she’s making it shorter as creating TweenService makes it longer to setup, i also didn’t find it useful for me either.

Scene:Push is a method which adds the Frame to the Container! Scenes have their own dedicated :Tween method :slight_smile:

Should be fixed now, thanks for the catch!

Scenic v0.3.1


Woo! New update, not exactly adding much features - but a step in the right direction.


General Features


Module Features

  • Containers now have their own methods: :Tween() and :Push()
  • Functions and methods are now readable on the inner-side of the module.

Wally Package
Github Release (.rbxm)

2 Likes

Update


Scenic is being totally rewritten & rebranded in part due to me not being satisfied with how Scenic has turned out.

It may take a while before I release Scenic with the new functionality I intend to create however I have not given up on this project & I promise everything good will come out of this sudden misalliance.

Scenic will be written with production readiness in mind and hopefully when the next update comes it will be within a stable release.

Thank you :heart:


2 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.