class TestApp(Screen):
def __init__(self):
super(TestApp, self).__init__((1024, 768), "NanoGUI Test")
window = Window(self, "Button demo")
window.set_position((15, 15))
window.set_layout(GroupLayout())
Label(window, "Push buttons", "sans-bold")
b = Button(window, "Plain button")
def cb():
print("pushed!")
b.set_callback(cb)
b = Button(window, "Styled", entypo.ICON_ROCKET)
b.set_background_color(Color(0, 0, 1.0, 0.1))
b.set_callback(cb)
Label(window, "Toggle buttons", "sans-bold")
b = Button(window, "Toggle me")
b.set_flags(Button.Flags.ToggleButton)
def change_cb(state):
print("Toggle button state: %s" % str(state))
b.set_change_callback(change_cb)
Label(window, "Radio buttons", "sans-bold")
b = Button(window, "Radio button 1")
b.set_flags(Button.Flags.RadioButton)
b = Button(window, "Radio button 2")
b.set_flags(Button.Flags.RadioButton)
Label(window, "A tool palette", "sans-bold")
tools = Widget(window)
tools.set_layout(BoxLayout(Orientation.Horizontal,
Alignment.Middle, 0, 6))
ToolButton(tools, entypo.ICON_CLOUD)
ToolButton(tools, entypo.ICON_CONTROLLER_FAST_FORWARD)
ToolButton(tools, entypo.ICON_COMPASS)
ToolButton(tools, entypo.ICON_INSTALL)
Label(window, "Popup buttons", "sans-bold")
popup_btn = PopupButton(window, "Popup", entypo.ICON_EXPORT)
popup = popup_btn.popup()
popup.set_layout(GroupLayout())
Label(popup, "Arbitrary widgets can be placed here")
CheckBox(popup, "A check box")
# popup right
popup_btn = PopupButton(popup, "Recursive popup", entypo.ICON_FLASH)
popup_right = popup_btn.popup()
popup_right.set_layout(GroupLayout())
CheckBox(popup_right, "Another check box")
# popup left
popup_btn = PopupButton(popup, "Recursive popup", entypo.ICON_FLASH)
popup_btn.set_side(Popup.Side.Left)
popup_left = popup_btn.popup()
popup_left.set_layout(GroupLayout())
CheckBox(popup_left, "Another check box");
window = Window(self, "Basic widgets")
window.set_position((200, 15))
window.set_layout(GroupLayout())
Label(window, "Message dialog", "sans-bold")
tools = Widget(window)
tools.set_layout(BoxLayout(Orientation.Horizontal,
Alignment.Middle, 0, 6))
def cb2(result):
print("Dialog result: %i" % result)
b = Button(tools, "Info")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Information, "Title",
"This is an information message")
dlg.set_callback(cb2)
b.set_callback(cb)
b = Button(tools, "Warn")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Warning, "Title",
"This is a warning message")
dlg.set_callback(cb2)
b.set_callback(cb)
b = Button(tools, "Ask")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Warning, "Title",
"This is a question message", "Yes", "No",
True)
dlg.set_callback(cb2)
b.set_callback(cb)
import os
import sys
os.chdir(sys.path[0])
try:
icons = nanogui.load_image_directory(self.nvg_context(), "icons")
except:
try:
icons = nanogui.load_image_directory(self.nvg_context(), "../icons")
except:
icons = nanogui.load_image_directory(self.nvg_context(), "../resources/icons")
Label(window, "Image panel & scroll panel", "sans-bold")
image_panel_btn = PopupButton(window, "Image Panel")
image_panel_btn.set_icon(entypo.ICON_FOLDER)
popup = image_panel_btn.popup()
vscroll = VScrollPanel(popup)
img_panel = ImagePanel(vscroll)
img_panel.set_images(icons)
popup.set_fixed_size((245, 150))
img_window = Window(self, "Selected image")
img_window.set_position((710, 15))
img_window.set_layout(GroupLayout())
img_view = ImageView(img_window, icons[0][0])
def cb(i):
print("Selected item %i" % i)
img_view.bind_image(icons[i][0])
img_panel.set_callback(cb)
img_view.set_grid_threshold(3)
Label(window, "File dialog", "sans-bold")
tools = Widget(window)
tools.set_layout(BoxLayout(Orientation.Horizontal,
Alignment.Middle, 0, 6))
b = Button(tools, "Open")
valid = [("png", "Portable Network Graphics"), ("txt", "Text file")]
def cb():
result = nanogui.file_dialog(valid, False)
print("File dialog result = %s" % result)
b.set_callback(cb)
b = Button(tools, "Save")
def cb():
result = nanogui.file_dialog(valid, True)
print("File dialog result = %s" % result)
b.set_callback(cb)
Label(window, "Combo box", "sans-bold")
ComboBox(window, ["Combo box item 1", "Combo box item 2",
"Combo box item 3"])
Label(window, "Check box", "sans-bold")
def cb(state):
print("Check box 1 state: %s" % state)
chb = CheckBox(window, "Flag 1", cb)
chb.set_checked(True)
def cb(state):
print("Check box 2 state: %s" % state)
CheckBox(window, "Flag 2", cb)
Label(window, "Progress bar", "sans-bold")
self.progress = ProgressBar(window)
Label(window, "Slider and text box", "sans-bold")
panel = Widget(window)
panel.set_layout(BoxLayout(Orientation.Horizontal,
Alignment.Middle, 0, 20))
slider = Slider(panel)
slider.set_value(0.5)
slider.set_fixed_width(80)
text_box = TextBox(panel)
text_box.set_fixed_size((60, 25))
text_box.set_value("50")
text_box.set_units("%")
text_box.set_font_size(20)
text_box.set_alignment(TextBox.Alignment.Right)
def cb(value):
text_box.set_value("%i" % int(value * 100))
slider.set_callback(cb)
def cb(value):
print("Final slider value: %i" % int(value * 100))
slider.set_final_callback(cb)
window = Window(self, "Misc. widgets")
window.set_position((425, 15))
window.set_layout(GroupLayout())
tab_widget = TabWidget(window)
layer = tab_widget.create_tab("Color Wheel")
layer.set_layout(GroupLayout())
Label(layer, "Color wheel widget", "sans-bold")
ColorWheel(layer)
layer = tab_widget.create_tab("Function Graph")
layer.set_layout(GroupLayout())
Label(layer, "Function graph widget", "sans-bold")
graph = Graph(layer, "Some function")
graph.set_header("E = 2.35e-3")
graph.set_footer("Iteration 89")
values = [0.5 * (0.5 * math.sin(i / 10.0) +
0.5 * math.cos(i / 23.0) + 1)
for i in range(100)]
graph.set_values(values)
tab_widget.set_active_tab(0)
# Dummy tab used to represent the last tab button.
tab_widget.create_tab("+")
def tab_cb(index):
if index == (tab_widget.tab_count() - 1):
global counter
# When the "+" tab has been clicked, simply add a new tab.
tabName = "Dynamic {0}".format(counter)
layer_dyn = tab_widget.create_tab(index, tabName)
layer_dyn.set_layout(GroupLayout())
Label(layer_dyn, "Function graph widget", "sans-bold")
graph_dyn = Graph(layer_dyn, "Dynamic function")
graph_dyn.set_header("E = 2.35e-3")
graph_dyn.set_footer("Iteration {0}".format(index*counter))
values_dyn = [0.5 * abs((0.5 * math.sin(i / 10.0 + counter)) +
(0.5 * math.cos(i / 23.0 + 1 + counter)))
for i in range(100)]
graph_dyn.set_values(values_dyn)
counter += 1
# We must invoke perform layout from the screen instance to keep everything in order.
# This is essential when creating tabs dynamically.
self.perform_layout()
# Ensure that the newly added header is visible on screen
tab_widget.ensure_tab_visible(index)
tab_widget.set_callback(tab_cb)
tab_widget.set_active_tab(0)
window = Window(self, "Grid of small widgets")
window.set_position((425, 300))
layout = GridLayout(Orientation.Horizontal, 2,
Alignment.Middle, 15, 5)
layout.set_col_alignment(
[Alignment.Maximum, Alignment.Fill])
layout.set_spacing(0, 10)
window.set_layout(layout)
Label(window, "Floating point :", "sans-bold")
float_box = TextBox(window)
float_box.set_editable(True)
float_box.set_fixed_size((100, 20))
float_box.set_value("50")
float_box.set_units("GiB")
float_box.set_default_value("0.0")
float_box.set_font_size(16)
float_box.set_format("[-]?[0-9]*\\.?[0-9]+")
Label(window, "Positive integer :", "sans-bold")
int_box = IntBox(window)
int_box.set_editable(True)
int_box.set_fixed_size((100, 20))
int_box.set_value(50)
int_box.set_units("Mhz")
int_box.set_default_value("0")
int_box.set_font_size(16)
int_box.set_format("[1-9][0-9]*")
int_box.set_spinnable(True)
int_box.set_min_value(1)
int_box.set_value_increment(2)
Label(window, "Checkbox :", "sans-bold")
cb = CheckBox(window, "Check me")
cb.set_font_size(16)
cb.set_checked(True)
Label(window, "Combo box :", "sans-bold")
cobo = ComboBox(window, ["Item 1", "Item 2", "Item 3"])
cobo.set_font_size(16)
cobo.set_fixed_size((100, 20))
Label(window, "Color picker :", "sans-bold");
cp = ColorPicker(window, Color(255, 120, 0, 255));
cp.set_fixed_size((100, 20));
def cp_final_cb(color):
print(
"ColorPicker Final Callback: [{0}, {1}, {2}, {3}]".format(color.r,
color.g,
color.b,
color.w)
)
cp.set_final_callback(cp_final_cb)
# setup a fast callback for the color picker widget on a new window
# for demonstrative purposes
window = Window(self, "Color Picker Fast Callback")
window.set_position((425, 300))
layout = GridLayout(Orientation.Horizontal, 2,
Alignment.Middle, 15, 5)
layout.set_col_alignment(
[Alignment.Maximum, Alignment.Fill])
layout.set_spacing(0, 10)
window.set_layout(layout)
window.set_position((425, 500))
Label(window, "Combined: ");
b = Button(window, "ColorWheel", entypo.ICON_500PX)
Label(window, "Red: ")
red_int_box = IntBox(window)
red_int_box.set_editable(False)
Label(window, "Green: ")
green_int_box = IntBox(window)
green_int_box.set_editable(False)
Label(window, "Blue: ")
blue_int_box = IntBox(window)
blue_int_box.set_editable(False)
Label(window, "Alpha: ")
alpha_int_box = IntBox(window)
def cp_fast_cb(color):
b.set_background_color(color)
b.set_text_color(color.contrasting_color())
red = int(color.r * 255.0)
red_int_box.set_value(red)
green = int(color.g * 255.0)
green_int_box.set_value(green)
blue = int(color.b * 255.0)
blue_int_box.set_value(blue)
alpha = int(color.w * 255.0)
alpha_int_box.set_value(alpha)
cp.set_callback(cp_fast_cb)
self.perform_layout()
try:
import numpy as np
self.shader = GLShader()
if nanogui.opengl:
self.shader.init(
# An identifying name
"a_simple_shader",
# Vertex shader
"""#version 330
uniform mat4 model_view_proj;
in vec3 position;
void main() {
gl_Position = model_view_proj * vec4(position, 1.0);
}""",
"""#version 330
out vec4 color;
uniform float intensity;
void main() {
color = vec4(vec3(intensity), 1.0);
}"""
)
else: # GLES2
self.shader.init(
# An identifying name
"a_simple_shader",
# Vertex shader
"""precision highp float;
uniform mat4 model_view_proj;
attribute vec3 position;
void main() {
gl_Position = model_view_proj * vec4(position, 1.0);
}""",
"""precision highp float;
uniform float intensity;
void main() {
gl_FragColor = vec4(vec3(intensity), 1.0);
}"""
)
# Draw 2 triangles
indices = np.array(
[[0, 2], [1, 3], [2, 0]],
dtype=np.int32)
positions = np.array(
[[-1, 1, 1, -1],
[-1, -1, 1, 1],
[0, 0, 0, 0]],
dtype=np.float32)
self.shader.bind()
self.shader.upload_indices(indices)
self.shader.upload_attrib("position", positions)
self.shader.set_uniform("intensity", 0.5)
except ImportError:
self.shader = None
pass
def draw(self, ctx):
self.progress.set_value(math.fmod(time.time() / 10, 1))
super(TestApp, self).draw(ctx)
def draw_contents(self):
if self.shader is not None:
import numpy as np
self.shader.bind()
angle = time.time()
mvp = np.array(
[[np.cos(angle), -np.sin(angle), 0, 0],
[np.sin(angle), np.cos(angle), 0, 0],
[0, 0, 1, 0],
[0, 0, 0, 1]],
dtype=np.float32
)
mvp[0:3, 0:3] *= 0.25
mvp[0, :] *= self.size()[1] / self.size()[0]
self.shader.set_uniform("model_view_proj", mvp)
self.shader.draw_indexed(gl.TRIANGLES, 0, 2)
super(TestApp, self).draw_contents()
def keyboard_event(self, key, scancode, action, modifiers):
if super(TestApp, self).keyboard_event(key, scancode,
action, modifiers):
return True
if key == glfw.KEY_ESCAPE and action == glfw.PRESS:
self.set_visible(False)
return True
return False
class TestApp(Screen):
def __init__(self):
super(TestApp, self).__init__((1024, 768), "NanoGUI Test")
self.shader = None
window = Window(self, "Button demo")
window.set_position((15, 15))
window.set_layout(GroupLayout())
Label(window, "Push buttons", "sans-bold")
b = Button(window, "Plain button")
def cb():
print("pushed!")
b.set_callback(cb)
b = Button(window, "Styled", icons.FA_ROCKET)
b.set_background_color(Color(0, 0, 1.0, 0.1))
b.set_callback(cb)
Label(window, "Toggle buttons", "sans-bold")
b = Button(window, "Toggle me")
b.set_flags(Button.Flags.ToggleButton)
def change_cb(state):
print("Toggle button state: %s" % str(state))
b.set_change_callback(change_cb)
Label(window, "Radio buttons", "sans-bold")
b = Button(window, "Radio button 1")
b.set_flags(Button.Flags.RadioButton)
b = Button(window, "Radio button 2")
b.set_flags(Button.Flags.RadioButton)
Label(window, "A tool palette", "sans-bold")
tools = Widget(window)
tools.set_layout(
BoxLayout(Orientation.Horizontal, Alignment.Middle, 0, 6))
ToolButton(tools, icons.FA_CLOUD)
ToolButton(tools, icons.FA_FAST_FORWARD)
ToolButton(tools, icons.FA_COMPASS)
ToolButton(tools, icons.FA_UTENSILS)
Label(window, "Popup buttons", "sans-bold")
popup_btn = PopupButton(window, "Popup", icons.FA_FLASK)
popup = popup_btn.popup()
popup.set_layout(GroupLayout())
Label(popup, "Arbitrary widgets can be placed here")
CheckBox(popup, "A check box")
# popup right
popup_btn = PopupButton(popup, "Recursive popup", icons.FA_CHART_PIE)
popup_right = popup_btn.popup()
popup_right.set_layout(GroupLayout())
CheckBox(popup_right, "Another check box")
# popup left
popup_btn = PopupButton(popup, "Recursive popup", icons.FA_DNA)
popup_btn.set_side(Popup.Side.Left)
popup_left = popup_btn.popup()
popup_left.set_layout(GroupLayout())
CheckBox(popup_left, "Another check box")
window = Window(self, "Basic widgets")
window.set_position((200, 15))
window.set_layout(GroupLayout())
Label(window, "Message dialog", "sans-bold")
tools = Widget(window)
tools.set_layout(
BoxLayout(Orientation.Horizontal, Alignment.Middle, 0, 6))
def cb2(result):
print("Dialog result: %i" % result)
b = Button(tools, "Info")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Information, "Title",
"This is an information message")
dlg.set_callback(cb2)
b.set_callback(cb)
b = Button(tools, "Warn")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Warning, "Title",
"This is a warning message")
dlg.set_callback(cb2)
b.set_callback(cb)
b = Button(tools, "Ask")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Warning, "Title",
"This is a question message", "Yes", "No",
True)
dlg.set_callback(cb2)
b.set_callback(cb)
import os
import sys
os.chdir(sys.path[0])
try:
icons_data = nanogui.load_image_directory(self.nvg_context(),
"icons")
except:
try:
icons_data = nanogui.load_image_directory(
self.nvg_context(), "../icons")
except:
icons_data = nanogui.load_image_directory(
self.nvg_context(), "../resources/icons")
Label(window, "Image panel & scroll panel", "sans-bold")
image_panel_btn = PopupButton(window, "Image Panel")
image_panel_btn.set_icon(icons.FA_IMAGES)
popup = image_panel_btn.popup()
vscroll = VScrollPanel(popup)
img_panel = ImagePanel(vscroll)
img_panel.set_images(icons_data)
popup.set_fixed_size((245, 150))
img_window = Window(self, "Selected image")
img_window.set_position((710, 15))
img_window.set_layout(GroupLayout())
img_view = ImageView(img_window)
img_view.set_image(
Texture(icons_data[0][1] + ".png",
Texture.InterpolationMode.Trilinear,
Texture.InterpolationMode.Nearest))
img_view.center()
def cb(i):
print("Selected item %i" % i)
img_view.set_image(
Texture(icons_data[i][1] + ".png",
Texture.InterpolationMode.Trilinear,
Texture.InterpolationMode.Nearest))
img_panel.set_callback(cb)
Label(window, "File dialog", "sans-bold")
tools = Widget(window)
tools.set_layout(
BoxLayout(Orientation.Horizontal, Alignment.Middle, 0, 6))
b = Button(tools, "Open")
valid = [("png", "Portable Network Graphics"), ("txt", "Text file")]
def cb():
result = nanogui.file_dialog(valid, False)
print("File dialog result = %s" % result)
b.set_callback(cb)
b = Button(tools, "Save")
def cb():
result = nanogui.file_dialog(valid, True)
print("File dialog result = %s" % result)
b.set_callback(cb)
Label(window, "Combo box", "sans-bold")
ComboBox(window,
["Combo box item 1", "Combo box item 2", "Combo box item 3"])
Label(window, "Check box", "sans-bold")
def cb(state):
print("Check box 1 state: %s" % state)
chb = CheckBox(window, "Flag 1", cb)
chb.set_checked(True)
def cb(state):
print("Check box 2 state: %s" % state)
CheckBox(window, "Flag 2", cb)
Label(window, "Progress bar", "sans-bold")
self.progress = ProgressBar(window)
Label(window, "Slider and text box", "sans-bold")
panel = Widget(window)
panel.set_layout(
BoxLayout(Orientation.Horizontal, Alignment.Middle, 0, 20))
slider = Slider(panel)
slider.set_value(0.5)
slider.set_fixed_width(80)
text_box = TextBox(panel)
text_box.set_fixed_size((60, 25))
text_box.set_value("50")
text_box.set_units("%")
text_box.set_font_size(20)
text_box.set_alignment(TextBox.Alignment.Right)
def cb(value):
text_box.set_value("%i" % int(value * 100))
slider.set_callback(cb)
def cb(value):
print("Final slider value: %i" % int(value * 100))
slider.set_final_callback(cb)
window = Window(self, "Misc. widgets")
window.set_position((425, 15))
window.set_layout(GroupLayout())
tab_widget = TabWidget(window)
layer = Widget(tab_widget)
layer.set_layout(GroupLayout())
tab_widget.append_tab("Color Wheel", layer)
Label(layer, "Color wheel widget", "sans-bold")
ColorWheel(layer)
layer = Widget(tab_widget)
layer.set_layout(GroupLayout())
tab_widget.append_tab("Function Graph", layer)
Label(layer, "Function graph widget", "sans-bold")
graph = Graph(layer, "Some function")
graph.set_header("E = 2.35e-3")
graph.set_footer("Iteration 89")
values = [
0.5 * (0.5 * math.sin(i / 10.0) + 0.5 * math.cos(i / 23.0) + 1)
for i in range(100)
]
graph.set_values(values)
# Dummy tab used to represent the last tab button.
plus_id = tab_widget.append_tab("+", Widget(tab_widget))
def tab_cb(index):
if index == plus_id:
global counter
# When the "+" tab has been clicked, simply add a new tab.
tab_name = "Dynamic {0}".format(counter)
layer_dyn = Widget(tab_widget)
layer_dyn.set_layout(GroupLayout())
new_id = tab_widget.insert_tab(tab_widget.tab_count() - 1,
tab_name, layer_dyn)
Label(layer_dyn, "Function graph widget", "sans-bold")
graph_dyn = Graph(layer_dyn, "Dynamic function")
graph_dyn.set_header("E = 2.35e-3")
graph_dyn.set_footer("Iteration {0}".format(index * counter))
values_dyn = [
0.5 * abs((0.5 * math.sin(i / 10.0 + counter)) +
(0.5 * math.cos(i / 23.0 + 1 + counter)))
for i in range(100)
]
graph_dyn.set_values(values_dyn)
counter += 1
# We must invoke the layout manager after adding tabs dynamically
self.perform_layout()
tab_widget.set_selected_id(new_id)
tab_widget.set_callback(tab_cb)
window = Window(self, "Grid of small widgets")
window.set_position((425, 300))
layout = GridLayout(Orientation.Horizontal, 2, Alignment.Middle, 15, 5)
layout.set_col_alignment([Alignment.Maximum, Alignment.Fill])
layout.set_spacing(0, 10)
window.set_layout(layout)
Label(window, "Floating point :", "sans-bold")
float_box = TextBox(window)
float_box.set_editable(True)
float_box.set_fixed_size((100, 20))
float_box.set_value("50")
float_box.set_units("GiB")
float_box.set_default_value("0.0")
float_box.set_font_size(16)
float_box.set_format("[-]?[0-9]*\\.?[0-9]+")
Label(window, "Positive integer :", "sans-bold")
int_box = IntBox(window)
int_box.set_editable(True)
int_box.set_fixed_size((100, 20))
int_box.set_value(50)
int_box.set_units("Mhz")
int_box.set_default_value("0")
int_box.set_font_size(16)
int_box.set_format("[1-9][0-9]*")
int_box.set_spinnable(True)
int_box.set_min_value(1)
int_box.set_value_increment(2)
Label(window, "Checkbox :", "sans-bold")
cb = CheckBox(window, "Check me")
cb.set_font_size(16)
cb.set_checked(True)
Label(window, "Combo box :", "sans-bold")
cobo = ComboBox(window, ["Item 1", "Item 2", "Item 3"])
cobo.set_font_size(16)
cobo.set_fixed_size((100, 20))
Label(window, "Color picker :", "sans-bold")
cp = ColorPicker(window, Color(255, 120, 0, 255))
cp.set_fixed_size((100, 20))
def cp_final_cb(color):
print("ColorPicker Final Callback: [{0}, {1}, {2}, {3}]".format(
color.r, color.g, color.b, color.w))
cp.set_final_callback(cp_final_cb)
# setup a fast callback for the color picker widget on a new window
# for demonstrative purposes
window = Window(self, "Color Picker Fast Callback")
window.set_position((425, 300))
layout = GridLayout(Orientation.Horizontal, 2, Alignment.Middle, 15, 5)
layout.set_col_alignment([Alignment.Maximum, Alignment.Fill])
layout.set_spacing(0, 10)
window.set_layout(layout)
window.set_position((425, 500))
Label(window, "Combined: ")
b = Button(window, "ColorWheel", icons.FA_INFINITY)
Label(window, "Red: ")
red_int_box = IntBox(window)
red_int_box.set_editable(False)
Label(window, "Green: ")
green_int_box = IntBox(window)
green_int_box.set_editable(False)
Label(window, "Blue: ")
blue_int_box = IntBox(window)
blue_int_box.set_editable(False)
Label(window, "Alpha: ")
alpha_int_box = IntBox(window)
def cp_fast_cb(color):
b.set_background_color(color)
b.set_text_color(color.contrasting_color())
red = int(color.r * 255.0)
red_int_box.set_value(red)
green = int(color.g * 255.0)
green_int_box.set_value(green)
blue = int(color.b * 255.0)
blue_int_box.set_value(blue)
alpha = int(color.w * 255.0)
alpha_int_box.set_value(alpha)
cp.set_callback(cp_fast_cb)
self.perform_layout()
self.render_pass = RenderPass([self])
self.render_pass.set_clear_color(0, Color(0.3, 0.3, 0.32, 1.0))
if nanogui.api == 'opengl':
vertex_shader = """
#version 330
uniform mat4 mvp;
in vec3 position;
void main() {
gl_Position = mvp * vec4(position, 1.0);
}"""
fragment_shader = """
#version 330
out vec4 color;
uniform float intensity;
void main() {
color = vec4(vec3(intensity), 1.0);
}"""
elif nanogui.api == 'gles2' or nanogui.api == 'gles3':
vertex_shader = """
precision highp float;
uniform mat4 mvp;
attribute vec3 position;
void main() {
gl_Position = mvp * vec4(position, 1.0);
}"""
fragment_shader = """
precision highp float;
uniform float intensity;
void main() {
gl_FragColor = vec4(vec3(intensity), 1.0);
}"""
elif nanogui.api == 'metal':
vertex_shader = """
using namespace metal;
struct VertexOut {
float4 position [[position]];
};
vertex VertexOut vertex_main(const device packed_float3 *position,
constant float4x4 &mvp,
uint id [[vertex_id]]) {
VertexOut vert;
vert.position = mvp * float4(position[id], 1.f);
return vert;
}"""
fragment_shader = """
using namespace metal;
fragment float4 fragment_main(const constant float &intensity) {
return float4(intensity);
}"""
self.shader = Shader(
self.render_pass,
# An identifying name
"A simple shader",
vertex_shader,
fragment_shader)
self.shader.set_buffer("indices",
np.array([0, 1, 2, 2, 3, 0], dtype=np.uint32))
self.shader.set_buffer(
"position",
np.array([[-1, -1, 0], [1, -1, 0], [1, 1, 0], [-1, 1, 0]],
dtype=np.float32))
self.shader.set_buffer("intensity", np.array(0.5, dtype=np.float32))
def draw(self, ctx):
self.progress.set_value(math.fmod(time.time() / 10, 1))
super(TestApp, self).draw(ctx)
def draw_contents(self):
if self.shader is None:
return
self.render_pass.resize(self.framebuffer_size())
s = self.size()
with self.render_pass:
mvp = nanogui.scale([s[1] / float(s[0]) * 0.25, 0.25, 0.25]) @ \
nanogui.rotate([0, 0, 1], glfw.getTime())
self.shader.set_buffer("mvp", np.float32(mvp.T))
with self.shader:
self.shader.draw_array(Shader.PrimitiveType.Triangle, 0, 6,
True)
def keyboard_event(self, key, scancode, action, modifiers):
if super(TestApp, self).keyboard_event(key, scancode, action,
modifiers):
return True
if key == glfw.KEY_ESCAPE and action == glfw.PRESS:
self.set_visible(False)
return True
return False
class TestApp(Screen):
def __init__(self):
super(TestApp, self).__init__((1024, 768), "NanoGUI Test")
window = Window(self, "Button demo")
window.setPosition((15, 15))
window.setLayout(GroupLayout())
Label(window, "Push buttons", "sans-bold")
b = Button(window, "Plain button")
def cb():
print("pushed!")
b.setCallback(cb)
b = Button(window, "Styled", entypo.ICON_ROCKET)
b.setBackgroundColor(Color(0, 0, 1.0, 0.1))
b.setCallback(cb)
Label(window, "Toggle buttons", "sans-bold")
b = Button(window, "Toggle me")
b.setFlags(Button.Flags.ToggleButton)
def change_cb(state):
print("Toggle button state: %s" % str(state))
b.setChangeCallback(change_cb)
Label(window, "Radio buttons", "sans-bold")
b = Button(window, "Radio button 1")
b.setFlags(Button.Flags.RadioButton)
b = Button(window, "Radio button 2")
b.setFlags(Button.Flags.RadioButton)
Label(window, "A tool palette", "sans-bold")
tools = Widget(window)
tools.setLayout(
BoxLayout(Orientation.Horizontal, Alignment.Middle, 0, 6))
ToolButton(tools, entypo.ICON_CLOUD)
ToolButton(tools, entypo.ICON_CONTROLLER_FAST_FORWARD)
ToolButton(tools, entypo.ICON_COMPASS)
ToolButton(tools, entypo.ICON_INSTALL)
Label(window, "Popup buttons", "sans-bold")
popupBtn = PopupButton(window, "Popup", entypo.ICON_EXPORT)
popup = popupBtn.popup()
popup.setLayout(GroupLayout())
Label(popup, "Arbitrary widgets can be placed here")
CheckBox(popup, "A check box")
# popup right
popupBtn = PopupButton(popup, "Recursive popup", entypo.ICON_FLASH)
popupRight = popupBtn.popup()
popupRight.setLayout(GroupLayout())
CheckBox(popupRight, "Another check box")
# popup left
popupBtn = PopupButton(popup, "Recursive popup", entypo.ICON_FLASH)
popupBtn.setSide(Popup.Side.Left)
popupLeft = popupBtn.popup()
popupLeft.setLayout(GroupLayout())
CheckBox(popupLeft, "Another check box")
window = Window(self, "Basic widgets")
window.setPosition((200, 15))
window.setLayout(GroupLayout())
Label(window, "Message dialog", "sans-bold")
tools = Widget(window)
tools.setLayout(
BoxLayout(Orientation.Horizontal, Alignment.Middle, 0, 6))
def cb2(result):
print("Dialog result: %i" % result)
b = Button(tools, "Info")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Information, "Title",
"This is an information message")
dlg.setCallback(cb2)
b.setCallback(cb)
b = Button(tools, "Warn")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Warning, "Title",
"This is a warning message")
dlg.setCallback(cb2)
b.setCallback(cb)
b = Button(tools, "Ask")
def cb():
dlg = MessageDialog(self, MessageDialog.Type.Warning, "Title",
"This is a question message", "Yes", "No",
True)
dlg.setCallback(cb2)
b.setCallback(cb)
import os
import sys
os.chdir(sys.path[0])
try:
icons = nanogui.loadImageDirectory(self.nvgContext(), "icons")
except:
try:
icons = nanogui.loadImageDirectory(self.nvgContext(),
"../icons")
except:
icons = nanogui.loadImageDirectory(self.nvgContext(),
"../resources/icons")
Label(window, "Image panel & scroll panel", "sans-bold")
imagePanelBtn = PopupButton(window, "Image Panel")
imagePanelBtn.setIcon(entypo.ICON_FOLDER)
popup = imagePanelBtn.popup()
vscroll = VScrollPanel(popup)
imgPanel = ImagePanel(vscroll)
imgPanel.setImages(icons)
popup.set_fixed_size((245, 150))
img_window = Window(self, "Selected image")
img_window.setPosition((710, 15))
img_window.setLayout(GroupLayout())
imgView = ImageView(img_window, icons[0][0])
def cb(i):
print("Selected item %i" % i)
imgView.bindImage(icons[i][0])
imgPanel.setCallback(cb)
imgView.setGridThreshold(3)
Label(window, "File dialog", "sans-bold")
tools = Widget(window)
tools.setLayout(
BoxLayout(Orientation.Horizontal, Alignment.Middle, 0, 6))
b = Button(tools, "Open")
valid = [("png", "Portable Network Graphics"), ("txt", "Text file")]
def cb():
result = nanogui.file_dialog(valid, False)
print("File dialog result = %s" % result)
b.setCallback(cb)
b = Button(tools, "Save")
def cb():
result = nanogui.file_dialog(valid, True)
print("File dialog result = %s" % result)
b.setCallback(cb)
Label(window, "Combo box", "sans-bold")
ComboBox(window,
["Combo box item 1", "Combo box item 2", "Combo box item 3"])
Label(window, "Check box", "sans-bold")
def cb(state):
print("Check box 1 state: %s" % state)
chb = CheckBox(window, "Flag 1", cb)
chb.setChecked(True)
def cb(state):
print("Check box 2 state: %s" % state)
CheckBox(window, "Flag 2", cb)
Label(window, "Progress bar", "sans-bold")
self.progress = ProgressBar(window)
Label(window, "Slider and text box", "sans-bold")
panel = Widget(window)
panel.setLayout(
BoxLayout(Orientation.Horizontal, Alignment.Middle, 0, 20))
slider = Slider(panel)
slider.set_value(0.5)
slider.setFixedWidth(80)
textBox = TextBox(panel)
textBox.set_fixed_size((60, 25))
textBox.set_value("50")
textBox.setUnits("%")
textBox.setFontSize(20)
textBox.setAlignment(TextBox.Alignment.Right)
def cb(value):
textBox.set_value("%i" % int(value * 100))
slider.setCallback(cb)
def cb(value):
print("Final slider value: %i" % int(value * 100))
slider.setFinalCallback(cb)
window = Window(self, "Misc. widgets")
window.setPosition((425, 15))
window.setLayout(GroupLayout())
tabWidget = TabWidget(window)
layer = tabWidget.createTab("Color Wheel")
layer.setLayout(GroupLayout())
Label(layer, "Color wheel widget", "sans-bold")
ColorWheel(layer)
layer = tabWidget.createTab("Function Graph")
layer.setLayout(GroupLayout())
Label(layer, "Function graph widget", "sans-bold")
graph = Graph(layer, "Some function")
graph.setHeader("E = 2.35e-3")
graph.setFooter("Iteration 89")
values = [
0.5 * (0.5 * math.sin(i / 10.0) + 0.5 * math.cos(i / 23.0) + 1)
for i in range(100)
]
graph.set_values(values)
tabWidget.setActiveTab(0)
# Dummy tab used to represent the last tab button.
tabWidget.createTab("+")
def tab_cb(index):
if index == (tabWidget.tabCount() - 1):
global counter
# When the "+" tab has been clicked, simply add a new tab.
tabName = "Dynamic {0}".format(counter)
layerDyn = tabWidget.createTab(index, tabName)
layerDyn.setLayout(GroupLayout())
Label(layerDyn, "Function graph widget", "sans-bold")
graphDyn = Graph(layerDyn, "Dynamic function")
graphDyn.setHeader("E = 2.35e-3")
graphDyn.setFooter("Iteration {0}".format(index * counter))
valuesDyn = [
0.5 * abs((0.5 * math.sin(i / 10.0 + counter)) +
(0.5 * math.cos(i / 23.0 + 1 + counter)))
for i in range(100)
]
graphDyn.set_values(valuesDyn)
counter += 1
# We must invoke perform layout from the screen instance to keep everything in order.
# This is essential when creating tabs dynamically.
self.performLayout()
# Ensure that the newly added header is visible on screen
tabWidget.ensureTabVisible(index)
tabWidget.setCallback(tab_cb)
tabWidget.setActiveTab(0)
window = Window(self, "Grid of small widgets")
window.setPosition((425, 300))
layout = GridLayout(Orientation.Horizontal, 2, Alignment.Middle, 15, 5)
layout.setColAlignment([Alignment.Maximum, Alignment.Fill])
layout.setSpacing(0, 10)
window.setLayout(layout)
Label(window, "Floating point :", "sans-bold")
floatBox = TextBox(window)
floatBox.setEditable(True)
floatBox.set_fixed_size((100, 20))
floatBox.set_value("50")
floatBox.setUnits("GiB")
floatBox.setDefaultValue("0.0")
floatBox.setFontSize(16)
floatBox.setFormat("[-]?[0-9]*\\.?[0-9]+")
Label(window, "Positive integer :", "sans-bold")
intBox = IntBox(window)
intBox.setEditable(True)
intBox.set_fixed_size((100, 20))
intBox.set_value(50)
intBox.setUnits("Mhz")
intBox.setDefaultValue("0")
intBox.setFontSize(16)
intBox.setFormat("[1-9][0-9]*")
intBox.setSpinnable(True)
intBox.setMinValue(1)
intBox.setValueIncrement(2)
Label(window, "Checkbox :", "sans-bold")
cb = CheckBox(window, "Check me")
cb.setFontSize(16)
cb.setChecked(True)
Label(window, "Combo box :", "sans-bold")
cobo = ComboBox(window, ["Item 1", "Item 2", "Item 3"])
cobo.setFontSize(16)
cobo.set_fixed_size((100, 20))
Label(window, "Color picker :", "sans-bold")
cp = ColorPicker(window, Color(255, 120, 0, 255))
cp.set_fixed_size((100, 20))
def cp_final_cb(color):
print("ColorPicker Final Callback: [{0}, {1}, {2}, {3}]".format(
color.r, color.g, color.b, color.w))
cp.setFinalCallback(cp_final_cb)
# setup a fast callback for the color picker widget on a new window
# for demonstrative purposes
window = Window(self, "Color Picker Fast Callback")
window.setPosition((425, 300))
layout = GridLayout(Orientation.Horizontal, 2, Alignment.Middle, 15, 5)
layout.setColAlignment([Alignment.Maximum, Alignment.Fill])
layout.setSpacing(0, 10)
window.setLayout(layout)
window.setPosition((425, 500))
Label(window, "Combined: ")
b = Button(window, "ColorWheel", entypo.ICON_500PX)
Label(window, "Red: ")
redIntBox = IntBox(window)
redIntBox.setEditable(False)
Label(window, "Green: ")
greenIntBox = IntBox(window)
greenIntBox.setEditable(False)
Label(window, "Blue: ")
blueIntBox = IntBox(window)
blueIntBox.setEditable(False)
Label(window, "Alpha: ")
alphaIntBox = IntBox(window)
def cp_fast_cb(color):
b.setBackgroundColor(color)
b.setTextColor(color.contrastingColor())
red = int(color.r * 255.0)
redIntBox.set_value(red)
green = int(color.g * 255.0)
greenIntBox.set_value(green)
blue = int(color.b * 255.0)
blueIntBox.set_value(blue)
alpha = int(color.w * 255.0)
alphaIntBox.set_value(alpha)
cp.setCallback(cp_fast_cb)
self.performLayout()
try:
import numpy as np
self.shader = GLShader()
self.shader.init(
# An identifying name
"a_simple_shader",
# Vertex shader
"""#version 330
uniform mat4 modelViewProj;
in vec3 position;
void main() {
gl_Position = modelViewProj * vec4(position, 1.0);
}""",
"""#version 330
out vec4 color;
uniform float intensity;
void main() {
color = vec4(vec3(intensity), 1.0);
}""")
# Draw 2 triangles
indices = np.array([[0, 2], [1, 3], [2, 0]], dtype=np.int32)
positions = np.array(
[[-1, 1, 1, -1], [-1, -1, 1, 1], [0, 0, 0, 0]],
dtype=np.float32)
self.shader.bind()
self.shader.uploadIndices(indices)
self.shader.uploadAttrib("position", positions)
self.shader.setUniform("intensity", 0.5)
except ImportError:
self.shader = None
pass
def draw(self, ctx):
self.progress.set_value(math.fmod(time.time() / 10, 1))
super(TestApp, self).draw(ctx)
def drawContents(self):
if self.shader is not None:
import numpy as np
self.shader.bind()
angle = time.time()
mvp = np.array([[np.cos(angle), -np.sin(angle), 0, 0],
[np.sin(angle), np.cos(angle), 0, 0], [0, 0, 1, 0],
[0, 0, 0, 1]],
dtype=np.float32)
mvp[0:3, 0:3] *= 0.25
mvp[0, :] *= self.size()[1] / self.size()[0]
self.shader.setUniform("modelViewProj", mvp)
self.shader.drawIndexed(gl.TRIANGLES, 0, 2)
super(TestApp, self).drawContents()
def keyboardEvent(self, key, scancode, action, modifiers):
if super(TestApp, self).keyboardEvent(key, scancode, action,
modifiers):
return True
if key == glfw.KEY_ESCAPE and action == glfw.PRESS:
self.setVisible(False)
return True
return False