Esqueleto de la web-art
Este proyecto es una experiencia web interactiva que invita a reflexionar sobre el machismo interiorizado, los dobles raseros y las contradicciones que muchas personas mantienen entre sus valores declarados y sus reacciones cotidianas. Así mismo, trata de hacer de altavoz para una situación muy real y frecuente en las vidas de muchas mujeres: los pensamientos intrusivos sobre la imagen que reflejan inseguridades, dudas o autoexigencias que nacen de un entorno cultural marcado por el machismo, la misoginia y la presión social por ser una mujer (o feminista) coherente con su discurso. Estos pensamientos funcionan como un espejo de dinámicas ámpliamente normalizadas: la necesidad de justificarse, el miedo a ser juzgada, la culpa por ocupar espacio o el constante cuestionamiento de las propias decisiones.
A través de una mujer ficticia, el usuario experimenta una serie de cuestiones relacionadas con su apariencia, que pueden parecer ligeras pero esconden una realidad mucho más profunda.
Además, se presentará un cuestionario con un fin didáctivo que plantea una serie de cuestiones que no buscan ser “correctas” o “incorrectas”, sino invitar a la introspección de nuestra propia moral sin caer en lo que consideraríamos más "moralmente correcto".
El proyecto no señala individuos concretos, sino que plantea una crítica al sistema y a las estructuras mentales que este genera. Aborda también el fenómeno del feminismo "performativo": aquel que defiende la igualdad de forma abstracta, pero que vacila cuando se trata de mujeres cercanas o de situaciones que interpelan directamente a los propios privilegios.
En conjunto, la propuesta busca generar incomodidad productiva, fomentar la empatía y abrir preguntas que no siempre tienen respuestas inmediatas. Más que ofrecer conclusiones cerradas, el proyecto aspira a dejar resonando una reflexión: cómo pensamos, cómo juzgamos y desde dónde construimos nuestra idea de igualdad.
Para la elavoración del juego, necesité, en primer lugar, generar unas imágenes con una estética determinada. En este caso, decidí inspirarme de mi propia página web "Control + F: Bias": fondo negro, letras blancas en Times New Roman, colores neon para resaltar algunas imágenes y texto... Además decidí inspirarme estructuralmente de los juegos infantiles, generalmente de público femenino, cuya problemática consiste en vestir y preparar para una ocasión a una mujer.
Para la elaboración de estas imágenes utilicé una plantilla de referencia de un cuerpo femenino en la aplicación Procreate. Decidí ensanchar un poco sus rasgos sexuales para representar a una mujer modélica que cumple con los cánones de belleza establecidos, a nuestros ojos (nunca a los suyos). Seguidamente, y basándome en ese cuerpo, fui creando diversos conjuntos de ropa genéricos para conseguir así que cualquier mujer se pueda llegar a sentir representada tanto por la estética, como por los comentarios que irían apareciendo por cada conjunto.
Para la elaboración del juego y, debido a que las herramientas gratuitas de wix no me permitían recrear lo que yo quería, tuve que utilizar el "Modo desarrollador" para implementar código en la página de wix. Para esto, ya que mis conocimientos de programación son extremadamente básicos, me serví de la herramienta de la IA ChatGPT:
/ -------------------------------------
// -------------------------------------
// OCULTAR TODO AL INICIAR
// -------------------------------------
$w.onReady(() => {
// LATERAL (clicables)
const clothesStart = [
"#dress1Start", "#dress2Start", "#dress3Start", "#dress4Start", "#dress5Start"
];
// SOBRE LA MUJER (se muestran al vestir)
const clothesOn = [
"#dress1On", "#dress2On", "#dress3On", "#dress4On", "#dress5On"
];
// TEXTOS
const phrases = [
"#phrase1", "#phrase2", "#phrase3", "#phrase4", "#phrase5"
];
// Ocultar: ropa ON y frases
clothesOn.forEach(id => $w(id).hide());
phrases.forEach(id => $w(id).hide());
// Activar cada prenda cuando se hace clic en la lateral
$w("#dress1Start").onClick(() => activarConjunto(1));
$w("#dress2Start").onClick(() => activarConjunto(2));
$w("#dress3Start").onClick(() => activarConjunto(3));
$w("#dress4Start").onClick(() => activarConjunto(4));
$w("#dress5Start").onClick(() => activarConjunto(5));
// Quitar prenda si se hace clic en la que está sobre la mujer
$w("#dress1On").onClick(() => quitarConjunto());
$w("#dress2On").onClick(() => quitarConjunto());
$w("#dress3On").onClick(() => quitarConjunto());
$w("#dress4On").onClick(() => quitarConjunto());
$w("#dress5On").onClick(() => quitarConjunto());
});
// -----------------------------------------------------
// EFECTO TYPER
// -----------------------------------------------------
function typeWriter(text, elementId, speed = 40) {
let i = 0;
$w(elementId).text = "";
function typing() {
if (i < text.length) {
$w(elementId).text += text.charAt(i);
i++;
setTimeout(typing, speed);
}
}
typing();
}
// -----------------------------------------------------
// ACTIVAR UN CONJUNTO
// -----------------------------------------------------
function activarConjunto(num) {
// Ocultar todas las prendas "ON" y frases
for (let i = 1; i <= 5; i++) {
$w(`#dress${i}On`).hide();
$w(`#phrase${i}`).hide();
}
// Mostrar solo la prenda ON seleccionada
$w(`#dress${num}On`).show("fade", { duration: 300 });
// Mostrar texto
$w(`#phrase${num}`).show();
const textos = {
1: "...Se_me_ven_demasiado_las_piernas..._van_a_pensar_que_busco_algo...",
2: "...Esto_está_muy_escotado...Me_van_a_mirar_el_pecho...",
3: "...Parezco_gorda...",
4: "...¿Me_cubro_por_ellos_o_por_mí?...No_me_veo_guapa...",
5: "...¿Parezo_un_hombre?...¿No_me_van_a_respetar_si_visto_más_femenina?..."
};
typeWriter(textos[num], `#phrase${num}`, 40);
}
// -----------------------------------------------------
// QUITAR PRENDA (cuando se clic en la imagen ON)
// -----------------------------------------------------
function quitarConjunto() {
// Ocultar todo lo que está ON
for (let i = 1; i <= 5; i++) {
$w(`#dress${i}On`).hide();
$w(`#phrase${i}`).hide();
}
}