huskee/Pixelorama
1
0
Fork 0
mirror of https://github.com/Orama-Interactive/Pixelorama.git synced 2025-02-13 01:03:07 +00:00
Code Issues Wiki Activity
Pixelorama/src/UI/Dialogs/ImageEffects/ShaderEffect.gd

158 lines
4.8 KiB
GDScript3
Raw Normal View History

[EXPERIMENTAL] Added ability to load a shader as an image effect This new feature allows users to load a .shader file (must be a GLES2 Godot shader) that will modify the image itself. This feature is experimental and possibly buggy, not all shaders are working properly and I'm not sure yet why. As such, this feature may not be included in v0.8 stable.
2020-07-25 13:26:57 +00:00
extends ConfirmationDialog
var current_cel : Image
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
var shader : Shader
var params := [] # String[]
[EXPERIMENTAL] Added ability to load a shader as an image effect This new feature allows users to load a .shader file (must be a GLES2 Godot shader) that will modify the image itself. This feature is experimental and possibly buggy, not all shaders are working properly and I'm not sure yet why. As such, this feature may not be included in v0.8 stable.
2020-07-25 13:26:57 +00:00
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
onready var preview : TextureRect = $VBoxContainer/Preview
[EXPERIMENTAL] Added ability to load a shader as an image effect This new feature allows users to load a .shader file (must be a GLES2 Godot shader) that will modify the image itself. This feature is experimental and possibly buggy, not all shaders are working properly and I'm not sure yet why. As such, this feature may not be included in v0.8 stable.
2020-07-25 13:26:57 +00:00
onready var shader_loaded_label : Label = $VBoxContainer/ShaderLoadedLabel
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
onready var shader_params : BoxContainer = $VBoxContainer/ShaderParams
[EXPERIMENTAL] Added ability to load a shader as an image effect This new feature allows users to load a .shader file (must be a GLES2 Godot shader) that will modify the image itself. This feature is experimental and possibly buggy, not all shaders are working properly and I'm not sure yet why. As such, this feature may not be included in v0.8 stable.
2020-07-25 13:26:57 +00:00
func _on_ShaderEffect_about_to_show() -> void:
current_cel = Global.current_project.frames[Global.current_project.current_frame].cels[Global.current_project.current_layer].image
var preview_image := Image.new()
preview_image.copy_from(current_cel)
var preview_texture = ImageTexture.new()
preview_texture.create_from_image(preview_image, 0)
preview.texture = preview_texture
func _on_ShaderEffect_confirmed() -> void:
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
if !shader:
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
return
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
current_cel.unlock()
var viewport_texture := Image.new()
var size : Vector2 = Global.current_project.size
var vp = VisualServer.viewport_create()
var canvas = VisualServer.canvas_create()
VisualServer.viewport_attach_canvas(vp, canvas)
VisualServer.viewport_set_size(vp, size.x, size.y)
VisualServer.viewport_set_disable_3d(vp, true)
VisualServer.viewport_set_usage(vp, VisualServer.VIEWPORT_USAGE_2D)
VisualServer.viewport_set_hdr(vp, true)
VisualServer.viewport_set_active(vp, true)
VisualServer.viewport_set_transparent_background(vp, true)
var ci_rid = VisualServer.canvas_item_create()
VisualServer.viewport_set_canvas_transform(vp, canvas, Transform())
VisualServer.canvas_item_set_parent(ci_rid, canvas)
var texture = ImageTexture.new()
texture.create_from_image(current_cel)
VisualServer.canvas_item_add_texture_rect(ci_rid, Rect2(Vector2(0, 0), size), texture)
var mat_rid = VisualServer.material_create()
VisualServer.material_set_shader(mat_rid, shader.get_rid())
VisualServer.canvas_item_set_material(ci_rid, mat_rid)
for param in params:
var param_data = preview.material.get_shader_param(param)
VisualServer.material_set_param(mat_rid, param, param_data)
VisualServer.viewport_set_update_mode(vp, VisualServer.VIEWPORT_UPDATE_ONCE)
VisualServer.viewport_set_vflip(vp, true)
VisualServer.force_draw(false)
viewport_texture = VisualServer.texture_get_data(VisualServer.viewport_get_texture(vp))
VisualServer.free_rid(vp)
VisualServer.free_rid(canvas)
VisualServer.free_rid(ci_rid)
VisualServer.free_rid(mat_rid)
print(viewport_texture.data)
[EXPERIMENTAL] Added ability to load a shader as an image effect This new feature allows users to load a .shader file (must be a GLES2 Godot shader) that will modify the image itself. This feature is experimental and possibly buggy, not all shaders are working properly and I'm not sure yet why. As such, this feature may not be included in v0.8 stable.
2020-07-25 13:26:57 +00:00
viewport_texture.convert(Image.FORMAT_RGBA8)
Global.canvas.handle_undo("Draw")
current_cel.copy_from(viewport_texture)
Global.canvas.handle_redo("Draw")
func _on_ShaderEffect_popup_hide() -> void:
Global.dialog_open(false)
func _on_ChooseShader_pressed() -> void:
if OS.get_name() == "HTML5":
Html5FileExchange.load_shader()
else:
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
$FileDialog.popup_centered(Vector2(300, 340))
[EXPERIMENTAL] Added ability to load a shader as an image effect This new feature allows users to load a .shader file (must be a GLES2 Godot shader) that will modify the image itself. This feature is experimental and possibly buggy, not all shaders are working properly and I'm not sure yet why. As such, this feature may not be included in v0.8 stable.
2020-07-25 13:26:57 +00:00
func _on_FileDialog_file_selected(path : String) -> void:
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
var _shader = load(path)
if !_shader is Shader:
[EXPERIMENTAL] Added ability to load a shader as an image effect This new feature allows users to load a .shader file (must be a GLES2 Godot shader) that will modify the image itself. This feature is experimental and possibly buggy, not all shaders are working properly and I'm not sure yet why. As such, this feature may not be included in v0.8 stable.
2020-07-25 13:26:57 +00:00
return
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
change_shader(_shader, path.get_file().get_basename())
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
func change_shader(_shader : Shader, name : String) -> void:
shader = _shader
preview.material.shader = _shader
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
shader_loaded_label.text = tr("Shader loaded:") + " " + name
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
params.clear()
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
for child in shader_params.get_children():
child.queue_free()
var code = shader.code.split("\n")
var uniforms := []
for line in code:
if line.begins_with("uniform"):
uniforms.append(line)
for uniform in uniforms:
# Example uniform:
# uniform float parameter_name : hint_range(0, 255) = 100.0;
var uniform_split = uniform.split("=")
var u_value := ""
if uniform_split.size() > 1:
u_value = uniform_split[1].replace(";", "").strip_edges()
var u_left_side = uniform_split[0].split(":")
Made "ImageEffects" node a separate scene The ImageEffects node is the parent of all image effect dialogs
2020-07-29 17:06:20 +00:00
var _u_hint := ""
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
if u_left_side.size() > 1:
Made "ImageEffects" node a separate scene The ImageEffects node is the parent of all image effect dialogs
2020-07-29 17:06:20 +00:00
_u_hint = u_left_side[1].strip_edges()
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
var u_init = u_left_side[0].split(" ")
var u_type = u_init[1]
var u_name = u_init[2]
Use VisualServer viewport for applying shader This comes with the benefit that we no longer need a Viewport node in the ShaderEffect dialog, which lets us have the Preview TextureRect at a fixed size. Previously, the preview was scaled based on the image's size, which would make applying shaders to large images very inconvenient, since the dialog would be way too big.
2020-08-12 22:55:31 +00:00
params.append(u_name)
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
if u_type == "float":
var label := Label.new()
label.text = u_name
var spinbox := SpinBox.new()
spinbox.min_value = 0.01
spinbox.max_value = 255
spinbox.step = 0.01
if u_value != "":
spinbox.value = float(u_value)
spinbox.connect("value_changed", self, "set_shader_param", [u_name])
var hbox := HBoxContainer.new()
hbox.add_child(label)
hbox.add_child(spinbox)
shader_params.add_child(hbox)
Update ShaderEffect.gd
2021-05-30 14:42:50 +00:00
elif u_type == "int":
var label := Label.new()
label.text = u_name
var spinbox := SpinBox.new()
spinbox.min_value = 0
spinbox.max_value = 255
spinbox.step = 1
if u_value != "":
spinbox.value = int(u_value)
spinbox.connect("value_changed", self, "set_shader_param", [u_name])
var hbox := HBoxContainer.new()
hbox.add_child(label)
hbox.add_child(spinbox)
shader_params.add_child(hbox)
Experimental shader feature: Expose shader's float uniforms to the UI If the loaded shader has uniforms, they will be exposed to the UI, so the users will be able to modify the shader parameters easily. Currently only works with float uniforms.
2020-07-28 01:11:06 +00:00
# print("---")
# print(uniform_split)
# print(u_type)
# print(u_name)
# print(u_hint)
# print(u_value)
# print("--")
func set_shader_param(value, param : String) -> void:
preview.material.set_shader_param(param, value)
Copy permalink