wip I guess

Reviewed-on: #7

common/elements/v1/base/base.go

@@ -0,0 +1,38 @@
+package base
+
+import (
+	"image/color"
+
+	"git.vezzani.net/ben/games/common/elements/v1"
+	"git.vezzani.net/ben/games/common/elements/v1/mouse"
+)
+
+type Element struct {
+	mouse.NopHandler
+
+	anchor   elements.Point
+	children []elements.Element
+
+	backgroundColor color.Color
+	name            string // For debugging
+}
+
+func (e *Element) Anchor() elements.Point {
+	return e.anchor
+}
+
+func (e *Element) SetAnchor(a elements.Point) {
+	d := e.Anchor().Delta(a)
+	for _, ch := range e.Children() {
+		ch.SetAnchor(ch.Anchor().Add(d))
+	}
+	e.anchor = a
+}
+
+func (e *Element) Children() []elements.Element {
+	return e.children
+}
+
+func (e *Element) BackgroundColor() color.Color {
+	return e.backgroundColor
+}

common/elements/v1/base/config.go

@@ -0,0 +1,29 @@
+package base
+
+import (
+	"image/color"
+
+	"git.vezzani.net/ben/games/common/elements/v1"
+)
+
+type OptFunc func(*Element)
+
+func Children(children ...elements.Element) OptFunc {
+	return func(c *Element) {
+		c.children = children
+	}
+}
+
+func Name(name string) OptFunc {
+	return func(s *Element) {
+		s.name = name
+	}
+}
+
+func (b elements.Builder) BackgroundColor(c color.Color) elements.Builder {
+	return func() elements.Element {
+		ce := b().(*Element)
+		ce.backgroundColor = c
+		return ce
+	}
+}

common/elements/v1/blocks/block.go

@@ -1,19 +1,18 @@
 package blocks
 
 import (
-	"image/color"
-
 	"git.vezzani.net/ben/games/common/elements/v1"
-	"git.vezzani.net/ben/games/common/elements/v1/mouse"
+	"git.vezzani.net/ben/games/common/elements/v1/base"
+
 	"github.com/hajimehoshi/ebiten/v2"
 	"github.com/hajimehoshi/ebiten/v2/vector"
 )
 
-func New(ops ...Option) elements.InitFunc {
-	return func(d elements.Bounds) elements.Element {
-		b := Block{
-			ContainerBounds: d,
-		}
+type Builder elements.Builder
+
+func New(ops ...OptFunc) Builder {
+	return func() elements.Element {
+		b := Block{}
 		for i := range ops {
 			ops[i](&b)
 		}
@@ -22,34 +21,32 @@ func New(ops ...Option) elements.InitFunc {
 }
 
 type Block struct {
-	ContainerBounds elements.Bounds
-	backgroundColor *color.Color
-	mouse.NopHandler
-	width  float64
-	height float64
-	name   string
+	base.Element
+	width, height int
+	name          string
 }
 
-func (b *Block) Size() (w, h float64) {
-	w, h = b.ContainerBounds.Width, b.ContainerBounds.Height
-	if b.width != 0 {
-		w = b.width
+func (b *Block) Bounds() elements.Bounds {
+	return elements.Bounds{
+		Min:    b.Anchor(),
+		Width:  b.width,
+		Height: b.height,
 	}
-	if b.height != 0 {
-		h = b.height
-	}
-	return
+}
+
+func (b *Block) Size() (w, h int) {
+	return b.width, b.height
 }
 
 func (b *Block) Draw(image *ebiten.Image) {
-	w, h := b.Size()
-	if b.backgroundColor != nil {
+	bnd := b.Bounds()
+	if b.BackgroundColor() != nil {
 		vector.DrawFilledRect(
 			image,
-			float32(b.ContainerBounds.Min.X),
-			float32(b.ContainerBounds.Min.Y),
-			float32(w),
-			float32(h),
+			float32(b.Anchor().X),
+			float32(b.Anchor().Y),
+			float32(bnd.Width),
+			float32(bnd.Height),
 			*b.backgroundColor,
 			true,
 		)

common/elements/v1/blocks/options.go

@@ -1,22 +1,27 @@
 package blocks
 
-import "image/color"
+import (
+	"git.vezzani.net/ben/games/common/elements/v1"
+	"git.vezzani.net/ben/games/common/elements/v1/base"
+)
 
-type Option func(*Block)
+type OptFunc func(*Block)
 
-func Size(w, h float64) Option {
+func Core(f base.OptFunc) OptFunc {
 	return func(b *Block) {
-		b.width, b.height = w, h
+		f(&b.Element)
 	}
 }
 
-func BackgroundColor(c color.Color) Option {
-	return func(b *Block) {
-		b.backgroundColor = &c
+func (b Builder) Size(w, h int) Builder {
+	return func() elements.Element {
+		bl := b().(*Block)
+		bl.width, bl.height = w, h
+		return bl
 	}
 }
 
-func Name(n string) Option {
+func Name(n string) OptFunc {
 	return func(b *Block) {
 		b.name = n
 	}

common/elements/v1/buttons/button.go

@@ -1,39 +1,71 @@
 package buttons
 
 import (
+	"image/color"
+
 	"git.vezzani.net/ben/games/common/elements/v1"
 	"git.vezzani.net/ben/games/common/elements/v1/blocks"
 	"git.vezzani.net/ben/games/common/elements/v1/mouse"
+	"git.vezzani.net/ben/games/common/ux/v1"
+
+	"github.com/hajimehoshi/ebiten/v2"
+	"github.com/hajimehoshi/ebiten/v2/text"
+	"golang.org/x/image/font"
 )
 
-func New(ops ...Option) elements.InitFunc {
-	return func(bounds elements.Bounds) elements.Element {
-		b := Button{
-			Block: blocks.Block{ContainerBounds: bounds},
-		}
-		for op := range ops {
-			ops[op](&b)
-		}
-
-		return &b
+func New(ops ...OptFunc) elements.Element {
+	b := Button{
+		Block: blocks.Block{},
+		font:  ux.FontFace,
+		color: ux.FontColor,
 	}
+	for op := range ops {
+		ops[op](&b)
+	}
+
+	return &b
 }
 
 type Button struct {
 	blocks.Block
 
+	label string
+	font  font.Face
+	color color.Color
+
 	onClick     func(ms mouse.State)
 	onMouseDown func(ms mouse.State)
 	onMouseUp   func(ms mouse.State)
 }
 
+func (b *Button) Draw(screen *ebiten.Image) {
+	b.Block.Draw(screen)
+	b.drawLabel(screen)
+}
+
+func (b *Button) drawLabel(screen *ebiten.Image) {
+	if b.label != "" {
+		strBounds, _ := font.BoundString(b.font, b.label)
+
+		textWidth := strBounds.Max.X - strBounds.Min.X
+		textHeight := strBounds.Max.Y - strBounds.Min.Y
+
+		bnd := b.Bounds()
+		tx := bnd.Min.X + (bnd.Width / 2) - (textWidth / 2).Round()
+		ty := bnd.Min.Y + (bnd.Height / 2) - (textHeight / 2).Round()
+
+		text.Draw(screen, b.label, b.font, tx, ty, b.color)
+
+	}
+}
+
 func (b *Button) HandleMouseEvent(ms mouse.State) bool {
-	if !b.Block.ContainerBounds.Contains(elements.Point{
-		X: float64(ms.X),
-		Y: float64(ms.Y),
-	}) {
+	bnd := b.Bounds()
+
+	if !bnd.Contains(ms.Point()) {
 		return false
 	}
+
 	switch {
 	case b.onClick != nil && (ms.RightClicked || ms.LeftClicked):
 		b.onClick(ms)

common/elements/v1/buttons/options.go

@@ -1,32 +1,53 @@
 package buttons
 
 import (
+	"image/color"
+
+	"git.vezzani.net/ben/games/common/elements/v1/base"
 	"git.vezzani.net/ben/games/common/elements/v1/blocks"
 	"git.vezzani.net/ben/games/common/elements/v1/mouse"
 )
 
-type Option func(button *Button)
+type OptFunc func(button *Button)
 
-func OnClick(f func(ms mouse.State)) Option {
+func Core(f base.OptFunc) OptFunc {
+	return func(b *Button) {
+		f(&b.Element)
+	}
+}
+
+func OnClick(f func(ms mouse.State)) OptFunc {
 	return func(button *Button) {
 		button.onClick = f
 	}
 }
 
-func OnMouseDown(f func(ms mouse.State)) Option {
+func OnMouseDown(f func(ms mouse.State)) OptFunc {
 	return func(button *Button) {
 		button.onMouseDown = f
 	}
 }
 
-func OnMouseUp(f func(ms mouse.State)) Option {
+func OnMouseUp(f func(ms mouse.State)) OptFunc {
 	return func(button *Button) {
 		button.onMouseUp = f
 	}
 }
 
-func BlockOpt(o blocks.Option) Option {
+func BlockOpt(o blocks.OptFunc) OptFunc {
 	return func(s *Button) {
 		o(&s.Block)
 	}
 }
+
+func Label(s string) OptFunc {
+	return func(button *Button) {
+		button.label = s
+	}
+}
+
+func LabelColor(color color.Color) OptFunc {
+	return func(button *Button) {
+		button.color = color
+	}
+}

common/elements/v1/element.go

@@ -4,21 +4,37 @@ import (
 	"github.com/hajimehoshi/ebiten/v2"
 )
 
-type InitFunc func(Bounds) Element
-
 type Element interface {
-	Size() (w, h float64)
-
-	Draw(image *ebiten.Image)
+	Draw(*ebiten.Image)
+	SetAnchor(Point)
+	Anchor() Point
+	Size() (w, h int)
+	Children() []Element
 }
 
+type Builder func() Element
+
 type Point struct {
-	X, Y float64
+	X, Y int
+}
+
+func (p Point) Delta(p2 Point) Point {
+	return Point{
+		X: p2.X - p.X,
+		Y: p2.Y - p.Y,
+	}
+}
+
+func (p Point) Add(p2 Point) Point {
+	return Point{
+		X: p.X + p2.X,
+		Y: p.Y + p2.Y,
+	}
 }
 
 type Bounds struct {
 	Min           Point
-	Width, Height float64
+	Width, Height int
 }
 
 func (b *Bounds) Contains(p Point) bool {

common/elements/v1/menu.go

@@ -1 +0,0 @@
-package elements

common/elements/v1/mouse/mouse.go

@@ -12,10 +12,6 @@ func (n NopHandler) HandleMouseEvent(s State) bool {
 	return false
 }
 
-type ChildrenProvider interface {
-	GetChildren() []elements.Element
-}
-
 type EventHandler interface {
 	HandleMouseEvent(s State) bool
 }
@@ -28,6 +24,13 @@ type State struct {
 	Clicked                   bool
 }
 
+func (s *State) Point() elements.Point {
+	return elements.Point{
+		X: s.X,
+		Y: s.Y,
+	}
+}
+
 func Handler(e elements.Element) func() bool {
 	newState := StateBuilder()
 	ms := newState()
@@ -38,11 +41,9 @@ func Handler(e elements.Element) func() bool {
 }
 
 func propagateMouse(e elements.Element, ms State) bool {
-	if p, ok := e.(ChildrenProvider); ok {
-		for _, c := range p.GetChildren() {
-			if propagateMouse(c, ms) {
-				return true
-			}
+	for _, c := range e.Children() {
+		if propagateMouse(c, ms) {
+			return true
 		}
 	}
 

common/elements/v1/stacks/options.go

@@ -1,25 +1,18 @@
 package stacks
 
 import (
-	"git.vezzani.net/ben/games/common/elements/v1"
-	"git.vezzani.net/ben/games/common/elements/v1/blocks"
+	"git.vezzani.net/ben/games/common/elements/v1/base"
 )
 
-type Option func(*Stack)
+type OptFunc func(*Stack)
 
-func BlockOpt(o blocks.Option) Option {
+func Core(f base.OptFunc) OptFunc {
 	return func(s *Stack) {
-		o(&s.Block)
+		f(&s.Base)
 	}
 }
 
-func Children(children ...elements.InitFunc) Option {
-	return func(s *Stack) {
-		s.childrenInit = children
-	}
-}
-
-func Horizontal() Option {
+func Horizontal() OptFunc {
 	return func(s *Stack) {
 		s.horizontal = true
 	}

common/elements/v1/stacks/stack.go

@@ -2,60 +2,60 @@ package stacks
 
 import (
 	"git.vezzani.net/ben/games/common/elements/v1"
-	"git.vezzani.net/ben/games/common/elements/v1/blocks"
 	"git.vezzani.net/ben/games/common/elements/v1/mouse"
 
 	"github.com/hajimehoshi/ebiten/v2"
 )
 
-func New(ops ...Option) elements.InitFunc {
-	return func(d elements.Bounds) elements.Element {
-		s := Stack{
-			Block: blocks.Block{ContainerBounds: d},
-		}
-		for op := range ops {
-			ops[op](&s)
-		}
-
-		d.Width, d.Height = s.Block.Size()
-		if s.horizontal {
-			d.Width /= float64(len(s.childrenInit))
-		} else {
-			d.Height /= float64(len(s.childrenInit))
-		}
-
-		s.Children = make([]elements.Element, len(s.childrenInit))
-		var offsetX, offsetY float64
-		for i := range s.childrenInit {
-			s.Children[i] = s.childrenInit[i](d)
-			offsetX, offsetY = s.Children[i].Size()
-			if s.horizontal {
-				d.Min.X += offsetX
-			} else {
-				d.Min.Y += offsetY
-			}
-		}
-
-		return &s
+func New(ops ...OptFunc) elements.Element {
+	s := Stack{}
+	for op := range ops {
+		ops[op](&s)
 	}
+
+	var cw, ch int
+	anchor := s.Anchor()
+	for _, c := range s.Children() {
+		c.SetAnchor(anchor)
+		cw, ch = c.Size()
+		if s.horizontal {
+			anchor.X += cw
+		} else {
+			anchor.Y += ch
+		}
+	}
+
+	return &s
 }
 
 type Stack struct {
-	blocks.Block
+	elements.Base
 	mouse.NopHandler
-	horizontal   bool
-	childrenInit []elements.InitFunc
-	Children     []elements.Element
+	horizontal bool
+}
+
+func (s *Stack) Size() (w, h int) {
+	var cw, ch int
+	for _, c := range s.Children() {
+		cw, ch = c.Size()
+		if s.horizontal {
+			w += cw
+			if h < ch {
+				h = ch
+			}
+		} else {
+			h += ch
+			if w < cw {
+				w = cw
+			}
+		}
+	}
+
+	return
 }
 
 func (s *Stack) Draw(image *ebiten.Image) {
-	s.Block.Draw(image)
-
-	for i := range s.Children {
-		s.Children[i].Draw(image)
+	for _, c := range s.Children() {
+		c.Draw(image)
 	}
 }
-
-func (s *Stack) GetChildren() []elements.Element {
-	return s.Children
-}

common/elements/v1/table.go

@@ -1,93 +0,0 @@
-package elements
-
-//
-//import (
-//	"context"
-//	"fmt"
-//
-//	"github.com/hajimehoshi/ebiten/v2"
-//)
-//
-//type Table struct {
-//	mouseHandler
-//	block
-//
-//	ColumnCount int
-//	RowCount    int
-//
-//	Cells []Bounds
-//
-//	Style struct {
-//	}
-//
-//	mouseOverCell int
-//}
-//
-//func (t *Table) HandleClick(ctx context.Context, s MouseState) error {
-//	address := t.getAddressUnderMouse()
-//	if address < 0 || address >= len(t.Cells) {
-//		return fmt.Errorf("cell address under mouse is out of bounds")
-//	}
-//
-//	if clickable, ok := t.Cells[address].(Clickable); ok {
-//		return clickable.HandleClick(s)
-//	}
-//
-//	return nil
-//}
-//
-//func (t *Table) HandleMouseEnter(ctx context.Context, s MouseState) error {
-//	_ = t.mouseHandler.HandleMouseEnter(s)
-//	address := t.getAddressUnderMouse()
-//	if address < 0 || address >= len(t.Cells) {
-//		return fmt.Errorf("cell address under mouse is out of bounds")
-//	}
-//
-//	if mouseable, ok := t.Cells[address].(Mouseable); ok {
-//		s.X -=
-//		return mouseable.HandleMouseEnter(s)
-//	}
-//
-//	return nil
-//}
-//
-//func (t *Table) HandleMouseLeave(ctx context.Context, s MouseState) error {
-//	_ = t.mouseHandler.HandleMouseLeave(s)
-//	return nil
-//}
-//
-//func (t *Table) HandleMouseMove(ctx context.Context, s MouseState) error {
-//	_ = t.mouseHandler.HandleMouseMove(s)
-//	return nil
-//}
-//
-//func (t *Table) HandleMouseDown(ctx context.Context, s MouseState) error {
-//	_ = t.mouseHandler.HandleMouseDown(s)
-//	return nil
-//}
-//
-//func (t *Table) HandleMouseUp(ctx context.Context, s MouseState) error {
-//	_ = t.mouseHandler.HandleMouseUp(s)
-//	return nil
-//}
-//
-//func (t *Table) CellSize() (w, h float32) {
-//	w, h = t.
-//	return w / float32(t.ColumnCount), h / float32(t.RowCount)
-//}
-//
-//func (t *Table) CellZero(ctx context.Context, addr int) (x, y float32) {
-//	x, y = GetZero(ctx)
-//	w, h := t.CellSize(ctx)
-//
-//	col, row := addr%t.ColumnCount, addr/t.ColumnCount
-//	return x + float32(col)*w, y + float32(row) + h
-//}
-//
-//func (t *Table) Draw(screen *ebiten.Image, zx, zy float64) error {
-//	return nil
-//}
-//
-//func (t *Table) getAddressUnderMouse() int {
-//	return int(t.mouseState.Y)*t.RowCount + int(t.mouseState.X)
-//}

common/ux/v1/ux.go

@@ -9,6 +9,7 @@ import (
 
 var (
 	FontFace        font.Face   = basicfont.Face7x13
+	FontColor       color.Color = color.Black
 	BackgroundColor color.Color = color.White
 	Scale           float64     = 1.0
 )

tools/component_test/editor.go

@@ -1,53 +1,65 @@
 package main
 
 import (
-	"image/color"
-
 	"git.vezzani.net/ben/games/common/elements/v1"
 	"git.vezzani.net/ben/games/common/elements/v1/blocks"
-	"git.vezzani.net/ben/games/common/elements/v1/buttons"
 	"git.vezzani.net/ben/games/common/elements/v1/mouse"
-	"git.vezzani.net/ben/games/common/elements/v1/stacks"
 	"git.vezzani.net/ben/games/common/sprites/v1"
+
 	"github.com/hajimehoshi/ebiten/v2"
 	"golang.org/x/image/colornames"
 )
 
-var root = stacks.New(
-	stacks.Horizontal(),
-	stacks.BlockOpt(blocks.BackgroundColor(color.White)),
-	stacks.BlockOpt(blocks.Size(200, 200)),
-	stacks.BlockOpt(blocks.Name("parent")),
-	stacks.Children(
-		stacks.New(
-			stacks.BlockOpt(blocks.Name("left")),
-			stacks.Children(
-				buttons.New(
-					buttons.BlockOpt(blocks.BackgroundColor(colornames.Green)),
-					buttons.OnClick(func(ms mouse.State) {
-						println("green")
-					}),
-				),
-				blocks.New(blocks.BackgroundColor(colornames.Yellow)),
-			)),
-		stacks.New(
-			stacks.BlockOpt(blocks.Name("right")),
-			stacks.Children(
-				blocks.New(blocks.BackgroundColor(colornames.Blue)),
-				blocks.New(blocks.BackgroundColor(colornames.Red)),
-			),
-		),
-	),
-)
+//var root = stacks.New(
+//	stacks.Horizontal(),
+//	//stacks.Element(blocks.BackgroundColor(color.White)),
+//	stacks.Element(elements.Name("parent")),
+//	stacks.Element(elements.Children(
+//		stacks.New(
+//			stacks.Element(elements.Name("left")),
+//			stacks.Element(elements.Children(
+//				buttons.New(
+//					buttons.BlockOpt(blocks.Size(100, 100)),
+//					buttons.Label("hello"),
+//					buttons.BlockOpt(blocks.BackgroundColor(colornames.Green)),
+//					buttons.OnClick(func(ms mouse.State) {
+//						println("green")
+//					}),
+//				),
+//				blocks.New(
+//					blocks.Size(100, 100),
+//					blocks.BackgroundColor(colornames.Yellow),
+//				),
+//			)),
+//		),
+//		stacks.New(
+//			stacks.Element(elements.Name("right")),
+//			stacks.Element(elements.Children(
+//				blocks.New(
+//					blocks.Size(100, 100),
+//					blocks.BackgroundColor(colornames.Blue),
+//				),
+//				blocks.New(
+//					blocks.Size(100, 100),
+//					blocks.BackgroundColor(colornames.Red),
+//				),
+//			)),
+//		),
+//	)),
+//)
+
+var root = blocks.New().
+	Size(100, 100).
+	BackgroundColor(colornames.Red)
 
 func newEditor() *editor {
 	return &editor{}
 }
 
 type editor struct {
-	root        elements.Element
 	bounds      elements.Bounds
 	handleMouse func() bool
+	root        elements.Element
 }
 
 func (e *editor) Update() error {
@@ -61,13 +73,13 @@ func (e *editor) Draw(screen *ebiten.Image) {
 }
 
 func (e *editor) Layout(outsideWidth, outsideHeight int) (screenWidth, screenHeight int) {
-	if e.bounds.Width != float64(outsideWidth) || e.bounds.Height != float64(outsideHeight) {
+	if e.bounds.Width != outsideWidth || e.bounds.Height != outsideHeight {
 		e.bounds = elements.Bounds{
 			Min:    elements.Point{},
-			Width:  float64(outsideWidth),
-			Height: float64(outsideHeight),
+			Width:  outsideWidth,
+			Height: outsideHeight,
 		}
-		e.root = root(e.bounds)
+		e.root = root()
 		e.handleMouse = mouse.Handler(e.root)
 	}