https://explorationofblue.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <title>Exploration of Blue</title>
5    <meta charset="utf-8">
6<!-- This site is hosted on Netlify. Anyone can build and deploy a site
7     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=c95163a7-1d44-4aaf-a124-def4e5145b9e
8     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
9    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
10    <meta itemprop="name" content="Exploration of Blue">
11    <meta itemprop="description" content="Created by ARTECHOUSE. Made with cables">
12    <meta itemprop="image" content="screenshot.png">
13    <meta name="description" content="Created by ARTECHOUSE. Made with cables" />
14
15    <style>
16        body { 
17            margin: 0;
18            background-color: #000;
19            color: #fff;
20            font-family: Helvetica, Arial, sans-serif;
21        }
22        canvas {
23            display: block;
24        }
25        footer {
26            position: absolute;
27            bottom: 0;
28            left: 0;
29            box-sizing: border-box;
30            width: 100vw;
31            padding: 20px;
32            text-align: right;
33            font-size: 18px;
34            color: #24baa7;
35        }
36        footer a, footer a:hover, footer a:active {
37            color: #24baa7;
38        }
39    </style>
40
41</head>
42<body>
43    <canvas id="glcanvas" width="100vw" height="100vh"></canvas>
44    <footer>
45
46    </footer>
47
48    
49    

49<script type="text/javascript" src="js/patch.js" async></script>

49
50
51    

51<script>
52        /**
53         * Called when there was a cables error.
54         * @param {string} errId - ID of the error, e.g. 'NO_WEBGL' or 'NO_WEBAUDIO' 
55         *                         when the browser does not support the used APIs
56         * @param {string} errMsg - The error message
57         */
58        function showError(errId, errMsg) {
59            alert('This feature requires greater than normal computer processing power. Suitable for most gaming machines and not on mobile devices. We recommend using Google Chrome or Firefox web browser.');
60        }
61
62        function patchInitialized() {
63            // You can now access the patch object (CABLES.patch), register variable watchers and so on
64        }
65
66        function patchFinishedLoading() {
67            // The patch is ready now, all assets have been loaded
68        }
69
70        document.addEventListener('CABLES.jsLoaded', function(event) {
71            CABLES.patch = new CABLES.Patch({
72                patch: CABLES.exportedPatch,
73                prefixAssetPath: '',
74                glCanvasId: 'glcanvas',
75                glCanvasResizeToWindow: true,
76                onError: showError,
77                onPatchLoaded: patchInitialized,
78                onFinishedLoading: patchFinishedLoading,
79            });
80        });
81    </script>

81
82</body>
83</html>