Cursor Animation!

[BrandonKirbyson]

Cursor Animation

I added a clean cursor animation based off this.

Settings

The cursor animation can be toggled of course but also has a few more specific settings that live update.

Setting	Description	Options
Color	The color of the cursor animation	Hex or RGB color as string
Style	The type of animation to use for the cursor.	Block, Line
TrailLength	The length of the trail behind the cursor.	Number

[Seng-Jik]

But how to enable this animation?

I was checked Animations: Cursor Animation already, but it has no animation on my editor.

[Seng-Jik]

No, it not fixed.

1686290427500.mp4

[BrandonKirbyson]

Ok, maybe just try uninstalling and reinstalling the extension. Your settings are saved in settings.json so its worth a try.

If you have custom css make sure to save that somewhere else because that will be reset.

Also, you just sent audio and not a video.

[Seng-Jik]

I tried reinstall the Visual Studio Code and extension, but it still not fixed.
That video may need to be downloaded and played using a local media player.

   "vscode_custom_css.imports": [
      "file://C:\\Users\\85397\\.vscode\\extensions\\coltwillcox.synthwave-x-fluoromachine-contrast-1.0.1\\synthwave-x-fluoromachine.css",
      "file://C:\\Users\\85397\\.vscode\\extensions\\coltwillcox.synthwave-x-fluoromachine-contrast-1.0.1\\logo.css",
      "file://C:\\Users\\85397\\.vscode\\extensions\\coltwillcox.synthwave-x-fluoromachine-contrast-1.0.1\\epic-80s-transitions.css",
      "file://c:\\Users\\85397\\.vscode\\extensions\\brandonkirbyson.vscode-animations-1.0.9/dist/updateHandler.js"
    ],
    "animations.Durations": {
        "Command-Palette": 200,
        "Tabs": 200,
        "Active": 200,
        "Scrolling": 200,
        "Smooth-Mode": 200
    },
    "animations.Enabled": true,
    "animations.Custom-CSS": false,
    "animations.CursorAnimationOptions": {
        "TrailLength": 100
    },
    "animations.CursorAnimation": true,
    "editor.cursorBlinking": "solid",
    "editor.cursorStyle": "block",
    "editor.cursorSmoothCaretAnimation": "on"

and https://github.com/qwreey75/dotfiles/tree/master/vscode/trailCursorEffect is not work on my machine too.

[BrandonKirbyson]

Ok sorry, I downloaded the video and it worked.

First off, do you have an animations when opening a new tab, try by just going ctrl + n. If not, then there might be an error on my part for getting the filepath on windows.

Secondly, you want to set TrailLength to something like 8, try setting it to the default 8. I will add a more realistic maximum to that setting in the next version.

Lastly, given you have synthwave which has custom css also, that could have possible conflicts. Although, I installed it myself and it still worked so thats just a hunch. Maybe just try disabling that theme just to try.

Try these and let me know if either work. Thank you for helping fix this issue.

[Seng-Jik]

I tried to enable minimap, and cursor animation worked, see issue #12 .
Thank you!