|
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <title>mjs</title>
- <script src="https://cdn.jsdelivr.net/npm/matter-js@0.17.1/build/matter.min.js"></script>
- <style>
- html, body {
- margin: 0;
- padding: 0;
- overflow: hidden;
- background: #fbfbfb;
- }
-
- body {
- height: 100vh;
- width: 100vw;
- }
- #заставка {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- background: #ffffff;
- z-index: 100;
- }
- #заставка > img {
- position: absolute;
- top: 50%;
- left: 50%;
- margin-left: -320px;
- margin-top: -240px;
- }
-
- #корень {
- position: relative;
- }
- #отладка {
- position: absolute;
- right: 2em;
- bottom: 2em;
- }
- </style>
- </head>
- <body>
- <div id="заставка" onclick="document.getElementById('заставка').style.display = 'none';">
- <img src="р/сцены/заставка.jpg">
- </div>
-
- <div id="корень"></div>
- <div id="отладка"></div>
- <script src="100.мир.js"></script>
- <script src="105.заголовок.js"></script>
- <script src="120.физика.js"></script>
- <script src="140.изображения.js"></script>
- <script src="160.объекты.js"></script>
- <script src="180.ввод.js"></script>
- <script src="300.события.js"></script>
- <script src="320.игрок.js"></script>
- <script src="340.слежение.js"></script>
- <script src="360.маскиПрыжков.js"></script>
- <script src="400.столкновения.js"></script>
- <script src="700.пуск.js"></script>
- <script src="800.пример.json.js"></script>
- <script src="900.обновление.js"></script>
- </body>
- </html>
|