canvas-hello-world

Canvas basics and some fun stuff

Folowing setup instructions as copied from: https://github.com/postNirjhor/webpack-boilerplate

Basic Setup Instructions: Webpack 3 Boilerplate for beginners...

A basic webpack 3 boilerplate for beginners to start with any JS/ES6 based project.

Guide

This basic boilerplate is the final output of this comprehensive write up on Medium. I recommend to read this article to know the insight of how you can configure webpack from scratch. Webpack 3 quickstarter: Configure webpack from scratch

Install dependencies

npm install

Develop locally with webpack-dev-server

npm run dev

In your browser, navigate to: http://localhost:2000/

For bundled output

npm run build

For production-ready output

npm run build:prod

Loaders and Plugins used in this boilerplate

Loaders

babel-loader
html-loader
sass-loader
css-loader
style-loader
file-loader

Plugins

clean-webpack-plugin
extract-text-webpack-plugin
html-webpack-plugin

canvas-hello-world

Commits

Minor fix to reduce circle clutter...

Bug fix to prevent infinite loop on smaller screens.

Better cloud distribution by starting from non-overlapping places

Let there be clouds floating by in background now...

The cloud moves in the background from left to right now...

Let there be a cloud in the background

README

canvas-hello-world

Basic Setup Instructions: Webpack 3 Boilerplate for beginners...

Guide

Install dependencies

Develop locally with webpack-dev-server

For bundled output

For production-ready output

Loaders and Plugins used in this boilerplate

Loaders

Plugins