Как задать искревление объекта в CSS or JQuery в определенных точках?

Question

[Игорь]

типа такого.

width изменяется не на всю площадь а в определенных точках.
думаю в сторону канваса смотреть что ли.

Есть же какие то шаблоны модельного искривления объектов?
как гуглить...

можно мануал на такую тему.спасибо

Comments

[riot26]

подписался на вопрос, жду ответ с кучей математики :)

Answer 1

[vissargo]

Canvas. Bitmap'у рисовать сеткой из треугольников, для каждого узла свой "вес" (зависит от задачи). Отследить точку касания и при перемещении курсора изменять координаты узлов сетки(вес как раз для этого), на enterframe перерисовывать битмапу по треугольникам.
Важно! Просто так drawtriangle, "с наскоку" не сделать. Посмотрите как это сделано в treejs(рендер в канвас),
Давненько что-то отдаленное я делал https://github.com/vissargo/Morphjs
По крайней мере возьмите от туда drawtriangles

Comments

[Dark Hole]

О.О Я думал, только я про TREE.js знаю(

Answer 2

[Dark Hole]

Canvas, canvas и OpenGL.Иначе никак.