[GH-ISSUE #441] [Feature request] Recorder guidelines #363

Closed
opened 2026-02-26 09:31:09 +03:00 by kerem · 12 comments
Owner

Originally created by @zalmanlew on GitHub (Jan 22, 2019).
Original GitHub issue: https://github.com/NickeManarin/ScreenToGif/issues/441

I sometimes need to record and get it (somewhat) aligned, it'd be nice if there were guides which can be toggled on/off.

Originally created by @zalmanlew on GitHub (Jan 22, 2019). Original GitHub issue: https://github.com/NickeManarin/ScreenToGif/issues/441 I sometimes need to record and get it (somewhat) aligned, it'd be nice if there were guides which can be toggled on/off.
kerem 2026-02-26 09:31:09 +03:00
Author
Owner

@vatterspun commented on GitHub (Jan 24, 2019):

Guides? Like dotted lines that show up on the screen in the center?

Can you show an example from a similar program?

<!-- gh-comment-id:457049719 --> @vatterspun commented on GitHub (Jan 24, 2019): Guides? Like dotted lines that show up on the screen in the center? Can you show an example from a similar program?
Author
Owner

@zalmanlew commented on GitHub (Jan 24, 2019):

I don't know of a particular program, just think it would be nice. I will draw up a mockup and post here.

Something similar to this (the guides - just found this image on google)

after effects guides

<!-- gh-comment-id:457050926 --> @zalmanlew commented on GitHub (Jan 24, 2019): I don't know of a particular program, just think it would be nice. I will draw up a mockup and post here. Something similar to this (the guides - just found this image on google) ![after effects guides](https://i.stack.imgur.com/y50j6.jpg)
Author
Owner

@vatterspun commented on GitHub (Jan 26, 2019):

Oh yeah that makes sense. Especially if you wanted to create a specific recording for a specific screensize. Good suggestion.

<!-- gh-comment-id:457858966 --> @vatterspun commented on GitHub (Jan 26, 2019): Oh yeah that makes sense. Especially if you wanted to create a specific recording for a specific screensize. Good suggestion.
Author
Owner

@vatterspun commented on GitHub (Jan 26, 2019):

I don't know if this is what you had in mind to implement, but here's something I pictured:

image

... basically adding a drop-down menu next to the XY coordinates with some standard sizes.


EDIT: this didn't take long to mock up so if this is a dumb idea, please ignore.

<!-- gh-comment-id:457859228 --> @vatterspun commented on GitHub (Jan 26, 2019): I don't know if this is what you had in mind to implement, but here's something I pictured: ![image](https://user-images.githubusercontent.com/1289134/51791910-0a0a1f00-2170-11e9-83f4-2f62a2983e76.png) ... basically adding a drop-down menu next to the XY coordinates with some standard sizes. --- EDIT: this didn't take long to mock up so if this is a dumb idea, please ignore.
Author
Owner

@zalmanlew commented on GitHub (Jan 27, 2019):

I was specifically thinking about the markings on the center points (x, y). Maybe there can be an option for rule of third guides too.

<!-- gh-comment-id:457879276 --> @zalmanlew commented on GitHub (Jan 27, 2019): I was specifically thinking about the markings on the center points (x, y). Maybe there can be an option for rule of third guides too.
Author
Owner

@NickeManarin commented on GitHub (Aug 17, 2020):

For this feature work "properly", it can't be enabled during recording, since the screen recorder would capture it.

Would it be still useful it could only be enabled when the recorder was not capturing anything?

<!-- gh-comment-id:674975696 --> @NickeManarin commented on GitHub (Aug 17, 2020): For this feature work "properly", it can't be enabled during recording, since the screen recorder would capture it. Would it be still useful it could only be enabled when the recorder was not capturing anything?
Author
Owner

@zalmanlew commented on GitHub (Aug 17, 2020):

@NickeManarin basically, it could be enabled before you start recording, but then when the recording starts they get hidden?

I think that could work, considering that generally, I don't think folks move around the recording box much.

<!-- gh-comment-id:675070501 --> @zalmanlew commented on GitHub (Aug 17, 2020): @NickeManarin basically, it could be enabled before you start recording, but then when the recording starts they get hidden? I think that could work, considering that generally, I don't think folks move around the recording box much.
Author
Owner

@manuelgarciaph commented on GitHub (Aug 20, 2020):

I'm looking for the same feature as I only record a specific screen size and I have to record from its center. So, up for this!

<!-- gh-comment-id:677753889 --> @manuelgarciaph commented on GitHub (Aug 20, 2020): I'm looking for the same feature as I only record a specific screen size and I have to record from its center. So, up for this!
Author
Owner

@NickeManarin commented on GitHub (Aug 21, 2020):

How about a rule of thirds combined with a crosshair?
The color of the line will be configurable.

image

Maybe let the user select just one or the other too?

image

Same can be applied to the older recorder, in this case displaying full size crosshair.

<!-- gh-comment-id:678398653 --> @NickeManarin commented on GitHub (Aug 21, 2020): How about a rule of thirds combined with a crosshair? The color of the line will be configurable. ![image](https://user-images.githubusercontent.com/14798947/90917032-797dda00-e3b8-11ea-9446-ad1902dfb8f8.png) Maybe let the user select just one or the other too? ![image](https://user-images.githubusercontent.com/14798947/90917298-ff018a00-e3b8-11ea-8d6f-40eca3545716.png) Same can be applied to the older recorder, in this case displaying full size crosshair.
Author
Owner

@zalmanlew commented on GitHub (Aug 21, 2020):

This is a good idea, I think the user can choose between thirds, crosshairs or both.

I think its it's better dlfor the he crosshairs to be full height/width though.

Also, if it can allow the color/opacity to be configurable and possibly even dashed that would make it really awesome!

<!-- gh-comment-id:678402683 --> @zalmanlew commented on GitHub (Aug 21, 2020): This is a good idea, I think the user can choose between thirds, crosshairs or both. I think its it's better dlfor the he crosshairs to be full height/width though. Also, if it can allow the color/opacity to be configurable and possibly even dashed that would make it really awesome!
Author
Owner

@NickeManarin commented on GitHub (Aug 21, 2020):

image

image

image

Right, I just need to design how to present this option to the user.

<!-- gh-comment-id:678404353 --> @NickeManarin commented on GitHub (Aug 21, 2020): ![image](https://user-images.githubusercontent.com/14798947/90918125-83084180-e3ba-11ea-886f-196cca8e2461.png) ![image](https://user-images.githubusercontent.com/14798947/90918185-99ae9880-e3ba-11ea-888b-aa13b6ebe904.png) ![image](https://user-images.githubusercontent.com/14798947/90918239-ad59ff00-e3ba-11ea-87ea-63d70af3a773.png) Right, I just need to design how to present this option to the user.
Author
Owner

@NickeManarin commented on GitHub (Aug 22, 2020):

Done.

image

Transparency can be controlled by adjusting the color alpha.


Dashes are controlled via a dash-gap numbering system:

Thirds
1 0

  • 1px as the size of the first dash.
  • 0px as the size of the first gap.

(repeat)


Crosshair:
5 1 10

  • 5px as the size of the first dash.
  • 1px as the size of the first gap.
  • 10px as the size of the second dash.

(returns to start, but now inverted)

  • 5px as the size of the second gap.
  • 1px as the size of the third dash.
  • 10px as the size of the third gap.

(repeat)


This is the result:

image

<!-- gh-comment-id:678582336 --> @NickeManarin commented on GitHub (Aug 22, 2020): Done. ![image](https://user-images.githubusercontent.com/14798947/90946439-21b89080-e403-11ea-8331-97ff9154b366.png) Transparency can be controlled by adjusting the color alpha. ------------------ Dashes are controlled via a dash-gap numbering system: > Thirds > 1 0 - 1px as the size of the first dash. - 0px as the size of the first gap. _(repeat)_ ------------------- > Crosshair: > 5 1 10 - 5px as the size of the first dash. - 1px as the size of the first gap. - 10px as the size of the second dash. _(returns to start, but now inverted)_ - 5px as the size of the second gap. - 1px as the size of the third dash. - 10px as the size of the third gap. _(repeat)_ --------------------- This is the result: ![image](https://user-images.githubusercontent.com/14798947/90946792-b1ac0980-e406-11ea-8096-a4afa42e24b7.png)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/ScreenToGif#363
No description provided.