Как кто-то даже начинает кодировать что-то подобное?Какие идеи / мысли стоят за этим? - PullRequest
0 голосов
/ 09 февраля 2012

Я недавно наткнулся на этот сайт на http://nkwiatek.com/, и он просто взорвал мой разум.Как кто-то начинает программировать что-то подобное эффекту дыма / жидкости?Еще одна вещь, которую я даже не могу осмыслить, это визуализатор для музыкальной программы.

У меня только два года опыта программирования на моей спине, но я верю, что могу видеть (ну, по крайней мере, я думаю, что яможет) смутные идеи, лежащие в основе кода, который входит в различные программы и что эти программы требуют.Тем не менее, программы, которые создают абстрактные визуальные визуализации (из-за отсутствия лучших слов), такие как сайт, на который я ссылался, или визуализаторы, полностью сбивают меня с толку, когда я пытаюсь думать о том, как что-то подобное делается.

ответ, я ищу довольно высокоуровневое определение программы, но достаточно низкое, чтобы оно включало концепции и идеи кодирования, которые я могу продолжить исследовать.Поскольку этот вопрос не настолько «конкретен», как некоторые другие вопросы на этом сайте, соответствующий ответ может включать в себя:

  • Процесс мышления кодера (то, что вы представляете себе, происходит в абстрактном визуальномкод / ​​определение кода высокого уровня)
  • API
  • Psuedocode
  • Исходный код
  • Ссылки на контент, объясняющий темы, подобные этому

Тем не менее, это всего лишь рекомендации к тому типу ответа, который я ищу.Просто имейте в виду, меня интересует не только этот сайт, а скорее идеи и концепции кодирования, стоящие за абстрактными визуальными программами.Я надеюсь, что понял, что меня смущает / интересует. Я с удовольствием уточню, есть ли у кого-то вопросы по поводу того, что я спрашиваю.Заранее благодарю за ваши ответы!

Редактировать: Для дальнейшего определения идей, которые меня интересуют, вот статья об интересном визуальном рендеринге: http://www.iquilezles.org/www/articles/warp/warp.htm

Ответы [ 2 ]

1 голос
/ 09 февраля 2012

Для примера с nkwiatek.com я бы начал так:

  • Создайте некоторую функцию JavaScript, которая заставляет символы следовать за мышью.Например, сначала это может быть простая форма:
OOO
 OOOOO
 OOOOO
  OOO
  • Как только это сработает, оставьте след и сохраните ссылку на каждый символ, который былдобавлен на экран (потребуется позже)

  • Теперь сделайте каждый сгенерированный символ полуслучайным и используйте ранее упомянутую ссылку для постоянного обновления символов на экране.Чем дальше персонаж от мыши, тем меньше он должен выглядеть.т. е. символы рядом с мышью могут быть «большими», как AMHIJKL, и т. д. символы, находящиеся дальше, могут быть меньше, как - ~ =, и т. д., и т. д. для наиболее отдаленных.

Это уже должно сделать хорошую анимацию.После этого я думаю, что есть какая-то функция, которая заставляет все двигаться в виде волны.Кажется, это основано на скорости мыши.Возможно, есть какой-то исследовательский документ о том, как создать такой эффект.

0 голосов
/ 28 апреля 2012

Это один удивительный фон.

Как начать? Перейдите на веб-страницу и нажмите Ctrl + U. Это Javascript, поэтому источник прямо здесь. Из этого ... учиться. Код парня выглядит довольно ясно, но, конечно, то, что он ДЕЛАЕТ, сложно, поэтому это займет некоторое время. Я думаю, хорошо проведенное время.

Высокоуровневые вещи вроде того, о чем думал парень ... вы узнаете об этом после изучения кода.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...