Plasma effect: Difference between revisions
Content added Content deleted
(→{{header|JavaScript}}: added javascript) |
m (→{{header|JavaScript}}: small changes) |
||
Line 684: | Line 684: | ||
<lang javascript><!DOCTYPE html> |
<lang javascript><!DOCTYPE html> |
||
<html lang='en'> |
<html lang='en'> |
||
<head> |
<head> |
||
<meta charset='UTF-8'> |
<meta charset='UTF-8'> |
||
Line 696: | Line 695: | ||
margin: -250px 0 0 -350px; |
margin: -250px 0 0 -350px; |
||
} |
} |
||
body { |
body { |
||
background-color: |
background-color: navy; |
||
} |
} |
||
</style> |
</style> |
||
</head> |
</head> |
||
<body> |
<body> |
||
<canvas></canvas> |
<canvas></canvas> |
||
Line 755: | Line 752: | ||
} |
} |
||
/ |
/* copied from stackoverflow */ |
||
function HSVtoRGB(h, s, v) { |
function HSVtoRGB(h, s, v) { |
||
var r, g, b, i, f, p, q, t; |
var r, g, b, i, f, p, q, t; |
||
Line 786: | Line 783: | ||
function animate(lastFrameTime) { |
function animate(lastFrameTime) { |
||
⚫ | |||
⚫ | |||
⚫ | |||
var time = new Date().getTime(); |
var time = new Date().getTime(); |
||
var delay = 42; |
var delay = 42; |
||
if (lastFrameTime + delay < time) { |
if (lastFrameTime + delay < time) { |
||
Line 799: | Line 792: | ||
lastFrameTime = time; |
lastFrameTime = time; |
||
} |
} |
||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
Line 806: | Line 803: | ||
</body> |
</body> |
||
</html></lang> |
</html></lang> |
||