Editar : dado que solo estoy planeando mi enfoque para el proyecto, no tengo código para mostrarlo. Mi pregunta es más sobre cómo podría abordar el problema (matrices, objetos o si hay formas más inteligentes de hacerlo) que sobre el código real. Como soy bastante nuevo, estoy buscando una "forma de entrar" en cómo podría abordar el proyecto y ver tutoriales.
(Dado que soy bastante nuevo en la codificación, estoy tratando de consolidar los conceptos básicos de html/css/js creando mis propios proyectos. Con este proyecto, mi problema es encontrar mi camino, ya que me cuesta encontrar la mecánica correcta, así que No puedo encontrar ningún tutorial porque no sé por dónde empezar)
El proyecto
Estoy tratando de crear un proyecto que combine 3 imágenes ("fondo", "base" y "adición"), a partir de una que esté seleccionada.
Por ejemplo: estoy seleccionando en la imagen con el bosque de "fondo" y lo emparejará con un pequeño río como "base" y zorros como "adición".
Si al usuario no le gusta el emparejamiento, puede hacer clic en un botón y emparejará la misma imagen seleccionada (en este caso, la madera) con otras dos imágenes compatibles (por ejemplo: una piedra cubierta de musgo y ardillas).
Sin embargo: emparejaría mi imagen seleccionada, que en este caso es un bosque con un suelo desértico y delfines.
El usuario también podría comenzar seleccionando una "adición", por ejemplo, un cangrejo, que se combinará con una playa y guijarros más pequeños.
El problema
Estoy bastante seguro de que el enfoque principal de este proyecto debería estar en las matrices.
Pensé que podría hacer 3 arreglos (uno para el fondo, uno para la base y otro para la adición) y de ahí emparejar valores aleatorios de los diferentes arreglos. Sin embargo, ¿debería hacer 3 matrices para cada probabilidad o hay alguna forma de filtrar los pares que quiero y los pares que no quiero?
Otro enfoque en el que pensé fue dejar que cada imagen de la matriz sea un objeto, de modo que pueda asignar atributos (por ejemplo: clima, color, nivel del mar...) a los objetos y filtrarlos en función de eso.
En este caso, sin embargo, estoy luchando con el código para filtrar primero los emparejamientos correctos y luego seleccionar un emparejamiento aleatorio de los que se seleccionaron.
Toda ayuda es apreciada,
¡gracias!