Skip to content

Added background reaction and more #7

Description

@OBLVIION

I've made some changes to your audio-visualizer.

I wanted to add some reactivity to the background, so I needed to change the HTML file, add some lines of code to the main.js file, and some custom settings to the livelyproperties file.

Overall additions and changes:

  • Background
  • Shake, Tilt, Pulse, Blur reaction to the background
  • Added these settings to lively so we can change them
  • Stars react to the sound as well (velocity and opacity)
  • Added a simple border to increment
  • I don't have enough experience in development yet, so the code may not be perfect. But it is heavily commented, mostly in the changes I've made.
  • LivelyProperties.json file uses my custom settings for the visualizer!

I would love it if it were implemented in the visualizer officially, but there may be some issues that need to be addressed and fixed. If so, feel free to upgrade what is needed.

Thanks for providing the code for the project.
Hope you're all doing great!

Original project by @elias123tre
Song name: For This You Were Born - UNSECRET

audio_visualizer.background_reaction.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions