ambition-legacy/frontend/ui.go

package main

import (
	// Image-related packages
	img "image"
	"image/color"

	// String convert
	//"strconv"

	// EbitenUI
	"github.com/ebitenui/ebitenui"
	"github.com/ebitenui/ebitenui/image"
	"github.com/ebitenui/ebitenui/widget"

	// Fonts
	"github.com/devraza/ambition/assets/fonts"
	"github.com/golang/freetype/truetype"
	"golang.org/x/image/font"
)

// The UI struct
type UI struct {
	base          ebitenui.UI
	colors        map[string]color.RGBA
	width, height int
}

// The `hazakura` colorscheme (default)
var hazakura = map[string]color.RGBA{
	// The monotone colors
	"dark_black": color.RGBA{0x0f, 0x0f, 0x0d, 0xff},
	"black":      color.RGBA{0x15, 0x15, 0x17, 0xff},
	"dark_gray":  color.RGBA{0x24, 0x24, 0x26, 0xff},
	"gray":       color.RGBA{0x27, 0x27, 0x2b, 0xff},
	"light_gray": color.RGBA{0x45, 0x44, 0x49, 0xff},
	"overlay":    color.RGBA{0x5c, 0x5c, 0x61, 0xff},
	"subwhite":   color.RGBA{0xd9, 0x0, 0xd7, 0xff},
	"white":      color.RGBA{0xec, 0xe5, 0xea, 0xff},

	// Actual* colors
	"red":     color.RGBA{0xf0, 0x69, 0x69, 0xff},
	"magenta": color.RGBA{0xe8, 0x87, 0xbb, 0xff},
	"purple":  color.RGBA{0xa2, 0x92, 0xe8, 0xff},
	"blue":    color.RGBA{0x78, 0xb9, 0xc4, 0xff},
	"cyan":    color.RGBA{0x7e, 0xe6, 0xae, 0xff},
	"green":   color.RGBA{0x91, 0xd6, 0x5c, 0xff},
	"yellow":  color.RGBA{0xd9, 0xd5, 0x64, 0xff},
}

// Function for UI initialization
func uiInit(width, height int) UI {
	var ui UI

	// Define the UI colors
	ui.colors = hazakura

	// Load the images for the button states
	buttonImage, _ := loadButtonImage()

	// Get the window width/height
	ui.width = width
	ui.height = height

	// Define the root container
	root := widget.NewContainer(
		// Define the plain color to be used as a default background
		widget.ContainerOpts.BackgroundImage(image.NewNineSliceColor(ui.colors["dark_black"])),
	)

	// Make the different faces
	headingFace, _ := makeFace(18, fonts.IosevkaBold_ttf)
	defaultFace, _ := makeFace(14, fonts.IosevkaRegular_ttf)

	tabProfile := widget.NewTabBookTab("Profile",
		widget.ContainerOpts.BackgroundImage(image.NewNineSliceColor(ui.colors["gray"])),
		widget.ContainerOpts.Layout(widget.NewGridLayout(
			//Define number of columns in the grid
			widget.GridLayoutOpts.Columns(2),
			// Specify the Stretch for each row and column.
			widget.GridLayoutOpts.Stretch([]bool{false, true}, nil),
			// Define the spacing between items in the grid
			widget.GridLayoutOpts.Spacing(20, 15),
			// Define the padding in the grid
			widget.GridLayoutOpts.Padding(widget.NewInsetsSimple(20)),
		)),
	)
	makeStatsBars(tabProfile, ui, defaultFace)

	tabInventory := widget.NewTabBookTab("Inventory",
		widget.ContainerOpts.BackgroundImage(image.NewNineSliceColor(color.NRGBA{0, 255, 0, 0xff})),
		widget.ContainerOpts.Layout(widget.NewAnchorLayout()),
	)
	inventoryButton := widget.NewText(
		widget.TextOpts.Text("Inventory content", headingFace, color.Black),
		widget.TextOpts.Position(widget.TextPositionCenter, widget.TextPositionCenter),
		widget.TextOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.AnchorLayoutData{
			HorizontalPosition: widget.AnchorLayoutPositionCenter,
			VerticalPosition:   widget.AnchorLayoutPositionCenter,
		})),
	)
	tabInventory.AddChild(inventoryButton)

	tabOther := widget.NewTabBookTab("Other",
		widget.ContainerOpts.BackgroundImage(image.NewNineSliceColor(color.NRGBA{0, 255, 0, 0xff})),
		widget.ContainerOpts.Layout(widget.NewAnchorLayout()),
	)
	otherButton := widget.NewText(
		widget.TextOpts.Text("Other content", headingFace, color.Black),
		widget.TextOpts.Position(widget.TextPositionCenter, widget.TextPositionCenter),
		widget.TextOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.AnchorLayoutData{
			HorizontalPosition: widget.AnchorLayoutPositionCenter,
			VerticalPosition:   widget.AnchorLayoutPositionCenter,
		})),
	)
	tabOther.AddChild(otherButton)

	// Create the tabbook widget
	leftTabs := widget.NewTabBook(
		widget.TabBookOpts.TabButtonImage(buttonImage),
		widget.TabBookOpts.TabButtonText(headingFace, &widget.ButtonTextColor{Idle: color.White}),
		widget.TabBookOpts.TabButtonSpacing(0),
		widget.TabBookOpts.ContainerOpts(
			widget.ContainerOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.AnchorLayoutData{
				StretchHorizontal:  true,
				StretchVertical:    true,
				HorizontalPosition: widget.AnchorLayoutPositionCenter,
				VerticalPosition:   widget.AnchorLayoutPositionCenter,
			}),
			),
		),
		widget.TabBookOpts.TabButtonOpts(
			widget.ButtonOpts.TextPadding(widget.NewInsetsSimple(5)),
			widget.ButtonOpts.WidgetOpts(widget.WidgetOpts.MinSize(int(float32(width)/(3.5*3)), 0)),
		),
		widget.TabBookOpts.Tabs(tabProfile, tabInventory, tabOther),
	)
	// Define the left bar container
	leftBar := widget.NewContainer(
		widget.ContainerOpts.BackgroundImage(image.NewNineSliceColor(ui.colors["gray"])),
		widget.ContainerOpts.Layout(widget.NewAnchorLayout()),
	)
	// Add the tabbook to the left bar
	leftBar.AddChild(leftTabs)

	// Set the position and size of the left bar
	leftBar.SetLocation(img.Rect(0, 0, int(float32(width)/3.5), height))
	// Add the left bar to the root container
	root.AddChild(leftBar)

	ui.base.Container = root

	return ui
}

// Create progressbars for all the player stats
func makeStatsBars(parent *widget.TabBookTab, ui UI, face font.Face) {
	// Health
	health := widget.NewText(
		widget.TextOpts.Text("Health", face, ui.colors["white"]),
		widget.TextOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.GridLayoutData{
			HorizontalPosition: widget.GridLayoutPositionStart,
		})),
	)
	health_progressbar := widget.NewProgressBar(
		widget.ProgressBarOpts.WidgetOpts(
			// Set the required anchor layout data to determine where in the container to place the progressbar
			widget.WidgetOpts.LayoutData(widget.AnchorLayoutData{
				HorizontalPosition: widget.AnchorLayoutPositionCenter,
				VerticalPosition:   widget.AnchorLayoutPositionCenter,
			}),
			// Set the minimum size for the progressbar.
			widget.WidgetOpts.MinSize(200, 20),
		),
		widget.ProgressBarOpts.Images(
			// Set the track colors
			&widget.ProgressBarImage{
				Idle:  image.NewNineSliceColor(ui.colors["black"]),
				Hover: image.NewNineSliceColor(ui.colors["black"]),
			},
			// Set the progress colors
			&widget.ProgressBarImage{
				Idle:  image.NewNineSliceColor(ui.colors["red"]),
				Hover: image.NewNineSliceColor(ui.colors["red"]),
			},
		),
		// Set the min, max, and current values for each progressbar
		widget.ProgressBarOpts.Values(0, testPlayer.health, testPlayer.health),
	)
	parent.AddChild(health)
	parent.AddChild(health_progressbar)

	// Defence
	defence := widget.NewText(
		widget.TextOpts.Text("Defence", face, ui.colors["white"]),
		widget.TextOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.GridLayoutData{
			HorizontalPosition: widget.GridLayoutPositionStart,
		})),
	)
	defence_progressbar := widget.NewProgressBar(
		widget.ProgressBarOpts.WidgetOpts(
			// Set the required anchor layout data to determine where in the container to place the progressbar
			widget.WidgetOpts.LayoutData(widget.AnchorLayoutData{
				HorizontalPosition: widget.AnchorLayoutPositionCenter,
				VerticalPosition:   widget.AnchorLayoutPositionCenter,
			}),
			// Set the minimum size for the progressbar.
			widget.WidgetOpts.MinSize(200, 20),
		),
		widget.ProgressBarOpts.Images(
			// Set the track colors
			&widget.ProgressBarImage{
				Idle:  image.NewNineSliceColor(ui.colors["black"]),
				Hover: image.NewNineSliceColor(ui.colors["black"]),
			},
			// Set the progress colors
			&widget.ProgressBarImage{
				Idle:  image.NewNineSliceColor(ui.colors["yellow"]),
				Hover: image.NewNineSliceColor(ui.colors["yellow"]),
			},
		),
		// Set the min, max, and current values for each progressbar
		widget.ProgressBarOpts.Values(0, testPlayer.health, testPlayer.health),
	)
	parent.AddChild(defence)
	parent.AddChild(defence_progressbar)

	// XP/Level
	level := widget.NewText(
		widget.TextOpts.Text("Level", face, ui.colors["white"]),
		widget.TextOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.GridLayoutData{
			HorizontalPosition: widget.GridLayoutPositionStart,
		})),
	)
	level_progressbar := widget.NewProgressBar(
		widget.ProgressBarOpts.WidgetOpts(
			// Set the required anchor layout data to determine where in the container to place the progressbar
			widget.WidgetOpts.LayoutData(widget.AnchorLayoutData{
				HorizontalPosition: widget.AnchorLayoutPositionCenter,
				VerticalPosition:   widget.AnchorLayoutPositionCenter,
			}),
			// Set the minimum size for the progressbar.
			widget.WidgetOpts.MinSize(200, 20),
		),
		widget.ProgressBarOpts.Images(
			// Set the track colors
			&widget.ProgressBarImage{
				Idle:  image.NewNineSliceColor(ui.colors["black"]),
				Hover: image.NewNineSliceColor(ui.colors["black"]),
			},
			// Set the progress colors
			&widget.ProgressBarImage{
				Idle:  image.NewNineSliceColor(ui.colors["cyan"]),
				Hover: image.NewNineSliceColor(ui.colors["cyan"]),
			},
		),
		// Set the min, max, and current values for each progressbar
		widget.ProgressBarOpts.Values(0, testPlayer.health, testPlayer.health_max),
	)
	parent.AddChild(level)
	parent.AddChild(level_progressbar)

	// Ambition
	ambition := widget.NewText(
		widget.TextOpts.Text("Ambition", face, ui.colors["white"]),
		widget.TextOpts.WidgetOpts(widget.WidgetOpts.LayoutData(widget.GridLayoutData{
			HorizontalPosition: widget.GridLayoutPositionStart,
		})),
	)
	ambition_progressbar := widget.NewProgressBar(
		widget.ProgressBarOpts.WidgetOpts(
			// Set the required anchor layout data to determine where in the container to place the progressbar
			widget.WidgetOpts.LayoutData(widget.AnchorLayoutData{
				HorizontalPosition: widget.AnchorLayoutPositionCenter,
				VerticalPosition:   widget.AnchorLayoutPositionCenter,
			}),
			// Set the minimum size for the progressbar.
			widget.WidgetOpts.MinSize(200, 20),
		),
		widget.ProgressBarOpts.Images(
			// Set the track colors
			&widget.ProgressBarImage{
				Idle:  image.NewNineSliceColor(ui.colors["black"]),
				Hover: image.NewNineSliceColor(ui.colors["black"]),
			},
			// Set the progress colors
			&widget.ProgressBarImage{
				Idle:  image.NewNineSliceColor(ui.colors["purple"]),
				Hover: image.NewNineSliceColor(ui.colors["purple"]),
			},
		),
		// Set the min, max, and current values for each progressbar
		widget.ProgressBarOpts.Values(0, testPlayer.health, testPlayer.health),
	)
	parent.AddChild(ambition)
	parent.AddChild(ambition_progressbar)
}

// Load a button image
func loadButtonImage() (*widget.ButtonImage, error) {
	idle := image.NewNineSliceColor(hazakura["black"])
	hover := image.NewNineSliceColor(hazakura["light_gray"])
	pressed := image.NewNineSliceColor(hazakura["gray"])
	pressedHover := image.NewNineSliceColor(hazakura["gray"])
	disabled := image.NewNineSliceColor(hazakura["overlay"])

	return &widget.ButtonImage{
		Idle:         idle,
		Hover:        hover,
		Pressed:      pressed,
		PressedHover: pressedHover,
		Disabled:     disabled,
	}, nil
}

// Function to create a face providing font size and file (from assets)
func makeFace(size float64, fontfile []byte) (font.Face, error) {
	ttfFont, err := truetype.Parse(fontfile)
	if err != nil {
		return nil, err
	}

	return truetype.NewFace(ttfFont, &truetype.Options{
		Size:    size,
		DPI:     72,
		Hinting: font.HintingFull,
	}), nil
}