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! 
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! 
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 
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
1 Like
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
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…
1 Like