def _render_checkbox(
value: T,
formatter: VariableFormatter,
size: Tuple[int, int],
highlight: bool,
) -> Tuple[Maybe[T], bool, bool]:
cursor_pos = ig.get_cursor_pos()
_, input = ig.checkbox('##checkbox', dcast(bool, formatter.output(value)))
ig.set_cursor_pos(cursor_pos)
clicked, _ = ig.selectable(
'##checkbox-background',
highlight,
width=size[0],
height=size[1],
)
pressed = ig.is_item_hovered() and ig.is_mouse_clicked()
input_value = formatter.input(input)
assert type(input_value) == type(value)
if input_value != value:
return Just(cast(T, input_value)), clicked, pressed
else:
return None, clicked, pressed
def render_headers(self) -> None:
header_labels = [
self.displayer.column_header(column.variable)
for column in self.columns
]
header_lines = max((len(label.split('\n')) for label in header_labels),
default=1)
ig.columns(len(self.columns) + 1)
if len(self.columns) > 0:
ig.set_column_width(-1, self.frame_column_width)
ig.text('')
ig.next_column()
for index, column in enumerate(self.columns):
initial_cursor_pos = ig.get_cursor_pos()
ig.selectable(
'##fs-col-' + str(id(self)) + '-' + str(id(column)),
height=header_lines * ig.get_text_line_height(),
)
# TODO: Width adjusting
ig.set_column_width(-1, column.width)
if ig.begin_drag_drop_source():
ig.text(header_labels[index])
ig.set_drag_drop_payload('fs-col', str(index).encode('utf-8'))
ig.end_drag_drop_source()
if ig.begin_drag_drop_target():
payload = ig.accept_drag_drop_payload('fs-col')
if payload is not None:
source = int(payload.decode('utf-8'))
self._move_column(source, index)
payload = ig.accept_drag_drop_payload('ve-var')
if payload is not None:
self._insert_variable(index, Variable.from_bytes(payload))
ig.end_drag_drop_target()
if ig.is_item_hovered() and ig.is_mouse_clicked(2):
self._remove_column(index)
if ig.begin_popup_context_item('##fs-colctx-' + str(id(self)) +
'-' + str(id(column))):
if ig.selectable('Close')[0]:
self._remove_column(index)
ig.end_popup_context_item()
ig.set_cursor_pos(initial_cursor_pos)
ig.text(header_labels[index])
ig.next_column()
ig.separator()
ig.columns(1)
def cardinal(prefix: str) -> None:
ig.dummy(45, 1)
ig.same_line()
binding_button('n64-' + prefix + '^', prefix + '^')
binding_button('n64-' + prefix + '<', prefix + '<')
ig.same_line()
ig.set_cursor_pos((110, ig.get_cursor_pos().y))
binding_button('n64-' + prefix + '>', prefix + '>')
ig.dummy(45, 1)
ig.same_line()
binding_button('n64-' + prefix + 'v', prefix + 'v')
def render_pos_y_slider(
id: str,
pos_y: float,
mario_pos_y: float,
) -> Tuple[Optional[float], bool]:
ig.push_id(id)
ig.text('max y = %.f' % pos_y)
ig.set_cursor_pos((ig.get_window_width() - 30, ig.get_cursor_pos().y))
slider_pos = ig.get_cursor_pos()
slider_width = 20
slider_height = ig.get_content_region_available().y
slider_range = range(-8191, 8192)
mario_icon_x = ig.get_cursor_pos().x
t = (mario_pos_y - slider_range.start) / len(slider_range)
mario_icon_y = ig.get_cursor_pos().y + (1 - t) * slider_height
ig.set_cursor_pos((mario_icon_x, mario_icon_y))
reset = ig.button('M', width=slider_width)
ig.set_cursor_pos(slider_pos)
changed, value = ig.v_slider_float(
'##slider',
width=slider_width,
height=slider_height,
value=pos_y,
min_value=slider_range.start,
max_value=slider_range.stop - 1,
format='',
)
new_y = value if changed else None
ig.pop_id()
return new_y, reset
def render_left_column(self, framebuffer_size: Tuple[int, int]) -> None:
total_height = ig.get_window_height() - ig.get_frame_height() # subtract menu bar
slider_space = 45
wall_hitbox_radius = use_state('wall-hitbox-radius', 50)
wall_hitbox_options = [0, 24, 50, 110]
hovered_surface: Ref[Optional[int]] = use_state('hovered-surface', None)
new_hovered_surface: Optional[int] = None
hidden_surfaces_by_area = \
use_state('hidden-surfaces', cast(Dict[Tuple[int, int], Set[int]], {})).value
current_area = (
dcast(int, self.model.get(Variable('level-num').with_frame(self.model.selected_frame))),
dcast(int, self.model.get(Variable('area-index').with_frame(self.model.selected_frame))),
)
hidden_surfaces = hidden_surfaces_by_area.setdefault(current_area, set())
log.timer.begin('gview1')
ig.begin_child(
'Game View 1',
height=int(total_height // 2) - slider_space // 2,
border=True,
)
hovered_surface_1 = ui.render_game_view_rotate(
'game-view-1',
framebuffer_size,
self.model,
wall_hitbox_radius.value,
hovered_surface.value,
hidden_surfaces,
)
ig.set_cursor_pos((10.0, ig.get_window_height() - 30))
ig.text('wall radius')
ig.same_line()
ig.push_item_width(50)
_, index = ig.combo(
'##wall-hitbox-radius',
wall_hitbox_options.index(wall_hitbox_radius.value),
list(map(str, wall_hitbox_options)),
)
wall_hitbox_radius.value = wall_hitbox_options[index]
ig.pop_item_width()
ig.end_child()
log.timer.end()
log.timer.begin('gview2')
ig.begin_child(
'Game View 2',
height=int(total_height // 2) - slider_space // 2,
border=True,
)
hovered_surface_2 = ui.render_game_view_birds_eye(
'game-view-2',
framebuffer_size,
self.model,
wall_hitbox_radius.value,
hovered_surface.value,
hidden_surfaces,
)
ig.end_child()
log.timer.end()
new_hovered_surface = hovered_surface_1 or hovered_surface_2
if new_hovered_surface is not None and ig.is_mouse_clicked(1):
ig.open_popup('surface-ctx')
hovered_surface.value = new_hovered_surface
if ig.begin_popup('surface-ctx'):
if hovered_surface.value is not None:
if hovered_surface.value in hidden_surfaces:
if ig.menu_item('Show')[0]:
hidden_surfaces.remove(hovered_surface.value)
else:
if ig.menu_item('Hide')[0]:
hidden_surfaces.add(hovered_surface.value)
if ig.menu_item('Properties')[0]:
self.variable_explorer.open_surface_tab(hovered_surface.value)
ig.end_popup()
else:
hovered_surface.value = new_hovered_surface
if hovered_surface.value is not None and ig.is_mouse_clicked(2):
if hovered_surface.value in hidden_surfaces:
hidden_surfaces.remove(hovered_surface.value)
else:
hidden_surfaces.add(hovered_surface.value)
speed_options = [0.05, 0.25, 0.5, 1, 2, 4]
saved_play_direction = use_state('saved-play-direction', 0)
saved_speed_index = use_state('saved-speed-index', 3)
play_direction = saved_play_direction.value
speed_index = saved_speed_index.value
if play_direction == 0:
frame_advance = 0
play_override = 0
def control(name: str, speed: int) -> None:
nonlocal frame_advance, play_override
x = input_down_gradual(name, 0.25)
if x == 1.0:
play_override = speed
elif input_pressed(name):
frame_advance += speed
control('frame-next', 1)
control('frame-next-alt', 1)
control('frame-prev', -1)
control('frame-prev-alt', -1)
control('frame-next-fast', 10)
control('frame-prev-fast', -10)
if play_override != 0:
if abs(play_override) in speed_options:
speed_index = speed_options.index(abs(play_override))
else:
speed_index = len(speed_options) - 1
play_direction = 1 if play_override > 0 else -1
else:
self.model.selected_frame += frame_advance
else:
if input_down('frame-next') or input_down('frame-next-alt'):
if play_direction == 1:
speed_index += 1
else:
play_direction = -play_direction
elif input_down('frame-prev') or input_down('frame-prev-alt'):
if play_direction == -1:
speed_index += 1
else:
play_direction = -play_direction
elif input_down('frame-next-fast'):
if play_direction == 1:
speed_index += 2
else:
play_direction = -play_direction
speed_index += 1
elif input_down('frame-prev-fast'):
if play_direction == -1:
speed_index += 2
else:
play_direction = -play_direction
speed_index += 1
speed_index = min(max(speed_index, 0), len(speed_options) - 1)
self.model.play_speed = play_direction * speed_options[speed_index]
self.model.playback_mode = saved_play_direction.value != 0
def play_button(label: str, direction: int) -> None:
disabled = play_direction == direction
if ig.disableable_button(label, enabled=play_direction != direction):
saved_play_direction.value = direction
play_button('<|', -1)
ig.same_line()
play_button('||', 0)
ig.same_line()
play_button('|>', 1)
ig.same_line()
ig.push_item_width(63)
changed, new_index = ig.combo(
'##speed-option',
speed_index,
[str(s) + 'x' for s in speed_options],
)
ig.pop_item_width()
if changed:
saved_speed_index.value = new_index
if input_pressed('playback-play'):
if saved_play_direction.value == 0:
saved_play_direction.value = 1
else:
saved_play_direction.value = 0
if input_pressed('playback-rewind'):
if saved_play_direction.value == 0:
saved_play_direction.value = -1
else:
saved_play_direction.value = 0
if input_pressed('playback-speed-up'):
saved_speed_index.value = min(saved_speed_index.value + 1, len(speed_options) - 1)
if input_pressed('playback-slow-down'):
saved_speed_index.value = max(saved_speed_index.value - 1, 0)
ig.same_line()
new_frame = ui.render_frame_slider(
'frame-slider',
self.model.selected_frame,
self.model.max_frame - 1,
self.model.pipeline.cached_frames() if self.show_debug_pane else [],
)
if new_frame is not None:
self.model.selected_frame = new_frame.value
def render_game_view_birds_eye(
id: str,
framebuffer_size: Tuple[int, int],
model: Model,
wall_hitbox_radius: float,
hovered_surface: Optional[int],
hidden_surfaces: Set[int],
) -> Optional[int]:
ig.push_id(id)
# TODO: Should zoom in on mouse when uncentered
mouse_state = use_state('mouse-state', MouseTracker()).value
zoom = use_state('zoom', -4.5)
target: Ref[Optional[Tuple[float, float]]] = use_state('target', None)
pos_y: Ref[Optional[float]] = use_state('pos-y', None)
drag_amount = mouse_state.get_drag_amount()
zoom.value += mouse_state.get_wheel_amount() / 5
world_span_x = 200 / math.pow(2, zoom.value)
viewport = get_viewport(framebuffer_size)
mario_pos = get_mario_pos(model)
# Camera xz
camera_xz = (mario_pos[0], mario_pos[2])
if target.value is not None:
camera_xz = target.value
if drag_amount != (0.0, 0.0):
world_span_z = world_span_x * viewport.width / viewport.height
if target.value is None:
target.value = (mario_pos[0], mario_pos[2])
target.value = (
camera_xz[0] + drag_amount[1] * world_span_x / viewport.height,
camera_xz[1] - drag_amount[0] * world_span_z / viewport.width,
)
camera_xz = target.value
if ig.disableable_button('Lock to Mario', enabled=target.value
is not None):
target.value = None
# Camera y
camera_y = mario_pos[1] + 500 if pos_y.value is None else pos_y.value
ig.set_cursor_pos((viewport.width - 100, 10))
ig.begin_child('##y-slider')
new_y, reset = render_pos_y_slider('y-slider', camera_y, mario_pos[1])
if reset:
pos_y.value = None
elif new_y is not None:
pos_y.value = new_y
camera_y = pos_y.value
ig.end_child()
camera = core.BirdsEyeCamera()
camera.pos = (camera_xz[0], camera_y, camera_xz[1])
camera.span_y = world_span_x
# Mouse xz
mouse_world_pos = get_mouse_world_pos_birds_eye(camera)
mouse_ray: Optional[Tuple[Vec3f, Vec3f]]
if mouse_world_pos is not None:
ig.set_cursor_pos((10, viewport.height - 25))
ig.text('(x, z) = (%.3f, %.3f)' % mouse_world_pos)
mouse_ray = ((mouse_world_pos[0], camera.pos[1], mouse_world_pos[1]),
(0, -1, 0))
else:
mouse_ray = None
if mouse_ray is None:
new_hovered_surface = None
else:
new_hovered_surface = trace_ray(model, mouse_ray)
render_game(
model,
viewport,
camera,
False,
wall_hitbox_radius,
hovered_surface=hovered_surface,
hidden_surfaces=hidden_surfaces,
)
ig.pop_id()
return new_hovered_surface
def render_intended_stick_control(self, id: str) -> None:
up_options = ['3d view', 'mario yaw', 'stick y', 'world x']
up_option = use_state('up-option', 0)
ig.text('up =')
ig.same_line()
ig.push_item_width(100)
_, up_option.value = ig.combo('##up-option', up_option.value,
up_options)
ig.pop_item_width()
ig.dummy(1, 10)
stick_x_var = Variable('input-stick-x').with_frame(
self.model.selected_frame)
stick_y_var = Variable('input-stick-y').with_frame(
self.model.selected_frame)
face_yaw = dcast(
int,
self.model.get(
Variable('mario-face-yaw').with_frame(
self.model.selected_frame)))
camera_yaw = dcast(
int,
self.model.get(
Variable('camera-yaw').with_frame(self.model.selected_frame))
or 0)
squish_timer = dcast(
int,
self.model.get(self.model.selected_frame,
'gMarioState->squishTimer'))
active_face_yaw = face_yaw
events = self.model.pipeline.frame_log(self.model.selected_frame + 1)
active_face_yaw_action = None
for event in events:
if event['type'] == 'FLT_EXECUTE_ACTION':
action_name = self.model.action_names[event['action']]
active_face_yaw = event['faceAngle'][1]
active_face_yaw_action = action_name
if action_name == 'idle':
break
up_angle = {
'mario yaw': active_face_yaw,
'stick y': camera_yaw + 0x8000,
'world x': 0x4000,
'3d view': self.model.rotational_camera_yaw,
}[up_options[up_option.value]]
self.model.input_up_yaw = up_angle
raw_stick_x = dcast(int, self.model.get(stick_x_var))
raw_stick_y = dcast(int, self.model.get(stick_y_var))
adjusted = stick_raw_to_adjusted(raw_stick_x, raw_stick_y)
intended = stick_adjusted_to_intended(
adjusted,
face_yaw,
camera_yaw,
squish_timer != 0,
)
def render_value(label: str, value: object,
formatter: VariableFormatter) -> Optional[Any]:
label_width = 60
value_size = (
60 if label == 'dyaw' else 80,
ig.get_text_line_height() +
2 * ig.get_style().frame_padding[1],
)
ig.push_item_width(label_width)
ig.selectable(label, width=label_width)
ig.pop_item_width()
ig.same_line()
new_value, _, _ = ui.render_variable_value('value-' + label, value,
formatter, value_size)
return None if new_value is None else new_value.value
target_yaw: Optional[int] = None
target_dyaw: Optional[int] = None
target_mag: Optional[float] = None
target_mag = render_value('int mag', intended.mag, FloatFormatter())
target_yaw = render_value('int yaw', intended.yaw,
DecimalIntFormatter())
dyaw = intended.yaw - active_face_yaw
target_dyaw = render_value('dyaw', dyaw, DecimalIntFormatter())
ig.same_line()
if ig.button('?'):
ig.open_popup('active-yaw-expl')
if ig.begin_popup('active-yaw-expl'):
ig.text(f'{intended.yaw} - {active_face_yaw} = {dyaw}')
ig.text(f'intended yaw = {intended.yaw}')
if active_face_yaw == face_yaw:
ig.text(f'face yaw = {face_yaw}')
if active_face_yaw != face_yaw:
ig.text(
f'face yaw = {active_face_yaw} at start of {active_face_yaw_action} action'
)
ig.text(f'(face yaw = {face_yaw} at start of frame)')
ig.end_popup()
if dyaw not in range(0, 16):
if ig.button('dyaw = 0'):
target_dyaw = 0
if target_yaw is not None or target_dyaw is not None or target_mag is not None:
relative_to = 0 if target_yaw is not None else active_face_yaw
if target_dyaw is not None:
target_yaw = active_face_yaw + target_dyaw
if target_yaw is None:
target_yaw = intended.yaw
if target_mag is None:
target_mag = intended.mag
new_raw_stick_x, new_raw_stick_y = intended_to_raw(
face_yaw, camera_yaw, squish_timer, target_yaw, target_mag,
relative_to)
self.model.set(stick_x_var, new_raw_stick_x)
self.model.set(stick_y_var, new_raw_stick_y)
n_a = intended.yaw - up_angle
n_x = intended.mag / 32 * math.sin(-n_a * math.pi / 0x8000)
n_y = intended.mag / 32 * math.cos(n_a * math.pi / 0x8000)
ig.set_cursor_pos((ig.get_cursor_pos().x + 155, 0))
new_n = ui.render_joystick_control(id, n_x, n_y, 'circle')
if new_n is not None:
new_n_a = int(math.atan2(-new_n[0], new_n[1]) * 0x8000 / math.pi)
new_intended_yaw = up_angle + new_n_a
new_intended_mag = 32 * math.sqrt(new_n[0]**2 + new_n[1]**2)
new_raw_stick_x, new_raw_stick_y = intended_to_raw(
face_yaw,
camera_yaw,
squish_timer,
new_intended_yaw,
new_intended_mag,
relative_to=0)
self.model.set(stick_x_var, new_raw_stick_x)
self.model.set(stick_y_var, new_raw_stick_y)
def render_joystick_control(
id: str,
stick_x: float,
stick_y: float,
shape='square',
) -> Optional[Tuple[float, float]]:
ig.push_id(id)
state = use_state('', JoystickControlState()).value
dl = ig.get_window_draw_list()
padding = 10
content_region = ig.get_content_region_available()
size = min(
content_region.x - ig.get_style().scrollbar_size - 2 * padding,
content_region.y - 2 * padding,
200,
)
size = max(size, 100)
initial_cursor_pos = ig.get_cursor_pos()
top_left = (
initial_cursor_pos[0] + ig.get_window_position()[0] -
ig.get_scroll_x() + padding,
initial_cursor_pos[1] + ig.get_window_position()[1] -
ig.get_scroll_y() + padding,
)
background_color = ig.get_color_u32_rgba(0, 0, 0, 0.3)
if shape == 'square':
dl.add_rect_filled(
top_left[0],
top_left[1],
top_left[0] + size,
top_left[1] + size,
background_color,
)
elif shape == 'circle':
dl.add_circle_filled(
top_left[0] + size / 2,
top_left[1] + size / 2,
size / 2,
background_color,
num_segments=32,
)
result = None
if state.active and ig.is_mouse_down():
new_offset = state.get_value(ig.get_mouse_drag_delta(lock_threshold=0))
new_stick_x = new_offset[0] / size * 2 - 1
new_stick_y = (1 - new_offset[1] / size) * 2 - 1
if shape == 'square':
new_stick_x = min(max(new_stick_x, -1), 1)
new_stick_y = min(max(new_stick_y, -1), 1)
elif shape == 'circle':
mag = math.sqrt(new_stick_x**2 + new_stick_y**2)
if mag > 1:
new_stick_x /= mag
new_stick_y /= mag
if (new_stick_x, new_stick_y) != (stick_x, stick_y):
stick_x, stick_y = new_stick_x, new_stick_y
result = (stick_x, stick_y)
offset = (
(stick_x + 1) / 2 * size,
(1 - (stick_y + 1) / 2) * size,
)
dl.add_line(
top_left[0] + size / 2,
top_left[1] + size / 2,
top_left[0] + offset[0],
top_left[1] + offset[1],
ig.get_color_u32_rgba(1, 1, 1, 0.5),
)
button_size = 20
button_pos = (
padding + initial_cursor_pos[0] + offset[0] - button_size / 2,
padding + initial_cursor_pos[1] + offset[1] - button_size / 2,
)
ig.set_cursor_pos(button_pos)
ig.button('##joystick-button', button_size, button_size)
ig.set_cursor_pos((
initial_cursor_pos[0],
initial_cursor_pos[1] + size + 2 * padding,
))
if ig.is_item_active():
state.set_active(offset)
else:
state.reset()
ig.pop_id()
return result
def render_rows(self) -> None:
ig.columns(len(self.columns) + 1)
min_row = int(ig.get_scroll_y() +
self.scroll_delta) // self.row_height - 1
min_row = max(min_row, 0)
max_row = int(ig.get_scroll_y() + self.scroll_delta +
ig.get_window_height()) // self.row_height
# max_row = min(max_row, self.get_row_count() - 1)
self.sequence.extend_to_frame(max_row + 100)
timeline_operations: List[Callable[[], None]] = []
mouse_pos = (
ig.get_mouse_pos().x - ig.get_window_position().x,
ig.get_mouse_pos().y - ig.get_window_position().y +
ig.get_scroll_y() + self.scroll_delta,
)
for row in range(min_row, max_row + 1):
row_pos = (0.0, row * self.row_height - self.scroll_delta)
ig.set_cursor_pos(row_pos)
mouse_in_row = mouse_pos[1] > row_pos[1] and mouse_pos[
1] <= row_pos[1] + self.row_height
if mouse_in_row and self.dragging and time.time(
) - self.time_started_dragging > 0.1:
self.drag_handler.update_drag(row)
if len(self.columns) > 0:
ig.set_column_width(-1, self.frame_column_width)
clicked, _ = ig.selectable(
str(row) + '##fs-framenum-' + str(id(self)) + '-' + str(row),
row == self.sequence.selected_frame,
height=self.row_height - 8, # TODO: Compute padding
)
if clicked:
self.sequence.set_selected_frame(row)
if ig.begin_popup_context_item('##fs-framenumctx-' +
str(id(self)) + '-' + str(row)):
if ig.selectable('Insert above')[0]:
def op(row):
return lambda: self.sequence.insert_frame(row)
timeline_operations.append(op(row))
if ig.selectable('Insert below')[0]:
def op(row):
return lambda: self.sequence.insert_frame(row + 1)
timeline_operations.append(op(row))
if ig.selectable('Delete')[0]:
def op(row):
return lambda: self.sequence.delete_frame(row)
timeline_operations.append(op(row))
ig.end_popup_context_item()
ig.next_column()
for column in self.columns:
self.render_cell(row, column)
ig.set_column_width(-1, column.width)
ig.next_column()
ig.separator()
ig.set_cursor_pos((0, (self.sequence.max_frame + 1) * self.row_height))
ig.columns(1)
for operation in timeline_operations:
operation()
