nindex page
This commit is contained in:
parent
8606be8de7
commit
22a6d20763
@ -1,7 +1,5 @@
|
|||||||
# EditorConfig is awesome: https://EditorConfig.org
|
|
||||||
root = true
|
root = true
|
||||||
|
|
||||||
# for all projects
|
|
||||||
[*]
|
[*]
|
||||||
indent_style = space
|
indent_style = space
|
||||||
indent_size = 4
|
indent_size = 4
|
||||||
@ -10,62 +8,13 @@ charset = utf-8
|
|||||||
trim_trailing_whitespace = true
|
trim_trailing_whitespace = true
|
||||||
insert_final_newline = 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}]
|
[{*.html,*.css,*.json}]
|
||||||
indent_style = tab
|
indent_style = tab
|
||||||
indent_size = 4
|
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]
|
[*.js]
|
||||||
indent_style = space
|
indent_style = space
|
||||||
indent_size = 2
|
indent_size = 2
|
||||||
|
|
||||||
[package.json]
|
[*.md]
|
||||||
indent_style = space
|
trim_trailing_whitespace = false
|
||||||
indent_size = 2
|
|
||||||
|
|
||||||
## for this repo
|
|
||||||
[~/SSH/config]
|
|
||||||
indent_style = tab
|
|
||||||
indent_size = 4
|
|
||||||
|
|
||||||
[~/SublimeText/*.sublime-*]
|
|
||||||
indent_style = tab
|
|
||||||
indent_size = 4
|
|
||||||
|
|||||||
24
README.md
24
README.md
@ -1,21 +1,9 @@
|
|||||||
|
# Примеры на Pixi.js
|
||||||
|
|
||||||
<img src="https://pixijs.com//images/logo.svg" width="250">
|
<img src="https://pixijs.com//images/logo.svg" width="250">
|
||||||
|
|
||||||
## Pixi Download
|
## Pixi.js
|
||||||
|
|
||||||
**Development Build:**
|
- [Official website](https://pixijs.com/)
|
||||||
|
- [Examples](https://pixijs.io/examples/)
|
||||||
https://pixijs.download/v6.5.1/pixi.js
|
- [Documentation](https://pixijs.download/release/docs/index.html)
|
||||||
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
|
|
||||||
|
|||||||
2
src/.gitignore
vendored
2
src/.gitignore
vendored
@ -1 +1 @@
|
|||||||
/pixi.js*
|
assets/js/pixi*.js
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>PixiJS</title>
|
<title>Начало работы с PixiJS</title>
|
||||||
<script src="/pixi.js"></script>
|
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script type="text/javascript" src="app.js"></script>
|
<script type="text/javascript" src="app.js"></script>
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>PixiJS - Текст</title>
|
<title>PixiJS - Текст</title>
|
||||||
<script src="/pixi.js"></script>
|
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script type="text/javascript" src="app.js"></script>
|
<script type="text/javascript" src="app.js"></script>
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>PixiJS - Фигуры</title>
|
<title>PixiJS - Фигуры</title>
|
||||||
<script src="/pixi.js"></script>
|
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script type="text/javascript" src="app.js"></script>
|
<script type="text/javascript" src="app.js"></script>
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>PixiJS - Видимые и невидимые объекты</title>
|
<title>PixiJS - Видимые и невидимые объекты</title>
|
||||||
<script src="/pixi.js"></script>
|
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script type="text/javascript" src="app.js"></script>
|
<script type="text/javascript" src="app.js"></script>
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>PixiJS - Слот-машина</title>
|
<title>PixiJS - Слот-машина</title>
|
||||||
<script src="/pixi.js"></script>
|
<script src="/assets/js/pixi-6.5.1.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script type="text/javascript" src="app.js"></script>
|
<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