Settingspanel NPM

settingspanel.js

hideable UI to change game settings during runtime

npm i settingspanel

a settings panel for changing and watching parameters during runtime

Kind: global class

Param	Type	Default	Description
options	object
options.style	object		CSS style to apply to the parent div
options.parent	object	document.body	where to append div
options.color	string	"'white'"	default foreground
options.background	string	"'black'"	default background
options.open	boolean	true	show when starting
options.side	string	"'right'"	change side: 'left' or 'right'

adds a button with callback

Kind: instance method of SettingsPanel

Param	Type	Description
text	string	to display
callback	function	on button click if returns a value, then replaces button text with text + result
options	object
options.original	object	original settings for button - sets text as text + original change through callback (see above)
options.color	string	foreground color
options.background	string	background color
options.style	object	CSS for button

adds an input panel

Kind: instance method of SettingsPanel

Param	Type	Description
label	string	text
callback	function	on change input
options	object
options.original	object	original settings for input
options.color	string	foreground color
options.background	string	background color
options.style	object	CSS for button
options.sameLine	boolean	same line for label and text
options.size	number	size (number of characters) of input box