Home

HTML5

HTML5 canvas plasma demo

Sun, 2010-09-12 23:07 — Chris Charabaruk

I was going through some old QuickBasic stuff, and decided to see if modern browsers could render a old-school plasma demo in JavaScript, as quickly as QB ones could be run in DOS. Using this code, I found out that no, those old QB plasma demos are still faster. (To be fair, though, they used VGA mode 13, which meant 256 paletted colours; this is 24-bit colour here.)

  3. <title>Canvas Plasma</title>
  4.  
  5. <script type="text/javascript">
  6. var ctx;
  7. var tid = null;
  8.  
  9. function body_Load() {
  10.     var canvas = document.getElementById('plasma');
  11.     if (canvas.getContext) {
  12.         ctx = canvas.getContext('2d');
  13.        
  14.         traceDiv = document.getElementById('trace');
  15.     }
  16.     else {
  17.         alert("Couldn't get the canvas, sorry :(");
  18.     }
  19. }
  20.  
  21. function startButton_Click() {
  22.     if (tid != null)
  23.         clearInterval(tid);
  24.    
  25.     tid = setInterval("drawFrame()", 50);
  26. }
  27.  
  28. function stepButton_Click() {
  29.     drawFrame();
  30. }
  31.  
  32. func
Syndicate content