AstraLuma/pixels.html

## pixels.html
<!doctype html>
<html>
  <head><title>Pixels Quickie</title></head>
  <body>

    <script type=module>
    import {
      requestPixel
    } from "https://unpkg.com/@systemic-games/pixels-web-connect?module";

    // Ask user to select a Pixel
    const pixel = await requestPixel();

    // Connect to die
    console.log("Connecting...");
    await pixel.connect();

    // Get last roll state
    const rollState = pixel.rollState;
    console.log(`=> roll state: ${rollState.state}, face up: ${rollState.face}`);

    // Read RSSI (signal strength)
    const rssi = await pixel.queryRssi();
    console.log(`=> rssi: ${rssi}`);
    // And battery level
    console.log(`=> Battery: ${pixel.batteryLevel}%`);

    // Make LEDs flash a color
    await pixel.blink(Color.red);

    // Add listener to get notified on rolls
    pixel.addEventListener("roll", (face) => {
	    console.log(`=> rolled face: ${face}`);
    });
    </script>
  </body>
</html>
	<!doctype html>
	<html>
	<head><title>Pixels Quickie</title></head>
	<body>

	<script type=module>
	import {
	requestPixel
	} from "https://unpkg.com/@systemic-games/pixels-web-connect?module";

	// Ask user to select a Pixel
	const pixel = await requestPixel();

	// Connect to die
	console.log("Connecting...");
	await pixel.connect();

	// Get last roll state
	const rollState = pixel.rollState;
	console.log(`=> roll state: ${rollState.state}, face up: ${rollState.face}`);

	// Read RSSI (signal strength)
	const rssi = await pixel.queryRssi();
	console.log(`=> rssi: ${rssi}`);
	// And battery level
	console.log(`=> Battery: ${pixel.batteryLevel}%`);

	// Make LEDs flash a color
	await pixel.blink(Color.red);

	// Add listener to get notified on rolls
	pixel.addEventListener("roll", (face) => {
	console.log(`=> rolled face: ${face}`);
	});
	</script>
	</body>
	</html>