Simulador de Biomoléculas y Estructura Química en 3D
📎 Código para incrustar
¿Eres profe, divulgador o webmaster?
Puedes incrustar esta simulación en tu web o blog sin problema.
Solo pedimos dos cosas básicas:
- ✅ Que cites la fuente: AulaQuest.com
- 🚫 Que no la uses con fines comerciales
Este es el código que puedes copiar:
<iframe src="https://aulaquest.com/s/quimica/biomoleculas3d.php"
width="100%"
height="560"
style="border: 1px solid #ccc; border-radius: 8px;"
allowfullscreen
title="Simulador de Biomoléculas y Estructura química"></iframe>¿Qué es este Simulador y qué puedo hacer en él?
Este es un laboratorio virtual de construcción molecular que combina un motor químico profesional (RDKit) con visualización 3D en tiempo real. Está diseñado para cerrar la brecha entre los diagramas planos del libro de texto y la realidad tridimensional de la materia.
Funcionalidades principales:
- Construcción Libre: Dibuja cualquier molécula orgánica átomo a átomo o usando fragmentos predefinidos.
- Análisis en Tiempo Real: El sistema calcula la masa molar, verifica la valencia y predice la geometría.
- Conexión con Base de Datos: Una vez que tengas la molécula lista, pulsa "Analizar estructura". Si la molécula existe en la naturaleza, el simulador, conectado a PubChem, la validará y te mostrará sus datos reales: punto de fusión, toxicidad, espectros, entre otros.
- Conversión 2D ↔ 3D: Visualiza cómo el plegamiento espacial afecta a la estructura.
En la simulación manual solo puedes crear moléculas usando los átomos básicos disponibles: C, H, O, N, Cl, F, Br, I, S, P.
Sin embargo, la simulación como el buscador integrado está conectado a PubChem, por lo que puedes escribir / buscar prácticamente cualquier molécula o ión existente —por ejemplo: Adenine, Aspirine, FeCl2, HCO3⁻, SO42-, Cl⁻— y si existe, el sistema la renderizará automáticamente en 2D y 3D.
De la Pizarra al Espacio: ¿Cómo predice el simulador la forma 3D?
Cuando dibujas en el lienzo 2D, estás definiendo la conectividad (qué átomo se une a cuál). Sin embargo, las moléculas reales ocupan un volumen en el espacio.
Nuestro simulador utiliza algoritmos basados en la Teoría de Repulsión de Pares de Electrones de la Capa de Valencia (RPECV o VSEPR). La idea básica es que los electrones de los enlaces y los pares libres se repelen entre sí, buscando separarse lo máximo posible.
💡 Concepto Clave: Hibridación
La geometría final depende de la hibridación del átomo central:
- sp³ (Ej. Metano, CH₄): Forma tetraédrica, ángulos de ~109.5°.
- sp² (Ej. Etileno, C₂H₄): Forma plana trigonal, ángulos de 120°.
- sp (Ej. Acetileno, C₂H₂): Forma lineal, ángulos de 180°.
Geometría Molecular: Guía visual de estructuras comunes
En el visor 3D observarás estas disposiciones espaciales fundamentales. Úsalas para validar si tu estructura es correcta:
| Geometría | Coord. | Ángulo | Ejemplo Real |
|---|---|---|---|
| Lineal | 2 | 180° | $$CO_2$$, $$BeCl_2$$ |
| Plana Trigonal | 3 | 120° | $$BF_3$$, $$SO_3$$ |
| Tetraédrica | 4 | 109.5° | $$CH_4$$ (Metano) |
| Piramidal | 3 + 1 par | ~107° | $$NH_3$$ (Amoníaco) |
| Angular | 2 + 2 pares | ~104.5° | $$H_2O$$ (Agua) |
Nota: Los pares de electrones libres (no enlazantes) ocupan más espacio, "empujando" a los enlaces y cerrando ligeramente los ángulos teóricos.
El botón "Hidrógenos": Valencias y Fórmulas Esqueletales
En química orgánica es muy común omitir los hidrógenos al dibujar en papel para ahorrar tiempo. El simulador tiene el botón "Saturar Hidrógenos H" activado por defecto para hacer este cálculo matemático por ti de forma invisible.
- Fíjate en la masa (Arriba a la derecha): Pon un solo Carbono (C) en el lienzo vacío. Si el botón "H" está activo, la masa marcará 16.04 g/mol (1 Carbono + 4 Hidrógenos invisibles = Metano). Si lo apagas, bajará a 12.01 g/mol (solo el Carbono desnudo).
- Encuentra tus hidrógenos perdidos: Dibuja el esqueleto de tu molécula y pulsa primero "Analizar Estructura". Si el diseño es químicamente posible, el sistema lo validará. A continuación, pulsa "Ver en 3D"... ¡Ahí aparecerán renderizadas todas las bolitas blancas (Hidrógenos) ocupando su volumen real en el espacio!
El simulador cuenta las líneas (enlaces) que dibujas y rellena automáticamente los huecos con H hasta llegar a 4 enlaces ($8 e^-$).
- 4 enlaces simples (ej. Metano)
- 2 dobles (ej. Dióxido de carbono)
- 1 triple + 1 simple (ej. Ácido cianhídrico)
El sistema también satura automáticamente el resto de elementos basándose en su familia de la tabla periódica:
⚠️ Si dibujas enlaces de más (ej. un Nitrógeno con 4 líneas simples), el simulador marcará "Valencias Imposibles".
Grupos Funcionales: Los "ladrillos" de la química orgánica
En el panel derecho de la simulación encontrarás botones rápidos para añadir grupos funcionales. Cada grupo confiere propiedades químicas características que definen el comportamiento de la molécula.
| Botón | Nombre | Ejemplo Cotidiano / Función |
|---|---|---|
| -COOH | Ácido Carboxílico | Vinagre (ácido acético), Vitamina C. Confiere acidez y sabor agrio. |
| -OH | Hidroxilo (Alcohol) | Etanol (bebidas), Glicerina (jabones). Mejora solubilidad en agua. |
| -NH₂ | Amina | Aminoácidos (proteínas), Cafeína. Presenta carácter básico y reactividad. |
| -C=O | Cetona | Acetona (disolvente), Carbohidratos. Moléculas polares, participa en reacciones de oxidación. |
| -NO₂ | Nitrito | Nitroglicerina (explosivo), Conservantes. Grupo altamente reactivo y electronegativo. |
| -CH₃ | Metilo | Metano, Grupos alquilo de aminoácidos. Grupo apolar, influye en solubilidad y forma molecular. |
| Ph / Benceno | Anillo Aromático | Aspirina, Poliestireno. Estructuras planas, estables y resonantes. |
| -CHO | Aldehído | Formalina (conservante), Canela (cinamaldehído). Olores y sabores intensos. |
¿Por qué "Misma Fórmula" no significa "Misma Molécula"? (Isomería)
En el panel de "Ficha Técnica" encontrarás la pestaña de Isómeros. Esto es crucial en química orgánica: la disposición de los átomos cambia radicalmente las propiedades de la sustancia.
Un ejemplo clásico con la fórmula $$C_2H_6O$$:
- Etanol ($CH_3-CH_2-OH$): Líquido a temperatura ambiente, soluble en agua, psicoactivo (alcohol potable).
- Dimetil Éter ($CH_3-O-CH_3$): Gas a temperatura ambiente, anestésico, altamente inflamable.
Nuestro motor busca en la base de datos PubChem todas las estructuras estables conocidas que comparten tu fórmula molecular actual.
Aplicaciones Reales: ¿Por qué importa la Visión 3D?
La química no ocurre en un papel plano; ocurre en un mundo tridimensional. Activar el botón "Ver en 3D" te permite entender fenómenos que son invisibles en 2D:
- Polaridad Molecular: Una molécula puede tener enlaces polares pero ser apolar si su geometría anula las fuerzas (ej. $$CO_2$$ lineal vs $$H_2O$$ angular).
- Mecanismo Llave-Cerradura: En biología y farmacología, la forma 3D dicta si un medicamento encajará en un receptor celular. Si la estructura 3D no es correcta, el fármaco no funciona.
- Estereoimpedimento: A veces una reacción química no ocurre simplemente porque un grupo de átomos voluminosos "estorba" en el espacio y bloquea el acceso.
Seguridad Química y Pictogramas (GHS)
Al analizar una estructura conocida (ej. Benceno), el simulador recupera su ficha de seguridad real (GHS). Aprender a leer estos pictogramas es esencial para cualquier trabajo de laboratorio:
- 🔥 Inflamable: Común en hidrocarburos y alcoholes de cadena corta.
- ☠️ Toxicidad Aguda: Cuidado con compuestos como el cianuro o ciertos metales pesados.
- 💥 Explosivo: Grupos Nitro ($-NO_2$) en exceso, como en el TNT.
- 🧪 Corrosivo: Ácidos fuertes ($-COOH$ concentrados) o bases.
Laboratorio de Arquitectura Molecular
Metodología activa: construcción, experimentación VSEPR y análisis de biomoléculas reales.
Aprendizaje por "Ensayo y Error"
El objetivo pedagógico central no es solo que el alumno visualice 3D, sino que adquiera la competencia de construcción molecular. El simulador fomenta la experimentación libre: permite unir elementos imposibles para que el alumno descubra, mediante las alertas de validación (pubchem), qué estructuras son estables en la naturaleza y cuáles no.
Fundamentación Visual: Hibridación del Carbono
Para entender la geometría molecular no basta con contar enlaces:
hay que ver cómo se orientan los orbitales en el espacio.
La hibridación es el mecanismo por el cual el carbono reorganiza
sus orbitales para apuntar en direcciones concretas.
El simulador traduce automáticamente esta reorganización electrónica
en formas geométricas reales.
- Idea clave: cuatro orbitales apuntando lo más separados posible.
- Ángulo: $109.5^\circ$
- Ejemplo: Metano.
- Reto: Dibuja un alcano ramificado y comprueba la geometría.
- Idea clave: tres enlaces en un mismo plano.
- Ángulo: $120^\circ$
- Ejemplo: Etileno.
- Reto: Observa por qué el doble enlace obliga a la planitud.
- Idea clave: enlaces alineados al máximo.
- Ángulo: $180^\circ$
- Ejemplo: Acetileno.
- Reto: Construye una molécula recta como una flecha.
Fundamentos: Lewis, Ángulos y Función
Antes de ver una molécula en 3D, primero hay que entenderla en plano. Las Estructuras de Lewis nos dicen qué está unido con qué, pero la física de las cargas eléctricas es la que decide cómo se colocan realmente en el espacio.
Un ángulo molecular no es un número arbitrario: mide
cuánto se repelen los pares de electrones.
Los pares libres ocupan más espacio y empujan con más fuerza que los enlazantes.
Por eso en el agua el ángulo es $104.5^\circ$ y no $109.5^\circ$ como en el metano:
los pares libres del oxígeno aplastan la geometría.
- Solubilidad y polaridad: una geometría simétrica puede cancelar dipolos (ej. $CO_2$ es apolar, $SO_2$ es polar).
- Puntos de fusión y ebullición: dependen de cómo las moléculas encajan unas con otras.
- Bioactividad: en biología, la forma 3D es literalmente la llave que encaja (o no) en un receptor celular.
Tabla Maestra de Geometrías VSEPR
Ejemplos adaptados a los elementos disponibles en el simulador ($H, C, N, O, F, P, S, Cl, Br, I$).
| Total Pares | Enlazantes (X) | Libres (E) | Geo. Electrónica | Geo. Molecular | Ángulo | Ejemplo (Lab) |
|---|---|---|---|---|---|---|
| 2 | 2 | 0 | Lineal | Lineal | 180° | $CO_2$ |
| 3 | 3 | 0 | Trigonal Plana | Trigonal Plana | 120° | $SO_3$, $CH_2O$ |
| 3 | 2 | 1 | Trigonal Plana | Angular (V) | < 120° | $SO_2$, $O_3$ |
| 4 | 4 | 0 | Tetraédrica | Tetraédrica | 109.5° | $CH_4$, $CCl_4$ |
| 4 | 3 | 1 | Tetraédrica | Piramidal Trigonal | < 109.5° ($\approx 107^\circ$) | $NH_3$, $PCl_3$ |
| 4 | 2 | 2 | Tetraédrica | Angular (V) | < 109.5° ($\approx 104.5^\circ$) | $H_2O$, $SCl_2$ |
| 5 | 5 | 0 | Bipiramidal Trig. | Bipiramidal Trig. | 90°, 120° | $PCl_5$ |
| 5 | 4 | 1 | Bipiramidal Trig. | Balancín (Seesaw) | < 90°, < 120° | $SF_4$ |
| 5 | 3 | 2 | Bipiramidal Trig. | Forma de T | < 90° | $ClF_3$ |
| 5 | 2 | 3 | Bipiramidal Trig. | Lineal | 180° | $ICl_2^-$ |
| 6 | 6 | 0 | Octaédrica | Octaédrica | 90° | $SF_6$ |
| 6 | 5 | 1 | Octaédrica | Piramidal Cuadrada | < 90° | $BrF_5$ |
| 6 | 4 | 2 | Octaédrica | Cuadrada Plana | 90° | $ICl_4^-$ |
Laboratorio Molecular: Construir, Verificar y Comprender
1. Construye una cadena de 3 carbonos con enlaces simples (Propano) y rota la molécula en 3D.
2. Sustituye un enlace simple por un doble (Propeno) y observa qué parte deja de girar.
3. Crea un enlace triple (Propino) y comprueba cómo la cadena se vuelve completamente recta.
El carbono no cambia de átomo, cambia de hibridación. A más carácter $sp$, menos libertad de giro: flexibilidad ($sp^3$) → rigidez parcial ($sp^2$) → rigidez total ($sp$).
Dos moléculas pueden tener la misma fórmula… y comportarse como sustancias completamente distintas.
Presente en bebidas alcohólicas.
Interacciona con proteínas del sistema nervioso.
Fórmula: $C_2H_6O$
Gas anestésico e inflamable.
No es apto para el consumo humano.
Fórmula: $C_2H_6O$
1. Construye ambas moléculas.
2. Usa el analizador de estructuras integrado para validarlas en PubChem.
3. Visualiza su estructura en 2D y 3D.
El alumno descubre que Etanol y Dimetil éter comparten fórmula, pero su geometría altera radicalmente sus interacciones biológicas.
Organiza un torneo de "Velocidad de Síntesis".
1. Activa el botón "Desafío" en la barra de herramientas.
2. El alumno dibuja la molécula propuesta y pulsa "Comprobar".
3. Si la estructura es correcta (validación por isomorfismo de grafos), el alumno gana puntos de experiencia (XP) y desbloquea el siguiente nivel.
En biología, la forma es función. Las enzimas del cuerpo actúan como cerraduras de alta precisión que solo aceptan llaves con la geometría exacta. Un cambio de ángulo puede convertir un nutriente vital en un compuesto tóxico.
1. Pulsa en el botón "ver en 3D". Escribe "fumaric acid" en el buscador.
(Nota: El ácido Fumárico es un metabolito esencial del Ciclo de Krebs).
2. Observa su forma "estirada" y casi recta (Isómero Trans).
3. Limpia y todavía en la pestaña 3D busca "Maleic Acid".
4. Observa cómo, teniendo la misma fórmula ($C_4H_4O_4$), el ácido maleico se curva formando una "U" (Isómero Cis).
La enzima fumarasa tiene un sitio activo con forma de canal estrecho y alargado.
¿Por qué el cuerpo puede procesar el Ácido Fumárico para obtener energía, pero se intoxica con el Ácido Maleico?
Respuesta Visual: Porque la forma curvada en "U" del maleico choca con las paredes de la enzima y no puede entrar.
Las membranas celulares están formadas por una bicapa lipídica. Su interior es hidrofóbico, por lo que no todas las moléculas pueden atravesarlas libremente.
1. haz clic en "ver en 3D" y busca Etanol y obsérvalo en 3D.
2. Rota la molécula e identifica si presenta zonas polares claras.
3. Elimina la molécula y desde el visor 3D busca Urea.
4. Observa la distribución de átomos electronegativos y la simetría.
¿Cuál de las dos moléculas atravesaría la membrana celular por difusión simple y cuál necesitaría un transportador?
Pista:
Las moléculas pequeñas, poco polares y con zonas hidrofóbicas atraviesan mejor el interior lipídico de la membrana.
Ingeniería del Simulador: RDKit y Flujo de Trabajo
Flujo de Trabajo: Primero 2D, luego 3D
Es fundamental explicar al alumno la lógica del software científico: el buscador y el editor trabajan en el plano (2D).
- Paso 1 (Edición): Se define la conectividad (qué átomo va con cuál) en el lienzo 2D.
- Paso 2 (Cálculo): Al pulsar "Ver en 3D", el motor calcula las coordenadas espaciales óptimas.
- Nota Importante: Si buscas una molécula (ej. "Aspirina"), esta se cargará primero en el lienzo 2D para que verifiques su estructura. Debes pulsar el botón 3D para ver su volumen.
Visualización: ¿Por qué al buscar una molécula sale "plana"?
Al usar el buscador (ej. Propene), notarás que la estructura aparece compacta y, a veces, plana incluso en la vista 3D inicial. Esto tiene una explicación técnica y una solución sencilla:
Las bases de datos (PubChem) suelen enviar coordenadas 2D optimizadas para papel. Al cargarlas, el simulador respeta esa forma "compacta" original.
Si la molécula se ve extraña o plana en 3D: vuelve a Edición (2D) y pulsa "Ver en 3D" de nuevo.
Al hacer esto, fuerzas al motor físico a ignorar las coordenadas importadas y aplicar fuerzas de repulsión reales. Verás cómo la molécula se "despliega", los átomos se separan y adoptan su curvatura natural en el espacio.
Conexión con PubChem (NIH)
El buscador del simulador no es solo un listado de moléculas: se conecta en tiempo real con PubChem, la base de datos del National Institutes of Health que contiene más de 110 millones de compuestos.
Esto significa que los alumnos pueden explorar cualquier molécula que exista, ver su estructura en 2D y 3D al instante, comprobar sus propiedades y datos experimentales (puntos de fusión, solubilidad, espectros), y aprender como si tuvieran un laboratorio de investigación en sus manos.
Tu Aula. Tus Moléculas. Tu Método.
Los Presets de Aulaquest te permiten guardar un estado exacto del simulador (moléculas cargadas, paneles ocultos, retos activos) y generar un enlace único para tus alumnos. Descubre cómo usar los estándares químicos para crear actividades a medida.
El CID (Compound ID) es el "DNI" numérico oficial. Úsalo para que el simulador arranque con una molécula construida y su ficha técnica completa. Ideal para análisis guiados en 3D.
Buscar CIDs oficiales en PubChemEl SMILES es la "receta" de texto que indica cómo conectar los átomos. Al introducirlo, se activa el Modo Desafío: el alumno no verá el nombre, solo la fórmula, y el sistema autocorregirá su dibujo.
Leer guía del formato SMILESActivar la opción "Ver Hidrógenos" hace que el simulador trabaje con fórmulas esqueletales (nivel Bachillerato/Univ): asume matemáticamente los hidrógenos que faltan sin tener que dibujarlos en 2D.
Tip docente: Si das clase en la ESO, desactiva esta opción en tu preset. Obligarás al alumno a colocar cada bolita de Hidrógeno manualmente para respetar la valencia del Carbono.
Chuleta Rápida: Escribir enlaces en SMILES
El formato SMILES está diseñado para escribirse rápido con el teclado. Los átomos van en mayúscula (C, O, N, F, S...) y los enlaces se representan con estos símbolos:
Laboratorios "Llegar y Usar" (Copia estos datos en tu Preset)
| Nivel | Molécula / Temática | Fórmula | Qué poner en el Preset | Opciones a ocultar / configurar |
|---|---|---|---|---|
| Actividades de Construcción (Modo Desafío) | ||||
| ESO | Deducir valencias (Metano, Agua, Amoníaco) | CH₄, H₂O, NH₃ | Forzar Desafío: C, O, N | Hidrógenos: OFF. Ocultar: Ficha Técnica y Buscador. |
| ESO / Bach | Tipos de enlace (Alcanos, Alquenos, Alquinos) | C₂H₆, C₂H₄, C₂H₂ | Forzar Desafío: CC, C=C, C#C | Hidrógenos: OFF. Ocultar: Ficha Técnica y Buscador. |
| Bach. | Isomería Estructural (Etanol vs Dimetiléter) | C₂H₆O | Forzar Desafío: CCO, COC | Hidrógenos: ON. Ocultar: Buscador y Grupos Rápidos. |
| Bach. | Derivados del Benceno (Tolueno, Fenol, Anilina) | C₇H₈, C₆H₆O, C₆H₇N | Forzar Desafío: Cc1ccccc1, Oc1ccccc1, Nc1ccccc1 | Hidrógenos: ON. Ocultar: Buscador. |
| Actividades de Análisis y Laboratorio Teórico | ||||
| Bach. | Toxicidad y GHS del formaldehído | CH₂O | CID Inicial: 712 | Ocultar: Desafío Libre. (Deben abrir la ficha 📋 y leer los riesgos). |
| Univ. | Identificación de fármacos (Paracetamol) | C₈H₉NO₂ | CID Inicial: 1983 | Ocultar: Grupos Rápidos. (Fuerza a visualizar el 3D para entender el anillo aromático y los puentes). |
Disponible para Docentes Registrados.
