Dudas sobre creación de pagina web o tienda 'interactiva'

Iniciado por xknov, 28 Junio 2019, 09:00 AM

0 Miembros y 1 Visitante están viendo este tema.

xknov

Buenos días/tardes/noches.

Mi duda es la siguiente: Es posible diseñar/crear una página web (o tienda) interactiva
y con lo de interactiva me refiero a que por ejemplo, un cliente cuando vaya a comprar un producto por ejemplo una prenda cualquiera como una camisa,un jersey, unos jeans...
en una parte de la página aparezca un recuadro del cliente con su cara y un cuerpo desnudo por defecto y que cuando seleccione una prenda, se le coloque automáticamente y lo vea reflejado en el recuadro?  (Obviamente para hacer esto el cliente necesitaría una webcam si o si o haber creado su muñeco con su cara previamente ) De forma parecida a como funcionan los filtros de snapchat o instagram pero con el cuerpo entero y en vez de ponerte un filtro con unas orejas de perro por ejemplo, pues que te ponga ropa en el cuerpo, la ropa que tu eliges 'probar' por así decirlo. Muy parecido a la 'armería del World of Warcraft' pero con una tienda que vende productos de ropa.

Y ya de paso si alguien me puede ayudar sobre otro tema, y es que quiero aprender a programar también la misma 'ruleta' de premios de la pagina de Drakemall(es la misma que usa counter strike para sus cajas de armas)pero con otras imágenes(premios),supongo que alguno entenderá a lo que me refiero.

@XSStringManolo

Cual es la duda? Si es posible? Claro.
Para eso no necesitas ni animación ni grandes conocimientos de programación. Es cargar fotos.
Lo de la ruleta es más de lo mismo. Es pasar fotos de derecha a izquierda. Le puedes meter sonidos, colores y marcos a las fotos para que no se note tanto que son fotos.
Aqui tienes ejemplos para que quede más pro y menos cutre: https://javascript.info/js-animation
Yo hago gifts con iconeditor + gimp + paint + photoscape + photoshop.
Prácticamente solo con paint y photoscape usando la opción de tapón de clonado puedes hacer edits más pros que los de las revistas y la tele.
Con el paint duplicas la imagen con un copia y pega al lado. Metes las 2 imagenes unidas en una en el photoshop y editas una con efectos. Despues con el tapón de clonado seleccionas el mismo pixel en las 2 imágenes y ya puedes pasar el efecto que hiciste en el photoshop pixel por pixel a la imagen. Con eso haces cosas como cambiar un fondo o ponerle alas de dragón a una persona. Ponerle una camiseta a un muñeco es fácil xD.
Divides la imagen en 4 por ejemplo.
Gorro, cara del cliente, camiseta, pantalon.
Si vendes 20 gorros en la tienda, pues usando la cabeza de un muñeco de referencia le pintas una línea al muñeco. Colocas el primer gorro, borras el fondo y la cabeza y lo guardas.
Sacando la imagen de la cam o foto también deberías indicar la linea de referencia con respecto a la altura de los ojos y el tamaño total de la cara. (Lo mas complicado si quieres que quede bien).
Despues solo sería cargar la imagen del cliente y cargar la imagen del gorro encima.
Tienes que trabajar muy bien con las imágenes para mantener la calidad en la imagen de los productos y en sus recortes, sombreado, etc.
Es más edición de imágenes que otra cosa.
No te recomiendo que lo hagas 3D la cara del cliente quedaría horrible al girar el muñeco. Tendrías que hacer modelo 3D de todo teniendo solo imagenes 2D.

Una página así a mi me suele llevar 4 días de mañana a noche con programas de edición recortando fondos pixel a pixel, redimensionando y a veces hasta redibujando cuando la calidad de la foto es horrible o muy pequeña, añadiendo o quitando sombras, etc.
Después otro tanto retocando la posición de las imagenes en la web, elegir las transiciones para el cambio de imagen, o hacer alguna animación rollo gift, integración en la web...
Sin experiencia si quieres que quede guay puede que tengas que rehacer todo varias veces. Rollo que no mediste en donde ibas a poner las imagenes y ahora se te salen fuera del marco y para que quede todo bien tengas que reducir el tamaño de 200 imagenes. Que no guardases la transparencias de las imágenes por cambiarlas de formato para mostrarlas en la web. O que la empresa que te pasa las fotos les metiese una marca de agua y no la vieses.


xknov

No te recomiendo que lo hagas 3D la cara del cliente quedaría horrible al girar el muñeco. Tendrías que hacer modelo 3D de todo teniendo solo imagenes 2D.

Síi  gracias mi duda era esa si se podía hacer , no habia visto ninguna tienda así o parecida. y creo que en el fondo también era una duda sobre en que lenguaje hacerlo y por lo visto era javascript,respecto a lo que he referenciado en azul pues sí , tenía pensado en hacerlo en 3D también para que fuera más realista y cuando el cliente se probara la prenda pudiera ver como le queda desde todos los angulos y ver si le convence jeje.
Ya de paso mi última duda es como enlazar o relacionar por ejemplo las animaciones y todo eso que está en javascript con un archivo html (en html si sé programar pero en javascript no) y si me puedes pasar algun link o guiarme sobre como crear un panel de control para que una vez creada la pagina , solo necesite cambiar las fotos de las imagenes en la ruleta subiendo la imagen y cosas por el estilo que no necesiten programación.

FreeCellnet

#3
Muy buena la idea, pero para hacer un modelo 3D necesitas algo mas que una simple camara, la recoleccion rapìda de superficie corporal esta por laser, en un producto exotico y caro, y luego, le quieres agregar textura para ver como le quedan la ropa, como si fuera de un editor de juegos.

Yo de java no tengo ni idea, de hecho no se ni hacer un contador de visitas, pero hay un tipo que explica muy bien un curso, de los mas extensos que he visto en youtube.

https://www.youtube.com/watch?v=coK4jM5wvko

Al final todo va por etiquetas que llamas en el propio codigo html

De hecho no se ni programar html, utilizo un editor grafico , se llama Nvu.