Resource must be named “tutorial” (if you need to change the folder name you must edit the nui/UI.js file)
If you want a transparent background (no background, game as background) (change nui/responsive.css → body { background-color: transparent !important; )
Requirements:
No requirements! Standalone script.
Download/Source Here
(RESOURCE FILE NAME MUST BE “tutorial” or spawn button won’t work!)
Last update - Feb. 6 2018
v1.2 ALL BUGS FIXED
Installation Guide/Important info
SHOW
Download from Github
Drag folder ‘tutorial’ into your resources folder
Add ‘start tutorial’ to your server.cfg
Change tutorial configs in nui/tutorial_config.js
Change server name in click.lua
Change your background.jpg if you want (some samples included) (make sure its 4K resolution)
Edit slides with included photoshop templates
If you are adding more than 5 slides remember to add into the ui.html and __resource.lua
Deleting slides, just remove from ui.html
Finally, edit your spawn point after the tutorial is finished in the client.lua
If you use this, post your server IP below so I can check it out!
Join my discord also for help or suggestions: Discord
Feel free to edit, modify, use to your liking. However,
No re-releasing without my permission
I’m editing atm. Went to the top of my priority’s. Quick question is it only in the ui java file where the resource name is. All my server scripts are combined into 1 resource and would love to put it in there so we can use…
?
Is your background size that large to begin with? The image you are using for your background must also be 3840x2160 then. Regardless I will try to get an update out to fix this later.
Should this auto-resize? Not everyone has the same size res. for instance, mine is 1366x768. Which is a 32" monitor. Should it auto-resize for someone that has, say, a 19"? Even on my 32", it is larger than my resolution and makes have to scroll around it to Spawn. I tried making it a smaller size just to show up in the center of the screen, but the slides, which are small anyways, end up over the edge of the res. Any ideas?
I am already working on a fully responsive version, as I am aware it does not scale properly due to positions being absolute. It should be out in a few days.
Fixed ALL SCREEN RESOLUTIONS, now displays perfectly on everything (Was a major pain in the ass, had to rewrite entire design and css)
Fixed bug with showing tutorial to players every server restart
No more need for photoshop on server title/description in tutorial page (edit in tutorial_config.js)
You can even make the background transparent if you want (if you don’t want any background at all) [in responsive.css put a “!important” here: background-color:transparent !important;