Skip to content

Instantly share code, notes, and snippets.

View sirdarthvader's full-sized avatar
🤷‍♂️
console.log(NaN === NaN); //-> false

Ashish Singh sirdarthvader

🤷‍♂️
console.log(NaN === NaN); //-> false
52 followers · 41 following
View GitHub Profile
@sirdarthvader
sirdarthvader / atEndOFCycle2_index.html
Created June 10, 2018 21:44
<!DOCTYPE html>
<html>
<head>
<title>Color Game</title>
<link rel="stylesheet" type="text/css" href="app.css">
</head>
<body>
<h1>
The Great
<br>
@sirdarthvader
sirdarthvader / colorGame-initial state index.html
Created June 3, 2018 23:16
Initial html file for colorGame
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Color Game</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="app.css">
</head>
<body>
@sirdarthvader
sirdarthvader / Express hello world.js
Created April 19, 2018 01:12
const express = require('express')
const app = express()
app.get('/', (req, res) => res.send('Hello World!'))
app.listen(3000, () => console.log('Example app listening on port 3000!'))
@sirdarthvader
sirdarthvader / app-final.js
Created April 2, 2018 00:20
const canvas = document.querySelector('#canvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
ctx.strokeStyle = '#BADA55';
ctx.lineWidth = 1;
ctx.lineJoin = 'round';
ctx.lineCap = 'round';
@sirdarthvader
sirdarthvader / app5.js
Last active April 1, 2018 23:52
let hue = 0;
let direction = true;
function draw (e) {
if(!isDrawing) return ;
console.log(e);
ctx.strokeStyle = `hsl(${hue}, 100%, 50%)`;
ctx.beginPath();
ctx.moveTo(lastX, lastY);
ctx.lineTo(e.offsetX, e.offsetY);
@sirdarthvader
sirdarthvader / app4.js
Last active April 1, 2018 23:38
function draw (e) {
if(!isDrawing) return ;
console.log(e);
ctx.beginPath();
ctx.moveTo(lastX, lastY);
ctx.lineTo(e.offsetX, e.offsetY);
ctx.stroke();
[lastX, lastY] = [e.offsetX, e.offsetY];
}
@sirdarthvader
sirdarthvader / app3.js
Created April 1, 2018 22:58
let isDrawing = false;
let lastX = 0;
let lastY = 0;
function draw (e) {
if(!isDrawing) return ;
console.log(e);
ctx.beginPath();
ctx.moveTo(lastX, lastY);
@sirdarthvader
sirdarthvader / app2.js
Created April 1, 2018 22:39
let isDrawing = false;
function draw (e) {
if(!isDrawing) return ;
console.log(e);
}
canvas.addEventListener('mousemove', draw);
canvas.addEventListener('mousedown', () => isDrawing = true);
});
@sirdarthvader
sirdarthvader / app1.js
Created April 1, 2018 22:07
const canvas = document.querySelector('#canvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
ctx.strokeStyle = '#BADA55';
ctx.lineWidth = 1;
ctx.lineJoin = 'round';
ctx.lineCap = 'round';
@sirdarthvader
sirdarthvader / index.html
Created April 1, 2018 21:59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 Canvas</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<canvas id="canvas" width="800" height="800"></canvas>
<script src="app.js"></script>