Home▸Genetics & Evolution▸Genetic Engineering Simulator 3D

🧬 Genetic Engineering Simulator 3D — CRISPR Editing Precision

A real-time 3D DNA double helix rendered in Three.js/WebGL. Tune gene count, mutation load, expression and CRISPR/TALEN/ZFN editing precision, and watch the editing enzyme travel the helix, correcting the mutations it can reach and leaving the rest as visible off-target sites.

Genetics & Evolution3DIntermediate60 FPS📱 Mobile-adapted⇄ 2D version
3d-genetic-engineering-simulator-dna-manipulation-gene-editing ↗ Open standalone
⚙ Under the hood

This 3D companion reuses the exact same editing math as the 2D lab: effective (unrepaired) mutations scale with mutations × (100 − precision) / 100, and editing efficiency is max(0, 100 − effectiveMutations × 5). Instead of a flat 2D readout, the DNA strand is built as a real double helix in 3D — two Catmull-Rom backbone tubes with base-pair rungs colored by gene segment. Mutation sites are chosen at random along the strand; the editing precision slider determines how many of them the enzyme corrects (green) versus leaves as off-target (red), recomputed live as you drag. The gene-expression slider drives an mRNA particle-emission rate and a backbone glow pulse, and the technique selector swaps the visible editing enzyme model between a CRISPR-Cas9 body-and-guide shape, a TALEN dimer and a ZFN finger stack.

Three.jsWebGLCRISPRgene editingDNA

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)