Dynamic-Island-Sketchybar icon indicating copy to clipboard operation
Dynamic-Island-Sketchybar copied to clipboard

Error with volume and brightness changing

Open SmartGecko44 opened this issue 1 year ago • 1 comments

I am on a MBA 15" 2023 running MacOS Sonoma. When changing the volume or the brightness, the notch doesn't display the volume bar nor the brightness bar. Changing the volume throws this error in the terminal:

volume 38 /Users/me/.config/dynamic-island-sketchybar/process.sh: line 14: 91516 Terminated: 15 bash "$ISLAND_DIR/volume/volume_island.sh" "$OVERRIDE|$ARGS" /Users/me/.config/dynamic-island-sketchybar/scripts/islands/volume/volume_island.sh: line 57: printf: 46.36000000000000000000: invalid number

Changing the brightness throws this error:

brightness 25 /Users/me/.config/dynamic-island-sketchybar/process.sh: line 14: 92635 Terminated: 15 bash "$ISLAND_DIR/brightness/brightness_island.sh" "$OVERRIDE|$ARGS" /Users/me/.config/dynamic-island-sketchybar/scripts/islands/brightness/brightness_island.sh: line 53: printf: 60.00000000000000000000: invalid number

SmartGecko44 avatar Oct 20 '23 16:10 SmartGecko44

Hi, you could do something like this: 1.) Create a new dom-element for implementing scrolling, ex.:

Scroll on me

2.) Then tell this element to scroll when the user hovers it: var timer = false;

$('.fix').on('mouseenter', function(e) {
    timer = window.setInterval(function() {
    var scrollTop = $('html, body').scrollTop() + 20;
    console.log(scrollTop);
    $('html, body').animate({'scrollTop': scrollTop}, 0);
    }, 30);
}).on('mouseleave', function(e) {
    window.clearInterval(timer);
});

You can extend this example by implementing check if the user reached the end of the page, or, if you want two arrows, one for up and one for down, add a direction flag variable.

Let me know if this did it or you need more help! Best regards

pixxelfactory avatar Sep 12 '14 09:09 pixxelfactory

Hey thank you, I'll check the code.

However I would like to make a few notes on features request.

  1. Let users to create scenes wrapped inside stage Div.
  2. In each scene, we can animate parallax elements with background images.
  3. Users can use background parallax as you showed in the example files, unless there are no elements in a scene to be animated.
  4. animations frame works like Animo.js or http://ricostacruz.com/jquery.transit/ to build custom animations.

Onscroll if the object is in view-port addClass animate to animate particular element. (user can write their own csss animations).

<div class="fly-left">this is user defined element </div>

When it's in view-port add class to animate it.

<div class="animate fly-left">object animated </div>

example:

<div id="stage"> <div class="scene0"> <div class="bg-scene1> <img src="example1.jpg" data-speed="1000" data-name="scroll"> <img src="example2.jpg" data-speed="1000" data-name="scroll"> </div> <div class="contents"> <h2>Some text contents to scroll over bg-scene1 parallax</h2> </div> </div>

<div class="scene1"> <div class="bg-scene1> <mg src="example1.jpg" data-speed="1000" data-name="scroll"> <img src="example2.jpg" data-speed="1000" data-name="scroll"> </div> <div class="contents"> <h2>Some text contents to scroll over bg-scene1 parallax</h2> </div> </div>

I hope these options will be useful and make jInvert a complete framework for HoriztParallax.

Randore avatar Sep 13 '14 05:09 Randore

we should have function like onScroll scene-complete(), onSceneLoad(), onSceneCompletion() so on

Randore avatar Sep 13 '14 05:09 Randore

Hi, thanks for your opinion and suggestions, the first thing however will be to implement the dynamic menu (to let users jump automatically to a certain slide without having to set the waypoints manually) =) Regards

pixxelfactory avatar Sep 19 '14 07:09 pixxelfactory

How to enable smooth scroll across all the browsers? The script has little lag while scrolling the page using mouse and the page doesn't look like smooth scroll enabled.

nag-uf avatar Sep 26 '14 07:09 nag-uf

I've seen smooth scrolling in other scripts done with css3 + js-delay, so that you scroll down with the mouse and afterwards it starts scrolling via css-transitions, but it is quite laggy, obviously also smoother. In wich browser on wich Os have you seen noticable lags?

pixxelfactory avatar Sep 26 '14 13:09 pixxelfactory

I observed it on Windows7 OS, google chrome browser. I will check it with css3 + js-delay. Thanks

nag-uf avatar Sep 26 '14 15:09 nag-uf