nindex page
This commit is contained in:
parent
8606be8de7
commit
22a6d20763
|
|
@ -1,7 +1,5 @@
|
|||
# EditorConfig is awesome: https://EditorConfig.org
|
||||
root = true
|
||||
|
||||
# for all projects
|
||||
[*]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
|
@ -10,62 +8,13 @@ charset = utf-8
|
|||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
# Python
|
||||
[*.py]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
||||
# PHP
|
||||
[*.php]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
||||
# Crystal
|
||||
[*.cr]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
# C
|
||||
[{*.c,*.h}]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
||||
# Web Sites
|
||||
[{*.html,*.css,*.json}]
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
|
||||
[humans.txt]
|
||||
indent_style = tab
|
||||
indent_size = 2
|
||||
|
||||
# Markdown
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
|
||||
# Other
|
||||
[Makefile]
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
|
||||
[.gitconfig]
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
|
||||
# JavaScript
|
||||
[*.js]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
[package.json]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
## for this repo
|
||||
[~/SSH/config]
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
|
||||
[~/SublimeText/*.sublime-*]
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
|
|
|
|||
24
README.md
24
README.md
|
|
@ -1,21 +1,9 @@
|
|||
# Примеры на Pixi.js
|
||||
|
||||
<img src="https://pixijs.com//images/logo.svg" width="250">
|
||||
|
||||
## Pixi Download
|
||||
## Pixi.js
|
||||
|
||||
**Development Build:**
|
||||
|
||||
https://pixijs.download/v6.5.1/pixi.js
|
||||
https://pixijs.download/v6.5.1/pixi.js.map
|
||||
https://pixijs.download/v6.5.1/pixi.mjs
|
||||
https://pixijs.download/v6.5.1/pixi.mjs.map
|
||||
|
||||
**Production Build:**
|
||||
|
||||
https://pixijs.download/v6.5.1/pixi.min.js
|
||||
https://pixijs.download/v6.5.1/pixi.min.js.map
|
||||
https://pixijs.download/v6.5.1/pixi.min.mjs
|
||||
https://pixijs.download/v6.5.1/pixi.min.mjs.map
|
||||
|
||||
**Documentation:**
|
||||
|
||||
https://pixijs.download/v6.5.1/docs/index.html
|
||||
- [Official website](https://pixijs.com/)
|
||||
- [Examples](https://pixijs.io/examples/)
|
||||
- [Documentation](https://pixijs.download/release/docs/index.html)
|
||||
|
|
|
|||
2
src/.gitignore
vendored
2
src/.gitignore
vendored
|
|
@ -1 +1 @@
|
|||
/pixi.js*
|
||||
assets/js/pixi*.js
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>PixiJS</title>
|
||||
<script src="/pixi.js"></script>
|
||||
<title>Начало работы с PixiJS</title>
|
||||
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="app.js"></script>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>PixiJS - Текст</title>
|
||||
<script src="/pixi.js"></script>
|
||||
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="app.js"></script>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>PixiJS - Фигуры</title>
|
||||
<script src="/pixi.js"></script>
|
||||
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="app.js"></script>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>PixiJS - Видимые и невидимые объекты</title>
|
||||
<script src="/pixi.js"></script>
|
||||
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="app.js"></script>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>PixiJS - Слот-машина</title>
|
||||
<script src="/pixi.js"></script>
|
||||
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="app.js"></script>
|
||||
|
|
|
|||
6
src/README.md
Normal file
6
src/README.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
## Attention! ⚠️
|
||||
**Run server here**
|
||||
|
||||
## Список
|
||||
|
||||
- [Полоска здоровья](health_bar/)
|
||||
1
src/assets/css/chota-47d5845.min.css
vendored
Normal file
1
src/assets/css/chota-47d5845.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
45
src/assets/css/styles.css
Normal file
45
src/assets/css/styles.css
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
* {}
|
||||
|
||||
body.dark {
|
||||
--bg-color: #2f3542;
|
||||
--bg-secondary-color: #131316;
|
||||
--font-color: #f5f5f5;
|
||||
--color-grey: #ccc;
|
||||
--color-darkGrey: #777;
|
||||
}
|
||||
|
||||
main {
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
nav {
|
||||
border-bottom: 1px solid var(--color-darkGrey);
|
||||
}
|
||||
|
||||
.frame {
|
||||
border-left: 1px solid var(--color-darkGrey);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.list {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
cursor: pointer;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
li:hover {
|
||||
background-color: var(--color-darkGrey);
|
||||
}
|
||||
|
||||
23
src/assets/js/website.js
Normal file
23
src/assets/js/website.js
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
let pages = {
|
||||
gettingStart: {name: 'Начало работы с PixiJS', url: '01/index.html'},
|
||||
text: {name: 'Текст в PixiJS', url: '02/index.html'},
|
||||
graphics: {name: 'Фигуры в PixiJS', url: '03/index.html'},
|
||||
visibleObjects: {name: 'Видимые и невидимые объекты в PixiJS', url: '04/index.html'},
|
||||
};
|
||||
|
||||
window.onload = function() {
|
||||
let lessonsList = document.getElementById('lessonsList');
|
||||
|
||||
Object.entries(pages).forEach(([key, value]) => {
|
||||
let newItem = document.createElement('li');
|
||||
newItem.appendChild(document.createTextNode(value.name));
|
||||
newItem.setAttribute('onclick', `openPage('${key}');`);
|
||||
|
||||
lessonsList.appendChild(newItem);
|
||||
});
|
||||
};
|
||||
|
||||
function openPage(item) {
|
||||
let frame = document.getElementById('examplesFrame');
|
||||
frame.src = pages[item].url;
|
||||
}
|
||||
36
src/index.html
Normal file
36
src/index.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Pixi.js examples by iiiypuk</title>
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/chota-47d5845.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
|
||||
<script type="text/javascript" src="assets/js/website.js"></script>
|
||||
</head>
|
||||
<body class="dark">
|
||||
<nav class="nav">
|
||||
<div class="nav-left">
|
||||
<a class="brand text-light" href="/">Pixi.js: уроки и примеры</a>
|
||||
</div>
|
||||
<div class="nav-right">
|
||||
<a class="button primary" href="https://iiiypuk.me" target="_blank">Author</a>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="container">
|
||||
<div class="row">
|
||||
<div class="col-4 lessons-list">
|
||||
<ul id="lessonsList" class="list">
|
||||
<!-- <li onclick="openPage('gettingStart');">Начало работы с PixiJS</li>
|
||||
<li onclick="openPage('text');">Начало работы с PixiJS</li>
|
||||
<li onclick="openPage('graphics');">Начало работы с PixiJS</li>
|
||||
<li onclick="openPage('visibleObjects');">Начало работы с PixiJS</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col frame">
|
||||
<iframe id="examplesFrame" src="01/index.html"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user