Just for fun and a little more

Fourier transform, Beethoven’s music and BJS are a great combination of ingenious things! Relax and have fun.
Based on motives Coding Crusader's - #208 by CodingCrusader
Hats off to talent @CodingCrusader

6 Likes

Thank you! :slight_smile:

I like your musical choice of Beethoven.

With BABYLON.Analyzer you can call up the frequency of a sound and thus orient the movements of the animation to the music.

1 Like

Thanks for the link, great idea!

Very cool! :smiling_face_with_sunglasses:

I know to start playing the music you need to interact with the page like click anywhere. Which in turn adds this blue frame around the canvas. I was able to get rid of this just by adding these in my index.html file:


    <style>
      html, body {
        margin: 0;
        padding: 0;
        overflow: hidden; 
        width: 100%;
        height: 100%;
        
      }
      #app {
        width: 100%;
        height: 100%;
        display: flex; 
        justify-content: center;
        align-items: center;
      }
      canvas {
        width: 100% !important;
        height: 100% !important;
        display: block;
      }
      
    </style>
  </head>

I know this is probably trivial for most, but for me the apps feel way more immersive when there isn’t this blue frame around the page.

1 Like

Thank you. I followed your advice.

epicycles
A million ideas for your company’s logo with epicycles.
en.wikipedia.orgDeferent and epicycle - Wikipedia
I wanted to do such a thing - Javis v0.3: How to animate a Fourier series
But I don’t understand how to calculate the necessary coefficients :face_with_peeking_eye:
Maybe someone is intimately familiar with the Fourier transform, or does someone have a link to a clear explanation of calculating radii, velocity, and phase shift?

1 Like


circle draws
Drawing by dots.

1 Like


poor taste
The installation in a bad taste.


The liquid skull
node material | Babylon.js Playground

In the pouring rain of paint | Babylon.js Playground

5 Likes

Cool! It was somewhat reminiscent of the Akatsuki scene from Naruto. It would be cool to make the same vertical glitch effect…

Although it takes a very long time to load, at least you would have added a timer, otherwise I thought it would hang…

2 Likes


There’s only the model and the node material. It should load quickly.


It’s easy to fix for a vertical glitch. if I understood correctly, of course.
liquid node material | Babylon.js Playground

Now it looks like someone is sucking the soul out of the body into space, but it still doesn’t look like the effect from the Akatsuki scene, where it’s multicolored radiation and you have a monochrome tone, and besides, there’s horizontal radiation and not vertical… The scene is more suitable for a scene in some other world, as if I descend into its depths, and the deeper I sink, the more I thin out…

1495897070_tumblr_mg9mz5fpGk1s2wh8eo1_500

1 Like

light panel
If you make the right holes in the panel, you can draw any picture with light. I’m going to produce the light panels. Who’s in business with me? :upside_down_face:

Its called LED screen.
hehe.
Best. Werner

2 Likes

Bro, you don’t understand. I don’t need any computers for my screen and the energy is spent only on the backlight. However, it will only show one picture. :face_with_peeking_eye:

1 Like