z-loadscreen: A Decent Looking Loading Screen.

My custom fork of z-loadscreen...

What's New?

Added an Info Section
Made Switching From Logo to Plaintext Much Simpler

Installation

Download Here.
Add start z-loadscreen to your server.cfg

Preview

Configuration

To Configure	How-To
Header text	`Config.js` - Change the string under the object text and var header
Info text	`Config.js` - Change the string under the object text and var text
Use Logo/Text	`Config.js` - To use text instead of a logo image, make boolean var useLogo false
Replacement text (Text used in place of logo)	`Config.js` - Change the string under the object text and var logotext
Time to change to next image	`Config.js` - Change the integer under imgInterval (in milliseconds)
Transition Time Length (how long the transition {fade} to next image lasts)	`Config.js` - Change the integer under transitionInterval (in milliseconds)
YouTube Audio Presence	`Config.js` - To have no music at all, make boolean var music false
YouTube Audio	`Config.js` - To change the video, change the string videoID to your YouTube Video ID. What is a Video ID?
YouTube Audio Volume	`Config.js` - To change the default audio volume, change the integer musicVolume ( 0-100: Higher is louder, Lower is more quiet )
Add/Remove Images	`Config.js` `__resource.lua` - To add/remove images, make sure they are added in the images array (following sytax or else it will break) and also add them in your `__resource.lua`
Configurating Styling Attributes (simplified)	How-To
Amount of Blur to Background	`Config.css` - Change var --background-blur (Higher px: more intense blur)
Height of Loadbar	`Config.css` - Change var --loadbar-height (Higher px: higher the loadbar)
Background Color (The color that the image fades out to)	`Config.css` - Change var --fadeTo-Color (hash color) What is a Hash Color?
Header Color	`Config.css` - Change var --header-font-color (hash color) What is a Hash Color?
Text Color	`Config.css` - Change var --text-font-color (hash color) What is a Hash Color?

config.js

var config = {
"transitionInterval": 1250,
"imgInterval": 8000,
"music": true,
"videoID": "jo4-FhqkNwQ",
"useLogo": true;
"text": {
	"logotext": "My Arpee Server",
	"title": "Header",
	"text": "Text",
},
"images": ['bg0.png', 'bg1.png', 'bg2.png', 'bg3.png', 'bg4.png', 'bg5.png', 'bg6.png', 'bg7.png']
}

config.css

:root {
--background-contrast: 95%;
--background-blur: 3px;
--loadbar-color: #ffffff5b;
--loadbar-progress-color: #0000009f;
--loadbar-height: 27px;
--footer-font-color: #dfdfdf98;
--footer-font-size: 24px;
--fadeTo-Color: #222222;
--header-font-color: #ffffff;
--text-font-color: #ffffff;
}

What's Configurable?

YouTube Video (audio) ID
Colors, Contrast, Blur, etc.
Images
Text instead of a server logo
Logo
Presence of Music
The Transition Intervals
Header + text info color

Support

You can either open a new issue or contact me on Discord: How Bout No#7581

If you want help for the original z-loadscreen, ThatZiv has a Discord Server for support.

lnno/z-loadscreen