NativosIAnativosIA.es
Suscribirse
← Volver a Recursos

🫀 Cuerpo Humano Interactivo

4 sistemas del cuerpo · Esqueleto completo · Quiz haciendo clic · Datos reales

CirculatorioRespiratorioDigestivoNerviosoEsqueletoQuiz

Haz clic en un órgano para ver información

❤️ Circulatorio — órganos principales

👆

Haz clic en un órgano del cuerpo o en los botones de arriba para ver información detallada

Hazlo tú mismo con IA

✍️ Cómo recrear este recurso paso a paso

6 prompts en orden. Cambia los órganos, añade sistemas o adapta el cuerpo a otra especie.

Crea la base de datos para un recurso interactivo del cuerpo humano en Next.js (page.js 'use client').

SISTEMAS (4 categorías con colores):
const SYS = {
  circulatorio: { color:'#DC2626', light:'#FEF2F2', dark:'#7F1D1D', label:'❤️ Circulatorio' },
  respiratorio:  { color:'#2563EB', light:'#EFF6FF', dark:'#1E3A8A', label:'🌬️ Respiratorio'  },
  digestivo:     { color:'#D97706', light:'#FFFBEB', dark:'#78350F', label:'🍎 Digestivo'      },
  nervioso:      { color:'#7C3AED', light:'#F5F3FF', dark:'#4C1D95', label:'🧠 Nervioso'       },
}

ÓRGANOS (array ORGANS, al menos 15 elementos):
Cada órgano debe tener: id, name, emoji, system, shape (ellipse/rect/path), posición (cx,cy,rx,ry o x,y,w,h), fact (curiosidad corta), detail (explicación larga de 2-3 frases).

Incluye como mínimo:
- corazon (circulatorio), aorta, venas pulmonares
- pulmón_izq, pulmón_der, traquea, diafragma (respiratorio)
- esofago, estomago, higado, pancreas, intestino_d, intestino_g (digestivo)
- cerebro, medula, nervios (nervioso)

HUESOS (array BONES, al menos 12 elementos):
craneo, columna, costillas, esternon, claviculas, humero, cubito_radio, pelvis, femur, tibia_perone, manos, pies
Cada uno con: id, name, fact (curiosidad).

QUIZ (array QUIZ_Q, 10 preguntas):
{ q:'¿Dónde está el corazón?', targetId:'corazon', hint:'Es un músculo del tamaño de tu puño...' }

COLOR SCHEME: C1='#B91C1C', C2='#F87171', CB='#DC2626'

💡 Adapta el recurso: cambia los órganos a los de un animal, añade el sistema linfático o muscular, o crea un modo 3D con Three.js para cada órgano individual.