Spongman/index.html

## index.html
<!DOCTYPE html>
<html>
<body>
	<canvas id="canvas" width="1080" height="1080"></canvas>
	<script type="text/javascript">
		var canvas = document.getElementById('canvas');
		var gl = canvas.getContext('webgl');

		gl.viewportWidth = canvas.width;
		gl.viewportHeight = canvas.height;
		gl.clearColor(0.99, 1, 0, 1);
		gl.clear(gl.COLOR_BUFFER_BIT);
	</script>
</body>
</html>

## index.js
const fs = require('fs');

const express = require('express');
const app = express();

const chromeLauncher = require('chrome-launcher');
const CDP = require('chrome-remote-interface');

app.use(express.static(__dirname));
const server = app.listen(8080, function () {
	console.log('Listening on port %d', server.address().port);
});


(async function () {

	console.log('Launching Chrome...');

	let instance = await chromeLauncher.launch({
		chromeFlags: [
			'--disable-background-timer-throttling',
			'--disable-default-apps',
			'--disable-device-discovery-notifications',
			//'--disable-gpu',
			'--disable-popup-blocking',
			'--disable-renderer-backgrounding',
			'--disable-translate',
			'--headless',
			'--no-default-browser-check',
			'--no-first-run'
		],
		port: 9222,
		loadTimeout: 1000,
		logLevel: 'verbose',
		ignoreExceptions: false,
		ignoreConsole: false,
		ignoreResourceErrors: false,
	});


	CDP(async (client) => {

		const { Network, Page } = client;

		await Network.enable();
		await Page.enable();
		await Page.navigate({ url: 'http://localhost:8080' });

		console.log('Saving snapshot...');
		const { data } = await Page.captureScreenshot();
		fs.writeFileSync('snapshot.png', Buffer.from(data, 'base64'));

		await client.close();
		await instance.kill();

		server.close(function () {
			console.log('Done');
			process.exit();
		});

	}).on('error', (err) => {
		// cannot connect to the remote endpoint
		console.error(err);
	})

})();

## package.json
{
  "name": "headless-webgl",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "devDependencies": {
    "chrome-launcher": "^0.10.2",
    "chrome-remote-interface": "^0.25.6",
    "express": "^4.16.3"
  }
}
	<!DOCTYPE html>
	<html>
	<body>
	<canvas id="canvas" width="1080" height="1080"></canvas>
	<script type="text/javascript">
	var canvas = document.getElementById('canvas');
	var gl = canvas.getContext('webgl');

	gl.viewportWidth = canvas.width;
	gl.viewportHeight = canvas.height;
	gl.clearColor(0.99, 1, 0, 1);
	gl.clear(gl.COLOR_BUFFER_BIT);
	</script>
	</body>
	</html>
	const fs = require('fs');

	const express = require('express');
	const app = express();

	const chromeLauncher = require('chrome-launcher');
	const CDP = require('chrome-remote-interface');

	app.use(express.static(__dirname));
	const server = app.listen(8080, function () {
	console.log('Listening on port %d', server.address().port);
	});


	(async function () {

	console.log('Launching Chrome...');

	let instance = await chromeLauncher.launch({
	chromeFlags: [
	'--disable-background-timer-throttling',
	'--disable-default-apps',
	'--disable-device-discovery-notifications',
	//'--disable-gpu',
	'--disable-popup-blocking',
	'--disable-renderer-backgrounding',
	'--disable-translate',
	'--headless',
	'--no-default-browser-check',
	'--no-first-run'
	],
	port: 9222,
	loadTimeout: 1000,
	logLevel: 'verbose',
	ignoreExceptions: false,
	ignoreConsole: false,
	ignoreResourceErrors: false,
	});


	CDP(async (client) => {

	const { Network, Page } = client;

	await Network.enable();
	await Page.enable();
	await Page.navigate({ url: 'http://localhost:8080' });

	console.log('Saving snapshot...');
	const { data } = await Page.captureScreenshot();
	fs.writeFileSync('snapshot.png', Buffer.from(data, 'base64'));

	await client.close();
	await instance.kill();

	server.close(function () {
	console.log('Done');
	process.exit();
	});

	}).on('error', (err) => {
	// cannot connect to the remote endpoint
	console.error(err);
	})

	})();
	{
	"name": "headless-webgl",
	"version": "1.0.0",
	"main": "index.js",
	"license": "MIT",
	"devDependencies": {
	"chrome-launcher": "^0.10.2",
	"chrome-remote-interface": "^0.25.6",
	"express": "^4.16.3"
	}
	}