Skip to content

Instantly share code, notes, and snippets.

View bzdgn's full-sized avatar
🏠
Working from home

Levent Divilioglu bzdgn

🏠
Working from home
View GitHub Profile
@bzdgn
bzdgn / snowFlakesEnhanced.html
Created December 31, 2016 22:51
Snow Flake Demo With HTML5 Canvas, Additional Vertical Wind Effect
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>HTML5 Canvas Snowflakes Enhanced Demo</title>
<style>
html, body {
overflow: hidden;
}
</style>
@bzdgn
bzdgn / SnowFlakes.html
Created December 31, 2016 22:28
Snow Flake Demo With HTML5 Canvas And JavaScript
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>HTML5 Canvas Snowflakes Demo</title>
<style>
html, body {
overflow: hidden;
}
</style>
@bzdgn
bzdgn / multiCanvasWithClearV2.html
Created December 28, 2016 18:07
HTML5 Multi Canvas Example With Layers and Basic Clear / Preview Functionality V2
<!DOCTYPE html>
<html>
<head>
<style>
/* I use this class to disable onmouse events for the upper canvas layers */
.canvas-mouse {
pointer-events: none;
}
</style>
</head>
@bzdgn
bzdgn / waveBubbles.html
Last active December 25, 2016 14:16
HTML5 Canvas Wave & Bubbles Demo
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Canvas Wave & Bubbles Demo</title>
</head>
<body>
<canvas width="600" height="600" id="mainCanvas">
</canvas>
<p><input type="Button" VALUE=" start " onClick="doTimer()"></p>
<p><input type="Button" VALUE=" stop " onclick="stopTimer()"></p>
@bzdgn
bzdgn / particlesExplosionDemo.html
Created December 18, 2016 10:51
2D World Physics : Particles Explosion Demo
<!DOCTYPE html>
<html>
<head>
<title>2D World Physics : Particles Explosion Demo</title>
</head>
<body>
<canvas width="800" height="600" id="mainCanvas" onmousedown="handleMouseClick(event)" >
</canvas>
<script>
@bzdgn
bzdgn / ballControl.html
Created December 17, 2016 20:56
2D World Physics : Bouncing Ball Demo
<!DOCTYPE html>
<html>
<head>
<title>2D World Physics : Bouncing Ball Demo</title>
</head>
<body>
<canvas width="800" height="600" id="mainCanvas" onmousemove="handleMouseMove(event)" onmousedown="handleMouseClick()" onmouseup="handleMouseRelease()" >
</canvas>
<script>
@bzdgn
bzdgn / particleWaterfall.html
Last active December 17, 2016 08:44
Particles Waterfall Demo : Old School Particle Effect With HTML5 Canvas and Javascript
<!DOCTYPE html>
<html>
<head>
<title>Particles Waterfall Demo</title>
</head>
<body>
<canvas width="800" height="800" id="mainCanvas">
</canvas>
<p><input type="Button" VALUE=" start " onClick="doTimer()"></p>
<p><input type="Button" VALUE=" stop " onclick="stopTimer()"></p>
@bzdgn
bzdgn / multiCanvasWithClear.html
Last active December 16, 2016 07:44
HTML5 Multi Canvas Example With Layers and Basic Clear / Preview Functionality
<!DOCTYPE html>
<html>
<head>
<style>
/* I use this class to disable onmouse events for the upper canvas layers */
.canvas-mouse {
pointer-events: none;
}
</style>
</head>
@bzdgn
bzdgn / bouncingBallGame.html
Last active December 14, 2016 21:58
HTML5 2D Bouncing Ball Game Demo
<!DOCTYPE html>
<html>
<head>
<title>HTML5 2D Bouncing Ball Game Demo</title>
</head>
<body>
<canvas width="400" height="300" id="mainCanvas" >
</canvas>
<p><input type="Button" VALUE=" start " onClick="doTimer()"></p>
<p><input type="Button" VALUE=" stop " onclick="stopTimer()"></p>
@bzdgn
bzdgn / bouncingBall.html
Created December 14, 2016 20:35
2D Single Bouncing Ball Demo
<!DOCTYPE html>
<html>
<head>
<title>2D Single Bouncing Ball Demo</title>
</head>
<body>
<canvas width="800" height="600" id="mainCanvas" >
</canvas>
<p><input type="Button" VALUE=" start " onClick="doTimer()"></p>
<p><input type="Button" VALUE=" stop " onclick="stopTimer()"></p>