chore: optimize the project structure
Some checks failed
Build Demo / build (push) Failing after 10s
Some checks failed
Build Demo / build (push) Failing after 10s
This commit is contained in:
parent
04e1d0d313
commit
76ce2492ab
|
Before Width: | Height: | Size: 267 B After Width: | Height: | Size: 267 B |
@ -1,17 +1,3 @@
|
||||
# Welcome to MkDocs
|
||||
|
||||
For full documentation visit [mkdocs.org](https://www.mkdocs.org).
|
||||
|
||||
## Commands
|
||||
|
||||
* `mkdocs new [dir-name]` - Create a new project.
|
||||
* `mkdocs serve` - Start the live-reloading docs server.
|
||||
* `mkdocs build` - Build the documentation site.
|
||||
* `mkdocs -h` - Print help message and exit.
|
||||
|
||||
## Project layout
|
||||
|
||||
mkdocs.yml # The configuration file.
|
||||
docs/
|
||||
index.md # The documentation homepage.
|
||||
... # Other markdown pages, images and other files.
|
||||
---
|
||||
template: home.html
|
||||
---
|
||||
|
||||
@ -8,21 +8,19 @@ theme:
|
||||
language: zh
|
||||
logo: assets/images/title.png
|
||||
favicon: assets/images/logo.png
|
||||
# noinspection YAMLSchemaValidation
|
||||
palette:
|
||||
- media: "(prefers-color-scheme)"
|
||||
toggle:
|
||||
icon: material/brightness-auto
|
||||
name: 切换到日间模式
|
||||
- media: "(prefers-color-scheme: light)"
|
||||
primary: teal
|
||||
accent: teal
|
||||
scheme: default
|
||||
toggle:
|
||||
icon: material/brightness-7
|
||||
name: 切换到深色模式
|
||||
- media: "(prefers-color-scheme: dark)"
|
||||
scheme: slate
|
||||
primary: teal
|
||||
accent: teal
|
||||
toggle:
|
||||
icon: material/brightness-4
|
||||
name: 切换到系统默认
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<meta name="description" content="{{ config.site_description }}" />
|
||||
<link rel="icon" href="{{ config.theme.favicon | url }}" />
|
||||
<title>{{ config.site_name }}</title>
|
||||
<link rel="stylesheet" href="assets/stylesheets/main.css"/>
|
||||
<link rel="stylesheet" href="assets/stylesheets/home.css"/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -16,6 +16,6 @@
|
||||
|
||||
<div id="pseudo-3d-layer"></div>
|
||||
|
||||
<script src="assets/javascripts/main.js"></script>
|
||||
<script src="assets/javascripts/home.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,4 +1,5 @@
|
||||
import { exec as _exec } from "node:child_process";
|
||||
import { createReadStream, createWriteStream } from "node:fs";
|
||||
import * as esbuild from "esbuild";
|
||||
import clear from "./clear.js";
|
||||
|
||||
@ -6,13 +7,15 @@ const exec = command => new Promise((resolve, reject) =>
|
||||
_exec(command, (error, stdout, stderr) =>
|
||||
error ? reject(error) : resolve(stdout + stderr))
|
||||
);
|
||||
const copy = (from, to) => createReadStream(from).pipe(createWriteStream(to));
|
||||
|
||||
clear();
|
||||
|
||||
await exec("mkdocs build");
|
||||
copy('./src/webgl-less.html', './site/webgl-less.html');
|
||||
await esbuild.build({
|
||||
entryPoints: [ "./src/index.js" ],
|
||||
bundle: true,
|
||||
minify: true,
|
||||
outfile: 'site/assets/javascripts/main.js',
|
||||
outfile: './site/assets/javascripts/home.js',
|
||||
});
|
||||
|
||||
0
src/holding-hands.js
Normal file
0
src/holding-hands.js
Normal file
77
src/index.js
77
src/index.js
@ -1,42 +1,43 @@
|
||||
import WorldViewport from "./world-viewport.js";
|
||||
import WebGL from "three/examples/jsm/capabilities/WebGL.js";
|
||||
import WorldViewport from "./world-viewport.js";
|
||||
import Pseudo3DLayer from "./pseudo-3d-layer.js";
|
||||
|
||||
if (WebGL.isWebGL2Available()) {
|
||||
const canvas = document.getElementById('three-viewport');
|
||||
const world = new WorldViewport(canvas);
|
||||
world.setup();
|
||||
console.log(world);
|
||||
|
||||
const container = document.getElementById('pseudo-3d-layer');
|
||||
const layer = new Pseudo3DLayer(container);
|
||||
layer.bind(world);
|
||||
console.log(layer);
|
||||
|
||||
{
|
||||
const test = document.createElement('div');
|
||||
test.style.width = '10%';
|
||||
test.style.height = '10%';
|
||||
test.style.background = 'red';
|
||||
test.style.pointerEvents = 'fill';
|
||||
layer.add(test, { x: 0, y: 0, z: 0 });
|
||||
}
|
||||
{
|
||||
const test = document.createElement('div');
|
||||
test.style.width = '5%';
|
||||
test.style.height = '5%';
|
||||
test.style.background = 'green';
|
||||
test.style.pointerEvents = 'fill';
|
||||
layer.add(test, { x: 0, y: 0, z: 1 });
|
||||
}
|
||||
{
|
||||
const test = document.createElement('div');
|
||||
test.style.width = '1%';
|
||||
test.style.height = '1%';
|
||||
test.style.background = 'blue';
|
||||
test.style.pointerEvents = 'fill';
|
||||
layer.add(test, { x: 4 * Pseudo3DLayer.PixelToBlockMultiple, y: 2 * Pseudo3DLayer.PixelToBlockMultiple, z: 2 });
|
||||
}
|
||||
} else {
|
||||
document.body.appendChild(WebGL.getWebGL2ErrorMessage());
|
||||
if (!WebGL.isWebGL2Available()) {
|
||||
location.replace('./webgl-less.html');
|
||||
throw 0;
|
||||
}
|
||||
|
||||
const canvas = document.getElementById('three-viewport');
|
||||
const world = new WorldViewport(canvas);
|
||||
world.setup();
|
||||
console.log(world);
|
||||
|
||||
const container = document.getElementById('pseudo-3d-layer');
|
||||
const layer = new Pseudo3DLayer(container);
|
||||
layer.bind(world);
|
||||
console.log(layer);
|
||||
|
||||
{
|
||||
const test = document.createElement('div');
|
||||
test.style.width = '10%';
|
||||
test.style.height = '10%';
|
||||
test.style.background = 'red';
|
||||
test.style.pointerEvents = 'fill';
|
||||
layer.add(test, { x: 0, y: 0, z: 0 });
|
||||
}
|
||||
{
|
||||
const test = document.createElement('div');
|
||||
test.style.width = '5%';
|
||||
test.style.height = '5%';
|
||||
test.style.background = 'green';
|
||||
test.style.pointerEvents = 'fill';
|
||||
layer.add(test, { x: 0, y: 0, z: 1 });
|
||||
}
|
||||
{
|
||||
const test = document.createElement('div');
|
||||
test.style.width = '1%';
|
||||
test.style.height = '1%';
|
||||
test.style.background = 'blue';
|
||||
test.style.pointerEvents = 'fill';
|
||||
layer.add(test, { x: 4 * Pseudo3DLayer.PixelToBlockMultiple, y: 2 * Pseudo3DLayer.PixelToBlockMultiple, z: 2 });
|
||||
}
|
||||
|
||||
0
src/map.js
Normal file
0
src/map.js
Normal file
@ -8,6 +8,7 @@ export default class Pseudo3DLayer {
|
||||
bind(world) {
|
||||
this.world = world;
|
||||
this.originX = world.camera.position.z;
|
||||
// noinspection JSUndefinedPropertyAssignment
|
||||
world.renderPseudo = this.render.bind(this);
|
||||
}
|
||||
|
||||
|
||||
19
src/webgl-less.html
Normal file
19
src/webgl-less.html
Normal file
@ -0,0 +1,19 @@
|
||||
<!--suppress HtmlUnknownTarget -->
|
||||
<!doctype html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<meta name="description" content="{{ config.site_description }}" />
|
||||
<link rel="icon" href="{{ config.theme.favicon | url }}" />
|
||||
<title>{{ config.site_name }}</title>
|
||||
<style></style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>抱歉，您的浏览器不支持 WebGL 2！</h1>
|
||||
|
||||
<script></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -169,7 +169,7 @@ export default class WorldViewport {
|
||||
({ min: { x: minX, y: minY, z: minZ }, max: { x: maxX, y: maxY, z: maxZ } })
|
||||
);
|
||||
|
||||
const petalTexture = new THREE.TextureLoader().load('assets/images/cherry_petal_atlas.png');
|
||||
const petalTexture = new THREE.TextureLoader().load('assets/images/home/cherry_petal_atlas.png');
|
||||
petalTexture.magFilter = THREE.NearestFilter;
|
||||
petalTexture.minFilter = THREE.NearestFilter;
|
||||
const petalMaterial = new THREE.MeshBasicMaterial({
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user