14
  1. Есть фигуры Хладни. В зависимости от частоты звука получаются фигуры из песка, соли и т.д. А. Фигуры Хладни ч.1 Б. Фигуры Хладни ч.2
  2. Как получить общую формулу для нахождения формы фигуры соли (песка) в зависимости от звука?
  • Могёте помочь?

рисунок ниже, "Фигуры Хладни"

11
  • 4
  • 1
    - Давайте сюда пишите, ребят, я знаком с правилами (если есть вопрос на англ. то напишите о нем на русском stackoverflow. см. Правила сайта), нужна формула, на javascript.Заранее благодарен. 17 мар 2020 в 9:33
  • 2
    Не, это не так работает. Ваш вопрос по сути разбивается на 2: 1) найти формулу. 2) записать ее на JavaScript. К этому сайту имеет отношение только вторая часть. А за первой Вас вполне справедливо отправили на physics.SE.
    – Yaant
    17 мар 2020 в 9:41
  • 1
    shadertoy.com/view/WdKXRV 17 мар 2020 в 9:54
  • А какой параметр отвечает за частоту Звука, мой сердешный друг, @Stranger in the Q. Можно ли так получить такие же картинки как на картинке и видео? 17 мар 2020 в 9:59

1 ответ 1

14
+500

Вот, пожалуйста, позаимствовал шейдер c (shadertoy), у меня для этого есть своя мини библиотека:

let rgba = new RGBA(`

  const float PI = 3.14159265;
  vec2 p = (2.0 * gl_FragCoord.xy - resolution.xy) / resolution.y;

  vec4 s1 = vec4(1.0, 1.0, 1.0, 1.0);
  vec4 s2 = vec4(-4.0, 4.0, 1.0, 4.6);

  float a = mix(s1.x, s2.x, xy.x);
  float b = mix(s1.y, s2.y, xy.x);
  float n = mix(s1.z, s2.z, xy.y);
  float m = mix(s1.w, s2.w, xy.y);

  float amp = a * sin(PI*n*p.x) * sin(PI*m*p.y) + b * sin(PI*m*p.x) * sin(PI*n*p.y);
  float col = 1.0 - smoothstep(abs(amp), 0.0, 0.1);
  gl_FragColor = vec4(vec3(col), 1.0);

`, {uniforms: {xy: '2f'}});

addEventListener('mousemove', e => rgba.xy([e.x/innerWidth,e.y/innerHeight]))
<script src="https://raw.githack.com/strangerintheq/rgba/0.0.1/src/rgba.js"></script>

http://paulbourke.net/geometry/chladni/

https://thelig.ht/chladni/

25
  • Это не все! Мой дорогой друг!!! Есть еще кое-что: я недавно годиков так 10 назад занимался еще одним серьезным вопросом, когда писал дипломную. Тогда все и началось. Заяц ,мать его, он, мать его, убьет нас, мать его.Есть еще один интрестинг вопрос, который я хотел бы освятить, - про орбитали планет и мои любимые графики функций. (скоро напишу вопрос с ответом: дело было в Сочи) youtube.com/watch?reload=9&v=sHsyuLs0D5o 17 мар 2020 в 19:53
  • 1
    @OPTIMUSPRIME это не javascript, это glsl, язык шейдеров, там есть такой тип :) 18 мар 2020 в 7:00
  • 1
    @OPTIMUSPRIME этот код, будет выполнен для каждого пикселя канвы, он возвращает цвет этого пикселя(gl_FragColor). На входе : gl_FragCoord - координаты пикселя, это встроенная в glsl переменная, resolution - размер канвы (эту переменную я сам устанавливаю в библиотеке) 18 мар 2020 в 7:07
  • 1
    @OPTIMUSPRIME эта большая строка на входе не весь шейдер, а его тело, без некоторых переменных, полный код собирается конкатенацией перед компиляцией gpu программы. Загляните внутрь, в этой либе кода - 100 строк наберется, правда там ни строчки комментов :) 18 мар 2020 в 7:12
  • 2
    @StrangerintheQ Вау!!! После такого вообще задумываешься, а тем ли я вообще занимаюсь ))) Восхищаюсь Вашими работами!
    – Denis640Kb
    25 мар 2020 в 22:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.