Buenas,
Tengo que desarrollar una herramienta la cual definiría como compleja, o un coñazo, ambos calificativos son válidos. Antes de meterme de lleno he estado probando varias librerías y analizando cual puede ser la más válida para no tirarme de los pelos. Aquí es donde os pido consejo.
La herramienta en si es un módulo para prestashop para una tienda que vende lámparas. El cliente debe ser capaz de diseñar su propia lámpara en 3 pasos:
- Paso 1: Elige el plafón del techo entre todas las opciones disponibles
- Paso 2: Añade cables al plafón, donde irán colgadas las bombillas decorativas. Aquí viene la primera putada: El cliente debe poder modificar la altura de estos cables y su posición. Por ejemplo un cable puede medir 1m y el de al lado 1,5m. Sería importante que no hubiese colisiones, es decir, que cuando coloques las bombillas decorativas, no te deje solaparlas y que entren en contacto, ya que en la realidad no podría ser así.
- Paso 3: El cliente añade las bombillas decorativas (algunas tienen forma de globo, oras forma de cono, etc) y hay de diferentes tamaños.
Para que lo veáis más claro:
Hay 2 cosas que me inquietan bastante. En primer lugar el tema de las colisiones, y los plafones del estilo al de la imagen (izquierda) donde es complicado representarlo en una vista de frente. La otra cosa que me inquieta es hacerlo sencillo y no complicarle la vida al usuario. Yo propuse la opción de dejar opciones predefinidas en cuanto a cables y alturas pero el cliente se empeña en que queire dar libertad al usuario ya que siempre le cambian algo de las propuestas que tiene como ejemplo en la tienda.
¿Alguna recomendación? Ya he desarrollado un par de módulos para prestashop, el problema es sobre todo el tiempo, ya que no puedo estar 3 meses con esto y los módulos que hay para diseñar productos son los típicos por capas para diseñar carcasas o camisetas.
Estoy dudando entre jquery ui o canvas, en todas las herramientas que he encontrado cojean en alguna cosa u otra para poder emplearla en esto:
http://interactjs.io/
http://jillix.github.io/svg.draggy.js/
Gracias de antemano!
