rrbox / GameWidget

A simple UI layout tools for SpriteKit

GameWidget

User interface widgets for SpriteKit.

DEMO

import GameWidget
import SpriteKit

let node = Display()
	.place {
		Button(.init("Select"))
			.modifiable
			.position(CGPoint(x: 0, y: 32))
		Button(.init("Cancel"))
			.modifiable
			.position(CGPoint(x: 0, y: -32))
	}
	.node()

Layout widgets

Display

Display multiple widgets in one SKNode.

let node = Display()
	.place {
		Button(.init("Select"))
			.modifiable
			.position(CGPoint(x: 0, y: 32))
		Button(.init("Cancel"))
			.modifiable
			.position(CGPoint(x: 0, y: -32))
	}
	.place {
		Button(.init("Select_B"))
			.modifiable
			.position(CGPoint(x: 0, y: 64))
		Button(.init("Cancel_B"))
			.modifiable
			.position(CGPoint(x: 0, y: -64))
		HorizontalSingleBarChart(name: .init("Bar"))
	}
	.node()

Up to 10 widgets can be placed on a single Display.place.

Node

Node widget is modifiable with the values used for SKNode parameters.

let node = Node {
		Button(.init("Select"))
			.modifiable
			.position(CGPoint(x: 0, y: 32))
		Button(.init("Cancel"))
			.modifiable
			.position(CGPoint(x: 0, y: -32))
	}
	.modifiable
	.posisition(CGPoint(x: 0, y: 32))
	.zRotation(0.5)
	.node()

Up to 10 widgets can be placed on a single Node.

Extension

Use Extension to place more than 10 widgets.

// case Display
let node = Display()
	.place {
		Button(.init("Select"))
			.modifiable
			.position(CGPoint(x: 0, y: 32))
		Button(.init("Cancel"))
			.modifiable
			.position(CGPoint(x: 0, y: -32))
		Button(.init("Select_B"))
			.modifiable
			.position(CGPoint(x: 0, y: 64))
		Button(.init("Cancel_B"))
			.modifiable
			.position(CGPoint(x: 0, y: -64))
		HorizontalSingleBarChart(name: .init("Bar"))
		//...
		Extension {
			Button(.init("Select"))
				.modifiable
				.position(CGPoint(x: 0, y: 32))
			Button(.init("Cancel"))
				.modifiable
				.position(CGPoint(x: 0, y: -32))
			Button(.init("Select_B"))
				.modifiable
				.position(CGPoint(x: 0, y: 64))
			Button(.init("Cancel_B"))
				.modifiable
				.position(CGPoint(x: 0, y: -64))
			HorizontalSingleBarChart(name: .init("Bar"))
		}
	}
	.node()

Extension is a special widget that cannot generate SKNode.

let node = Extension {
		Button(.init("Select"))
			.modifiable
			.position(CGPoint(x: 0, y: 32))
		Button(.init("Cancel"))
			.modifiable
			.position(CGPoint(x: 0, y: -32))
		Button(.init("Select_B"))
			.modifiable
			.position(CGPoint(x: 0, y: 64))
		Button(.init("Cancel_B"))
			.modifiable
			.position(CGPoint(x: 0, y: -64))
		HorizontalSingleBarChart(name: .init("Bar"))
	}
	.node() // fatalError

Supported widgets

Button(beta)

let node = Button(.init("Button"))
	.node()

Bar chart(beta)

let node = HorizontalSingleBarChart(name: .init("Bar"))
	.node()

Planning to make follows

Controller (joy stick)