EN 
Українська
PolskiDNA, RNA & Protein Synthesis (2D)
A 2D canvas companion to the 3D central-dogma simulator: the same staged DNA→mRNA→protein model — unzipping, transcription and codon-by-codon translation — drawn as a flat rotating ladder, a growing mRNA bead chain and an amino-acid chain instead of an orbiting WebGL scene.
This 2D companion runs the same staged DNA → mRNA → protein model as the 3D version on a flat canvas: a rotating base ladder represents the double helix, a chain of beads builds up as RNA polymerase transcribes it into mRNA, and a ribosome marker then reads that mRNA three bases at a time, appending one amino acid per codon to a growing protein chain at the bottom of the view — with an optional random-mutation effect and codon-banding overlay to make the reading frame visible.
2D canvas central-dogma model: a base ladder cycles through DNA, transcription and translation stages, with live base/mutation counters and a codon-banding toggle.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install
Each base pair's horizontal position is offset by a sine function of its index and a time-based phase, so the whole ladder sweeps left-right the way a helix does when viewed edge-on — the same twist the 3D version renders with real depth.
Mutation randomly recolors one base every couple of seconds, flashes it white and adds it to the mutation counter — a simplified stand-in for a point mutation. Codon bands groups the 40 bases into alternating triplets so you can see how the ribosome's three-letter reading frame lines up against the strand.
Yes — the model reads three mRNA bases per amino acid, so a 40-base strand yields up to 13 amino acids before the strand runs out, mirroring real translation's non-overlapping codon reading.