Add dialouge boxes/tooltips #10

Merged
bionickatana merged 7 commits from bionickatana-tooltip into main 2026-06-14 22:29:15 -06:00
2 changed files with 54 additions and 26 deletions
Showing only changes of commit f8d69be2ad - Show all commits
+34 -24
View File
@@ -4,47 +4,57 @@
TEXT_SIZE = 20
TEXT_MARGIN = 3
class DialougeBox
attr_accessor :show
def initialize(parent_x, parent_y, screen_width, screen_height, text)
longest_line = ((text.split("\n").map { |ss| ss.length}.max) / 3.5).to_i
line_count = text.split("\n").length
@text = text
@longest_line = ((@text.split("\n").map { |ss| ss.length}.max) / 3).to_i
@line_count = @text.split("\n").length
@x = parent_x
@y = parent_y
@show = false
@screen_width = screen_width
@screen_height = screen_height
@image = Gosu.render(((TEXT_MARGIN * 2) + TEXT_SIZE) * longest_line, (TEXT_SIZE + TEXT_MARGIN) * line_count) {
@image = Gosu.render(((TEXT_MARGIN * 2) + TEXT_SIZE) * @longest_line, (TEXT_SIZE + TEXT_MARGIN) * @line_count) {
Gosu.draw_rect(
@x,
@y,
(((TEXT_MARGIN * 2) + TEXT_SIZE) * longest_line) + @x,
((TEXT_SIZE + TEXT_MARGIN) * line_count) + @y,
0,
0,
(((TEXT_MARGIN * 2) + TEXT_SIZE) * @longest_line) + @x,
((TEXT_SIZE + TEXT_MARGIN) * @line_count) + @y,
Gosu::Color.new(0xC0, 0xFF, 0xFF, 0xFF),
0,
)
Gosu::Image.from_text(text, TEXT_SIZE).draw(TEXT_MARGIN + @x, TEXT_MARGIN + @y)
Gosu::Image.from_text(text, TEXT_SIZE).draw(TEXT_MARGIN, TEXT_MARGIN)
}
end
def update(newtext: nil)
def update(x, y, camera_zoom, newtext: nil)
if !newtext.nil?
longest_line = ((newtext.split("\n").map { |ss| ss.length}.max) / 3.5).to_i
line_count = newtext.split("\n").length
@image = Gosu.render(((TEXT_MARGIN * 2) + TEXT_SIZE) * longest_line, (TEXT_SIZE + TEXT_MARGIN) * line_count) {
Gosu.draw_rect(
@x,
@y,
(((TEXT_MARGIN * 2) + TEXT_SIZE) * longest_line) + @x,
((TEXT_SIZE + TEXT_MARGIN) * line_count) + @y,
Gosu::Color.new(0xC0, 0xFF, 0xFF, 0xFF),
0,
)
Gosu::Image.from_text(newtext, TEXT_SIZE).draw(TEXT_MARGIN + @x, TEXT_MARGIN + @y)
}
@text = newtext
@longest_line = ((@text.split("\n").map { |ss| ss.length}.max) / 3.5).to_i
@line_count = @text.split("\n").length
@image = Gosu.render(((TEXT_MARGIN * 2) + TEXT_SIZE) * @longest_line, (TEXT_SIZE + TEXT_MARGIN) * @line_count) {
Gosu.draw_rect(
0,
0,
(((TEXT_MARGIN * 2) + TEXT_SIZE) * @longest_line) + @x,
((TEXT_SIZE + TEXT_MARGIN) * @line_count) + @y,
Gosu::Color.new(0xC0, 0xFF, 0xFF, 0xFF),
0,
)
Gosu::Image.from_text(newtext, TEXT_SIZE).draw(TEXT_MARGIN, TEXT_MARGIN)
}
end
@camera_zoom = camera_zoom
@x = x
@y = y
end
def draw()
@image.draw(@x, @y, 0)
if @show
puts "Drawing tooltip at #{@x}, #{@y}"
@image.draw(@x, @y, 0, @camera_zoom, @camera_zoom)
end
end
end
+20 -2
View File
@@ -1,8 +1,13 @@
## Nathan Hinton
## A number producer that will create numbers when an extractor is placed on it.
require './dialouge_box.rb'
PRODUCER_DEBUG = false
BORDER = 2
HOVER_TIME = 500 # ms
class Producer
attr_reader :draw_x, :draw_y
@@ -25,6 +30,8 @@ class Producer
Gosu::Image.from_text("#{@number}", 20).draw(5, 5, 1)
}
@tooltip = DialougeBox.new(@x, @y, WIDTH, HEIGHT, "This is a string\nof test text!")
puts @tooltip.methods.sort
end
# Creates numbers depending on the rate. This is done with knowing that the
@@ -34,11 +41,21 @@ class Producer
# @param camera_x [Integer] The camera X position
# @param camera_y [Integer] The camera Y position
# @param camera_zoom [Float] The camera zoom
def update(delta_mult, camera_x, camera_y, camera_zoom)
def update(delta_mult, camera_x, camera_y, camera_zoom, mouse_x, mouse_y)
@draw_x = (((((@screen_width / @box_size.to_f) / 2.0) + (@x - camera_x) * camera_zoom) * @box_size) + BORDER * camera_zoom)
@draw_y = (((((@screen_height / @box_size.to_f) / 2.0) + (@y - camera_y) * camera_zoom) * @box_size) + BORDER * camera_zoom)
@camera_zoom = camera_zoom
if 0 < mouse_x - @draw_x && mouse_x - @draw_x < (@box_size * @camera_zoom) && 0 < mouse_y - @draw_y && mouse_y - @draw_y < (@box_size * @camera_zoom)
@tooltip_timer += 60.0 * delta_mult
puts @tooltip_timer
if @tooltip_timer > HOVER_TIME
@tooltip.show = true
@tooltip.update(@draw_x, @draw_y, @camera_zoom)
end
else
@tooltip_timer = 0
@tooltip.show = false
end
end
# Draw the producer. Uses the camera x and y to shift where it should draw
@@ -47,5 +64,6 @@ class Producer
puts "Drawing at #{@x - camera_x}, #{@y - camera_y}"
end
@image.draw(@draw_x, @draw_y, 0, @camera_zoom, @camera_zoom)
@tooltip.draw()
end
end