Vertical slider from top to bottom (contrary to usual)

Guruh Motha Fakka is Levitating and Knows Everything About Renoise Member

Normal Members

1254 posts

Gender:Male

Location:Spain

Posted 17 October 2017 - 01:39

I have a simple question about "slider":

Is there any way to represent the top-down slider? That is, the value 0 would be up and the maximum positive value would be below. Unlike the usual. Increasing involves dragging down... It's possible with some trick?

If this is possible, it may also be possible to place the slider upside down horizontally, increase the value by dragging it to the left...

Vertical displacement track: In selected_line & selected_line_index --> include _observable (in real time!). This feature is highly demanded and very important to create tools.

In renoise.tool():add_keybinding --> include "key" (or "command" or "assignement") to save a command keyboard (if the command is already in use (or poorly written) do not overwrite!)

In viewbuilder --> Include vertical text and font.color

In viewbuilder --> Include text field with scroll bars (horizontal or vertical) with the possibility of including other types of elements, including images, buttons...

In viewbuilder --> Coordinate control for the window. For example, you can launch the window it in the lower right corner.

In viewbuilder --> Button configurable as a checkbox, to create custom checkboxes.

A specific code to reload tool in load new song.

Complete control, access, read and write of "Active/Bypassed" checkbox to all devices in Automation Editor to correct iterate and clone automation.

Access to the top of the window to include elementes (replace the title or include some button)

Direct sound control without using OSC Server.

Single line playback capability, without moving.

Control of font text size. Boxes adjustable to text.

Review of how to provide documentation. More orderly and accessible. More practical examples of windowed tools.

My Renoise 3.1 wishlist (updated 26 September 2017):

Spoiler

Drastic review of the automation editor!!! Use layers and colors. Improve the creation, copying and dragging of curves.

GUI for high resolutions. Include the use of vector images for icons and others images, not BMP, JPG or PNG.

GUI with higher graphics performance. Some scrolling and dragging windows are not fluent.

Mixer bars somewhat larger and with more accurate meters.

Full Screen Pattern Editor Mode, occupies the full height and width of the entire screen, whitout perimetral bars.

Matrix Editor detachable and with rotation capacity 90º, for bird's eye view on two or more monitors, with adjustable window. Group drag capacity (select several patterns and move them from their place).

Virtual piano under the pattern editor.

Virtual piano with ability to display the name of the notes above the keys.

Virtual piano as editor to write notes in the pattern editor with the mouse.

NEW!!! Use ALT + drag up/down with mouse for transpose the selected notes.

NEW!!! Ability to import the content of the tracks (or pattern-tracks) of other songs, with previous preview.

Different color on the unusable keys of the virtual piano according to keyzones.

New direct access to official "Video Tutorials" in Help Menu (Help/Video Tutorials).

Create a official video tutorial dedicated exclusively to the Phrases editor.

More directories for load VST's in Preferences/Plug/Misc/VST Plugins (...add new directory)

Take advantage of the use of colors to be able to associate elements, for example, the instruments with the tracks.

Classification of instruments within the instrument box. Possibility to drag in group.

Be able to load the same VST instrument from other songs.

A vertical bar in scopes to increase its size in horizontal or desplace.

Enable an lower area to integrate tools. One more tab "Tools" along with the Automation Editor. Detachable tool.

Horizontal comprehensive wave analyzer of the whole song.

Large and accuracy format clock integree in Matrix Editor with the time marker.

Include cloning or "duplicate" in group menu to pattern editor.

Possibility to increase the font text in Scriping Terminal & Editor.

...

Forum dedicated to "Videos" made by the community about Renoise. Videotutorials, songs, demos, etc. only about Renoise.

Guruh Motha Fakka is Levitating and Knows Everything About Renoise Member

Normal Members

1647 posts

Gender:Not Telling

Location:Sweden

Interests:music, philosophy, engineering

Posted 17 October 2017 - 07:25

Yes, it's possible to make your own slider with a bit of creative layout. But it's not that easy to explain, and requires some time and experience to make, so I can't go into details.

Here's what is needed:

1) Use a normal slider as background

2) Overlay with a suiting rack background layout. (you can actually use add_child on all controls, instead of using the negative margin trick)

3) Overlay a button as a knob. This should, of course, be a class with width, height and position properties that will automatically redraw the button.

3b ) Important: if you're using a button as knob (instead of a click-transparent rack), you need to temporarily disable it for some nano-seconds when it's being clicked. Normally, only racks are transparent to clicks on overlays, but with this trick you can make the button "transparent" for the background slider to catch the click position. PS. This is also the trick needed to drag&drop buttons in a Viewbuilder piano roll.

4) Some maths are needed for inverting, positioning and scaling the knob button.

Guruh Motha Fakka is Levitating and Knows Everything About Renoise Member

Normal Members

1254 posts

Gender:Male

Location:Spain

Posted 18 October 2017 - 18:14

Hi Joule, Thanks!!

From what I see, it seems that any element can be replaced with this method, I suppose. I would need to find some example of a tool that would hold the slider with another image/images. It looks like the slider is made up of 3 elements, the slider button to drag, the image of the background bar and the image of the bar that increases or decreases. I think if I could change the images the rest could do it.

The tool is this:

mode = "normal" mode = "inverse"

The change would be as follows (view right of image): the fourth slider called "D" that visually the black bar is blue, and the blue bar is black (just upside down), leaving the rest as it is. This would be possible? (note: this tool use background bitmaps; the values "FF, EF ... 0F, .." should appear upside down on the "D" slider on the right of the image, "FF" below and ".." above).

The problem I see is that it will break Renoise's skin theme. I'm interested in continuing the theme (colors, contrast...) of Renoise, because the rest of the sliders are original. I'm afraid with this method, I would have to change all the sliders to look like the same tool. It's kind of complicated for me to do all this.

I think I would have no problem with math but yes with the visual GUI.

Anyway, it would be great if the API allowed all sliders to be used upside down, simply using negative values (or something, adding the property, "inverse") and not using overlapping skins. When I started with the sliders, I thought this was possible, following the logic.

---

On the other hand, Renoise has a horizontal Panning slider, whose level is filled to left or right. Is it possible to get that effect with a slider from the API? I mean the visual aspect of the blue bar of my tool when dragging the slider.

Vertical displacement track: In selected_line & selected_line_index --> include _observable (in real time!). This feature is highly demanded and very important to create tools.

In renoise.tool():add_keybinding --> include "key" (or "command" or "assignement") to save a command keyboard (if the command is already in use (or poorly written) do not overwrite!)

In viewbuilder --> Include vertical text and font.color

In viewbuilder --> Include text field with scroll bars (horizontal or vertical) with the possibility of including other types of elements, including images, buttons...

In viewbuilder --> Coordinate control for the window. For example, you can launch the window it in the lower right corner.

In viewbuilder --> Button configurable as a checkbox, to create custom checkboxes.

A specific code to reload tool in load new song.

Complete control, access, read and write of "Active/Bypassed" checkbox to all devices in Automation Editor to correct iterate and clone automation.

Access to the top of the window to include elementes (replace the title or include some button)

Direct sound control without using OSC Server.

Single line playback capability, without moving.

Control of font text size. Boxes adjustable to text.

Review of how to provide documentation. More orderly and accessible. More practical examples of windowed tools.

My Renoise 3.1 wishlist (updated 26 September 2017):

Spoiler

Drastic review of the automation editor!!! Use layers and colors. Improve the creation, copying and dragging of curves.

GUI for high resolutions. Include the use of vector images for icons and others images, not BMP, JPG or PNG.

GUI with higher graphics performance. Some scrolling and dragging windows are not fluent.

Mixer bars somewhat larger and with more accurate meters.

Full Screen Pattern Editor Mode, occupies the full height and width of the entire screen, whitout perimetral bars.

Matrix Editor detachable and with rotation capacity 90º, for bird's eye view on two or more monitors, with adjustable window. Group drag capacity (select several patterns and move them from their place).

Virtual piano under the pattern editor.

Virtual piano with ability to display the name of the notes above the keys.

Virtual piano as editor to write notes in the pattern editor with the mouse.

NEW!!! Use ALT + drag up/down with mouse for transpose the selected notes.

NEW!!! Ability to import the content of the tracks (or pattern-tracks) of other songs, with previous preview.

Different color on the unusable keys of the virtual piano according to keyzones.

New direct access to official "Video Tutorials" in Help Menu (Help/Video Tutorials).

Create a official video tutorial dedicated exclusively to the Phrases editor.

More directories for load VST's in Preferences/Plug/Misc/VST Plugins (...add new directory)

Take advantage of the use of colors to be able to associate elements, for example, the instruments with the tracks.

Classification of instruments within the instrument box. Possibility to drag in group.

Be able to load the same VST instrument from other songs.

A vertical bar in scopes to increase its size in horizontal or desplace.

Enable an lower area to integrate tools. One more tab "Tools" along with the Automation Editor. Detachable tool.

Horizontal comprehensive wave analyzer of the whole song.

Large and accuracy format clock integree in Matrix Editor with the time marker.

Include cloning or "duplicate" in group menu to pattern editor.

Possibility to increase the font text in Scriping Terminal & Editor.

...

Forum dedicated to "Videos" made by the community about Renoise. Videotutorials, songs, demos, etc. only about Renoise.

Guruh Motha Fakka is Levitating and Knows Everything About Renoise Member

Normal Members

1647 posts

Gender:Not Telling

Location:Sweden

Interests:music, philosophy, engineering

Posted 19 October 2017 - 07:29

I don't think it's a good idea dealing with images, for the reason you mentioned. You can get something decent-ish by using just a normal button as knob, and rack layouts as background. It's theoretically possible to build something pixel perfect looking like the skin, but it's really a big waste of time imo.

Guruh Motha Fakka is Levitating and Knows Everything About Renoise Member

Normal Members

1254 posts

Gender:Male

Location:Spain

Posted 20 October 2017 - 01:52

I don't think it's a good idea dealing with images, for the reason you mentioned. You can get something decent-ish by using just a normal button as knob, and rack layouts as background. It's theoretically possible to build something pixel perfect looking like the skin, but it's really a big waste of time imo.

I did not want to complicate it too much. In the end I've done something simpler:

I wanted a kind of marker which visually shows the delay within the row. The slider represents the height of the row which comprises a range between "..", "01" to "FF". When the higher is the delay, the note is reproduced more below. Visually, it is as if the two blue bars push the notes down into the playback.

This resulting is only using the Renoise API without any trick to replace the slider. It's quite curious. It is a pity that the slider and rotary can not be displayed in reverse. As is the catch, I would actually only change the black bar by the blue bar, and it is already possibly with a property called mode = "normal" or "inverted" would be feasible, something like this:

Vertical displacement track: In selected_line & selected_line_index --> include _observable (in real time!). This feature is highly demanded and very important to create tools.

In renoise.tool():add_keybinding --> include "key" (or "command" or "assignement") to save a command keyboard (if the command is already in use (or poorly written) do not overwrite!)

In viewbuilder --> Include vertical text and font.color

In viewbuilder --> Include text field with scroll bars (horizontal or vertical) with the possibility of including other types of elements, including images, buttons...

In viewbuilder --> Coordinate control for the window. For example, you can launch the window it in the lower right corner.

In viewbuilder --> Button configurable as a checkbox, to create custom checkboxes.

A specific code to reload tool in load new song.

Complete control, access, read and write of "Active/Bypassed" checkbox to all devices in Automation Editor to correct iterate and clone automation.

Access to the top of the window to include elementes (replace the title or include some button)

Direct sound control without using OSC Server.

Single line playback capability, without moving.

Control of font text size. Boxes adjustable to text.

Review of how to provide documentation. More orderly and accessible. More practical examples of windowed tools.

My Renoise 3.1 wishlist (updated 26 September 2017):

Spoiler

Drastic review of the automation editor!!! Use layers and colors. Improve the creation, copying and dragging of curves.

GUI for high resolutions. Include the use of vector images for icons and others images, not BMP, JPG or PNG.

GUI with higher graphics performance. Some scrolling and dragging windows are not fluent.

Mixer bars somewhat larger and with more accurate meters.

Full Screen Pattern Editor Mode, occupies the full height and width of the entire screen, whitout perimetral bars.

Matrix Editor detachable and with rotation capacity 90º, for bird's eye view on two or more monitors, with adjustable window. Group drag capacity (select several patterns and move them from their place).

Virtual piano under the pattern editor.

Virtual piano with ability to display the name of the notes above the keys.

Virtual piano as editor to write notes in the pattern editor with the mouse.

NEW!!! Use ALT + drag up/down with mouse for transpose the selected notes.

NEW!!! Ability to import the content of the tracks (or pattern-tracks) of other songs, with previous preview.

Different color on the unusable keys of the virtual piano according to keyzones.

New direct access to official "Video Tutorials" in Help Menu (Help/Video Tutorials).

Create a official video tutorial dedicated exclusively to the Phrases editor.

More directories for load VST's in Preferences/Plug/Misc/VST Plugins (...add new directory)

Take advantage of the use of colors to be able to associate elements, for example, the instruments with the tracks.

Classification of instruments within the instrument box. Possibility to drag in group.

Be able to load the same VST instrument from other songs.

A vertical bar in scopes to increase its size in horizontal or desplace.

Enable an lower area to integrate tools. One more tab "Tools" along with the Automation Editor. Detachable tool.

Horizontal comprehensive wave analyzer of the whole song.

Large and accuracy format clock integree in Matrix Editor with the time marker.

Include cloning or "duplicate" in group menu to pattern editor.

Possibility to increase the font text in Scriping Terminal & Editor.

...

Forum dedicated to "Videos" made by the community about Renoise. Videotutorials, songs, demos, etc. only about Renoise.

Guruh Motha Fakka is Levitating and Knows Everything About Renoise Member

Normal Members

1647 posts

Gender:Not Telling

Location:Sweden

Interests:music, philosophy, engineering

Posted 20 October 2017 - 15:16

I would say, for me, it becomes a bit more visually confusing this way (but I realize that perception is very individual - like synesthesia!). I would go for a left-right perspective as a compromise, making the sliders more intuitive even though they do not match the pattern flow.

Indeed I like your suggestion. Uni-polar sliders have been suggested in the API suggestion thread, but maybe not inverted ones.

Guruh Motha Fakka is Levitating and Knows Everything About Renoise Member

Normal Members

1254 posts

Gender:Male

Location:Spain

Posted 20 October 2017 - 19:34

I would say, for me, it becomes a bit more visually confusing this way (but I realize that perception is very individual - like synesthesia!). I would go for a left-right perspective as a compromise, making the sliders more intuitive even though they do not match the pattern flow.

Indeed I like your suggestion. Uni-polar sliders have been suggested in the API suggestion thread, but maybe not inverted ones.

From what I've seen so far, the current API for the "slider" or mini-slider only runs horizontally to the right or vertical to the up, but width and height do not accept negative values. I think implementing it in the API backwards should not be too costly. It would only reverse the color of the black bar and the blue bar (according to the screenshot) of the slider, and the buttons that always remain in the same place.

Most Renoise controls use the vertical sliders to the up (increases the value) and the horizontal sliders to the right (increases the value), which is the norm to control any value. But with delay, I think it looks more easily if the slider increases the value to the down. Some time ago I was asked if this tool was for touch screens. In the case of handling the delay, delaying the note would involve dragging down, so that it takes longer to reproduce.

Vertical displacement track: In selected_line & selected_line_index --> include _observable (in real time!). This feature is highly demanded and very important to create tools.

In renoise.tool():add_keybinding --> include "key" (or "command" or "assignement") to save a command keyboard (if the command is already in use (or poorly written) do not overwrite!)

In viewbuilder --> Include vertical text and font.color

In viewbuilder --> Include text field with scroll bars (horizontal or vertical) with the possibility of including other types of elements, including images, buttons...

In viewbuilder --> Coordinate control for the window. For example, you can launch the window it in the lower right corner.

In viewbuilder --> Button configurable as a checkbox, to create custom checkboxes.

A specific code to reload tool in load new song.

Complete control, access, read and write of "Active/Bypassed" checkbox to all devices in Automation Editor to correct iterate and clone automation.

Access to the top of the window to include elementes (replace the title or include some button)

Direct sound control without using OSC Server.

Single line playback capability, without moving.

Control of font text size. Boxes adjustable to text.

Review of how to provide documentation. More orderly and accessible. More practical examples of windowed tools.

My Renoise 3.1 wishlist (updated 26 September 2017):

Spoiler

Drastic review of the automation editor!!! Use layers and colors. Improve the creation, copying and dragging of curves.

GUI for high resolutions. Include the use of vector images for icons and others images, not BMP, JPG or PNG.

GUI with higher graphics performance. Some scrolling and dragging windows are not fluent.

Mixer bars somewhat larger and with more accurate meters.

Full Screen Pattern Editor Mode, occupies the full height and width of the entire screen, whitout perimetral bars.

Matrix Editor detachable and with rotation capacity 90º, for bird's eye view on two or more monitors, with adjustable window. Group drag capacity (select several patterns and move them from their place).

Virtual piano under the pattern editor.

Virtual piano with ability to display the name of the notes above the keys.

Virtual piano as editor to write notes in the pattern editor with the mouse.

NEW!!! Use ALT + drag up/down with mouse for transpose the selected notes.

NEW!!! Ability to import the content of the tracks (or pattern-tracks) of other songs, with previous preview.

Different color on the unusable keys of the virtual piano according to keyzones.

New direct access to official "Video Tutorials" in Help Menu (Help/Video Tutorials).

Create a official video tutorial dedicated exclusively to the Phrases editor.

More directories for load VST's in Preferences/Plug/Misc/VST Plugins (...add new directory)

Take advantage of the use of colors to be able to associate elements, for example, the instruments with the tracks.

Classification of instruments within the instrument box. Possibility to drag in group.

Be able to load the same VST instrument from other songs.

A vertical bar in scopes to increase its size in horizontal or desplace.

Enable an lower area to integrate tools. One more tab "Tools" along with the Automation Editor. Detachable tool.

Horizontal comprehensive wave analyzer of the whole song.

Large and accuracy format clock integree in Matrix Editor with the time marker.

Include cloning or "duplicate" in group menu to pattern editor.

Possibility to increase the font text in Scriping Terminal & Editor.

...

Forum dedicated to "Videos" made by the community about Renoise. Videotutorials, songs, demos, etc. only about Renoise.

Vertical displacement track: In selected_line & selected_line_index --> include _observable (in real time!). This feature is highly demanded and very important to create tools.

In renoise.tool():add_keybinding --> include "key" (or "command" or "assignement") to save a command keyboard (if the command is already in use (or poorly written) do not overwrite!)

In viewbuilder --> Include vertical text and font.color

In viewbuilder --> Include text field with scroll bars (horizontal or vertical) with the possibility of including other types of elements, including images, buttons...

In viewbuilder --> Coordinate control for the window. For example, you can launch the window it in the lower right corner.

In viewbuilder --> Button configurable as a checkbox, to create custom checkboxes.

A specific code to reload tool in load new song.

Complete control, access, read and write of "Active/Bypassed" checkbox to all devices in Automation Editor to correct iterate and clone automation.

Access to the top of the window to include elementes (replace the title or include some button)

Direct sound control without using OSC Server.

Single line playback capability, without moving.

Control of font text size. Boxes adjustable to text.

Review of how to provide documentation. More orderly and accessible. More practical examples of windowed tools.

My Renoise 3.1 wishlist (updated 26 September 2017):

Spoiler

Drastic review of the automation editor!!! Use layers and colors. Improve the creation, copying and dragging of curves.

GUI for high resolutions. Include the use of vector images for icons and others images, not BMP, JPG or PNG.

GUI with higher graphics performance. Some scrolling and dragging windows are not fluent.

Mixer bars somewhat larger and with more accurate meters.

Full Screen Pattern Editor Mode, occupies the full height and width of the entire screen, whitout perimetral bars.

Matrix Editor detachable and with rotation capacity 90º, for bird's eye view on two or more monitors, with adjustable window. Group drag capacity (select several patterns and move them from their place).

Virtual piano under the pattern editor.

Virtual piano with ability to display the name of the notes above the keys.

Virtual piano as editor to write notes in the pattern editor with the mouse.

NEW!!! Use ALT + drag up/down with mouse for transpose the selected notes.

NEW!!! Ability to import the content of the tracks (or pattern-tracks) of other songs, with previous preview.

Different color on the unusable keys of the virtual piano according to keyzones.

New direct access to official "Video Tutorials" in Help Menu (Help/Video Tutorials).

Create a official video tutorial dedicated exclusively to the Phrases editor.

More directories for load VST's in Preferences/Plug/Misc/VST Plugins (...add new directory)

Take advantage of the use of colors to be able to associate elements, for example, the instruments with the tracks.

Classification of instruments within the instrument box. Possibility to drag in group.

Be able to load the same VST instrument from other songs.

A vertical bar in scopes to increase its size in horizontal or desplace.

Enable an lower area to integrate tools. One more tab "Tools" along with the Automation Editor. Detachable tool.

Horizontal comprehensive wave analyzer of the whole song.

Large and accuracy format clock integree in Matrix Editor with the time marker.

Include cloning or "duplicate" in group menu to pattern editor.

Possibility to increase the font text in Scriping Terminal & Editor.

...

Forum dedicated to "Videos" made by the community about Renoise. Videotutorials, songs, demos, etc. only about Renoise.