Где можно было бы начать учиться создавать программы визуализатора?

Question

У меня возникли проблемы с пониманием того, что для Google для учебных пособий или книг.

Вот некоторые примеры чего-то в области того, что я хотел бы сделать:

http://www.chromeexperiments.com/detail/voronoi-experiment/

http://www.chromeexperiments.com/detail/plane-deformations/

http://jsdo.it/clockmaker/particle

Я бы в идеале хотели бы построить их в JavaScript. Поэтому я понимаю, что этот вопрос довольно расплывчатый, но ответ может быть тоже. Я просто хочу понять, какие темы, связанные с математикой, изучаются, или если есть какие-то книги по «визуальному программированию», которые я должен прочитать. (Я не имею в виду визуальное программирование, как в программировании ... ну, визуально, а не через текст, больше вопросов, связанных с созданием фигур и шаблонов программным путем.)

Любая помощь будет оценена, и я могу уточнить Если вы хотели бы.

EDIT: Только что нашел это:

http://wonderfl.net/c/x9a3

Так здорово. С другой стороны, я работал с Flash и, как результат, as3 за последний год. Поэтому я привык работать с изображениями, которые я уже создал. Я совершенно незнакома с созданием форм и паттернов с чистым программированием.

Answer 1

Возможно, вас заинтересует Processing. Это далеко не полный ответ на ваш вопрос, но он даст вам полезную информацию. На странице магазина своего сайта содержатся подробные сведения о книгах, которые могут вас заинтересовать,

Answer 2

Приятный список прохладных визуальных эффектов!

Другое замечательное место для поиска примеров (не учебник) - Shader Toy, в котором используются шейдеры GLSL через WebGL, под Javascript. Обратите внимание, что для того, чтобы WebGL работал в браузере, вам нужен very new browser.

Если вы заинтересованы в шейдерах, которые вы, вероятно, хотите, если хотите визуализировать в реальном времени, есть several good tutorials.

Edit: Я хотел бы добавить, что если вы просто хотите, чтобы получить начала, вам не нужно ускорение графики (например, GLSL); это, вероятно, сложнее, чем вам нужно, и вы теряете переносимость (до тех пор, пока WebGL не превратит ее в более распространенные версии браузера). Очевидно, вы можете сделать довольно хорошо только с холстом HTML 5 (как в process.js, так и в тех экспериментах в Chrome). Имея в виду, что холст HTML 5, хотя и более распространенный, чем WebGL, равен not ubiquitous among web surfers (46% в мае).