From 25001d5b39cec25c0f20a8b597dcb81944ed9f53 Mon Sep 17 00:00:00 2001 From: upgradeQ <18361586+upgradeQ@users.noreply.github.com> Date: Fri, 11 Jun 2021 01:09:41 +0300 Subject: [PATCH] Add web rendered trail,remove crop --- README.md | 31 +- cursor_effects_ported/buble.html | 18 + .../cursor-effects-master/src/bubbleCursor.js | 150 ++++++++ .../cursor-effects-master/src/emojiCursor.js | 191 ++++++++++ .../src/fairyDustCursor.js | 188 ++++++++++ .../cursor-effects-master/src/ghostCursor.js | 131 +++++++ .../src/snowflakeCursor.js | 182 ++++++++++ .../src/springyEmojiCursor.js | 241 +++++++++++++ cursor_effects_ported/elastic_emoji.html | 18 + cursor_effects_ported/emoji.html | 18 + cursor_effects_ported/fairy.html | 18 + cursor_effects_ported/ghost.html | 18 + cursor_effects_ported/snowflakes.html | 18 + mouse_skin_obs.py | 327 ++++++++++++------ 14 files changed, 1427 insertions(+), 122 deletions(-) create mode 100644 cursor_effects_ported/buble.html create mode 100644 cursor_effects_ported/cursor-effects-master/src/bubbleCursor.js create mode 100644 cursor_effects_ported/cursor-effects-master/src/emojiCursor.js create mode 100644 cursor_effects_ported/cursor-effects-master/src/fairyDustCursor.js create mode 100644 cursor_effects_ported/cursor-effects-master/src/ghostCursor.js create mode 100644 cursor_effects_ported/cursor-effects-master/src/snowflakeCursor.js create mode 100644 cursor_effects_ported/cursor-effects-master/src/springyEmojiCursor.js create mode 100644 cursor_effects_ported/elastic_emoji.html create mode 100644 cursor_effects_ported/emoji.html create mode 100644 cursor_effects_ported/fairy.html create mode 100644 cursor_effects_ported/ghost.html create mode 100644 cursor_effects_ported/snowflakes.html diff --git a/README.md b/README.md index 3ad03b0..cf2cabf 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,3 @@ -Fork by 3_4_700, original by upgradeQ -The main purpose of this fork is to be able to make a precise custom cursor, like a handdrawn arm holding a pen for artists - # OBS Studio Cursor skin Selected source will follow mouse pointer. Using [`obs_sceneitem_set_pos`](https://obsproject.com/docs/reference-scenes.html#c.obs_sceneitem_set_pos) @@ -11,16 +8,15 @@ Using [`obs_sceneitem_set_pos`](https://obsproject.com/docs/reference-scenes.htm # Limitations - Multiple monitors setup will not work . - If used in fullscreen apps, offset will appear. -- Current code only works for 1920x1080 res # Usage - Create a _source_ with desired cursor(e.g Image source or Media source). - In scripts select _that_ source name. -- Make a group, add Display Capture, Window Capture +- Make a group, add Display Capture, Window Capture. ![img](https://i.imgur.com/CHuLwmp.png) - To crop, crop the _group_, the size should still have the same ratio as your monitor even if you scale it -- To set offset/calibrate, use the Display Capture to see mouse and adjust it at Scripts (or use Tab/Shift+tab to navigate if in Window Capture to not move mouse). You have to do this every time you change the Group scale/move the Group +- To set offset/calibrate, use the Display Capture to see mouse and adjust it at Scripts (or use Tab/Shift+tab to navigate, if in Window Capture, to not move mouse). You have to do this every time you change the Group scale/move it ![img](https://user-images.githubusercontent.com/66927691/121442471-56133280-c9be-11eb-9bb4-ad12b2e4ebfb.jpg) @@ -28,14 +24,11 @@ Using [`obs_sceneitem_set_pos`](https://obsproject.com/docs/reference-scenes.htm - Test it: press Start, press Stop, tweak refresh rate. -# Crop auto update -Zoom or higlight. -- Create 2 display captures. -- Create crop filter with this name: `cropXY`. -- Check relative. -- Set Width and Height to relatively small numbers e.g : 64x64 . -- Image mask blend + color correction might be an option too. -- Run script,select this source as cursor source , check Update crop, click start. + +# Web rendered mouse cursor trails +- Add browser source with mouse tracking local or online web page. +- Make sure to set resolution as your monitor (base) +- Fill all entries, check `Use browser source` # Zoom > Have you ever needed to zoom in on your screen to show some fine detail work, @@ -53,6 +46,16 @@ They all have some level of transparency. ![img](https://i.imgur.com/8qoRU3i.png) - green circle ![Imgur](https://i.imgur.com/s3jvZP5.png) + +# On the Roadmap +- Visual indicator of mouse up/down state. +- Lua based shaders rendering (on mouse up, down, trail, etc...) +- Custom web page rendering (on mouse up, down, trail, etc...) + +# Acknowledgments +- [`3_4_700`](https://github.com/34700) added offsets functionality for precise custom cursor(like a hand drawn arm holding a pen for artists) +- [`tholman/cursor-effects`](https://github.com/tholman/cursor-effects) - stock cursor trails + # Contribute [Forks](https://help.github.com/articles/fork-a-repo) are a great way to contribute to a repository. After forking a repository, you can send the original author a [pull request](https://help.github.com/articles/using-pull-requests) diff --git a/cursor_effects_ported/buble.html b/cursor_effects_ported/buble.html new file mode 100644 index 0000000..b665844 --- /dev/null +++ b/cursor_effects_ported/buble.html @@ -0,0 +1,18 @@ + + +
+ +