I used p5js in my videos explaining the Enigma and the Bombe. If you want to play around with it as well please follow these instructions.
js files are all in the
p5js folder. I have two main
html files namely
index.html for the Enigma Video and
bombe.html for visualizing how to crack the Enigma.
sketch.js. You should probably be able to use this out of the box if you watched the video. Enigma: Endless possibilities is not enough
- Click right off the slider area for making a rotor step.
- The slider decides the number of frames for each encoding step so left most setting is the fastest.
- You can click on a letter (on the right side of the plugboard) to make an input
The settings itself are part of
sketch.js where you can set the settings of the Enigma.
sketch_bombe.js. In the video you can't see all the keys I press to change the visualization:
smove the guess to the right
amove the guess to the left
rswitch off the yellow lights (to start a new input)
If you click on a letter on the plugboard (right hand side)
- it stops before it enters the plugboard in the reverse direction such that you can change the plugboard setting right before
you continue the encoding
nmove the orange indicator to the left (make a backward rotor step)
mmove the orange indicator to the right (make a rotor step)
penter a plugboard setting. First press
pand then two letters you want to connect
zreset the whole Bombe