index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Demo</title>
	<link rel="stylesheet" href="index.css" />
	<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
	<script src="core/cuon-matrix.js"></script>
    <script src="core/cuon-utils.js"></script>
    <script src="core/webgl-debug.js"></script>
    <script src="core/webgl-utils.js"></script>
    <script src="core/Geometry.js"></script>
    <script src="core/InputModel.js"></script>
    <script src="core/ShaderSet.js"></script>
    <script src="core/BrushSet.js"></script>
    <script src="core/Layer.js"></script>
    <script src="core/CanvasManager.js"></script>
    <script src="core/UndoManager.js"></script>
    <script src="core/Config.js"></script>
    <script src="core/Filter.js"></script>
    <script src="app/BoundingBox.js"></script>
    <script src="app/ColorPicker.js"></script>
    <script src="app/Gesture.js"></script>
    <script src="lib/psd.min.js"></script>
    <script src="lib/psd.js"></script>
    <script src="lib/util.js"></script>
	<style type="text/css">
        #mainCanvas {
            touch-action: none;
            position: absolute;
            left: 0px;
            top: 0px;
            cursor: none;
        }

        #touchCanvas {
            touch-action: none;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 1;
            cursor: none;
        }

        body {
            overflow: scroll;
            overflow-x: hidden;
            overflow-y: hidden;
        }
    </style>
</head>

<body>
    <canvas id="touchCanvas" width="2000" height="2000"></canvas>
	<canvas id="mainCanvas" tabindex="0" width="2000" height="2000"></canvas>
	<div id="root"></div>
	<script src="common.js"></script>
	<script src="index.js"></script>
</body>
</html>