tiger
lotte
|
|
@ -32,11 +32,11 @@
|
|||
<li><a href="music" class="link">music i like</a></li>
|
||||
<li><a href="blorbos" class="link">my blorbos</a></li>
|
||||
<li><a href="other" class="link">other stuff i like</a></li>
|
||||
<li><a href="../lotte/gay" class="link">my girlfriend</a></li>
|
||||
<li><a href="../tiger/gay" class="link">my girlfriend</a></li>
|
||||
<li><a href="shinx" class="link">shinx</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="/assets/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
<head>
|
||||
<link rel="stylesheet" href="/assets/stylesheet.css" />
|
||||
<title>~lotte's website~</title>
|
||||
<title>~tiger's website~</title>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
|
||||
</head>
|
||||
|
|
@ -28,116 +28,14 @@
|
|||
<div class="list">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="lotte" class="link">whos lotte</a>
|
||||
<a href="tiger" class="link">who am i?!</a>
|
||||
</li>
|
||||
<li><a href="made" class="link">stuff i've made</a></li>
|
||||
<li><a href="good" class="link">things i like</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script>
|
||||
|
||||
<script type="importmap">
|
||||
{
|
||||
"imports": {
|
||||
"three": "https://unpkg.com/three@<version>/build/three.module.js",
|
||||
"three/addons/": "https://unpkg.com/three@v0.155.0/examples/jsm/"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script src="/assets/script.js"></script>
|
||||
|
||||
<script lang="js">
|
||||
const lerp = (x, y, a) => x * (1 - a) + y * a;
|
||||
|
||||
const loader = new GLTFLoader();
|
||||
const canvas = document.getElementById(`three-dee-canvas-${this.file}`);
|
||||
const camera = new THREE.PerspectiveCamera(10);
|
||||
const renderer = new THREE.WebGLRenderer({canvas: canvas ?? undefined});
|
||||
const scene = new THREE.Scene();
|
||||
const clock = new THREE.Clock();
|
||||
|
||||
const pressed = useMousePressed({target: canvas});
|
||||
const mouseInElement = useMouseInElement(canvas);
|
||||
|
||||
// set up light
|
||||
const rightLight = new THREE.PointLight(0xd1aaf0);
|
||||
rightLight.position.set(5, 5, 5);
|
||||
rightLight.intensity = 100;
|
||||
scene.add(rightLight);
|
||||
|
||||
const leftLight = new THREE.PointLight(0xaaf0d1);
|
||||
leftLight.position.set(-5, 0, 5);
|
||||
leftLight.intensity = 150;
|
||||
scene.add(leftLight);
|
||||
|
||||
|
||||
function resizeCanvas() {
|
||||
const width = canvas?.clientWidth;
|
||||
const height = canvas?.clientHeight;
|
||||
|
||||
renderer.setSize(width, height, false);
|
||||
camera.aspect = width / height;
|
||||
camera.updateProjectionMatrix();
|
||||
|
||||
renderer.setPixelRatio(1 / (width / 200));
|
||||
}
|
||||
|
||||
const model = await loader.loadAsync(this.file);
|
||||
model.scene.traverse((child) => {
|
||||
if (child.isMesh) {
|
||||
child.material = new THREE.MeshToonMaterial({
|
||||
map: child.map != undefined ? child.map : null,
|
||||
color: child.material.color,
|
||||
});
|
||||
scene.add(model.scene);
|
||||
}
|
||||
})
|
||||
model.scene.rotation.y = -1;
|
||||
|
||||
renderer.setPixelRatio(0.1);
|
||||
renderer.setClearAlpha(0.0);
|
||||
|
||||
camera.position.z = 20;
|
||||
|
||||
renderer.outputColorSpace = THREE.SRGBColorSpace;
|
||||
|
||||
resizeCanvas();
|
||||
|
||||
const resizeObserver = new ResizeObserver(resizeCanvas);
|
||||
resizeObserver.observe(canvas);
|
||||
|
||||
let rotationSpeed = 0.01;
|
||||
|
||||
// where the mouse was first held
|
||||
let lastX = null;
|
||||
|
||||
function animate() {
|
||||
if (lastX === null) {
|
||||
lastX = mouseInElement.elementX.value;
|
||||
}
|
||||
|
||||
if (!mouseInElement.isOutside.value && pressed.pressed.value) {
|
||||
const towards = ((mouseInElement.elementX.value - lastX) * 10) / mouseInElement.elementWidth.value;
|
||||
rotationSpeed = lerp(rotationSpeed, towards, 0.1);
|
||||
lastX = mouseInElement.elementX.value;
|
||||
} else {
|
||||
lastX = null;
|
||||
rotationSpeed = lerp(rotationSpeed, 0.01, 0.01);
|
||||
}
|
||||
|
||||
model.scene.rotation.y += rotationSpeed;
|
||||
model.scene.rotation.x = Math.sin(clock.getElapsedTime() + 1) / 3;
|
||||
model.scene.rotation.z = Math.cos(clock.getElapsedTime()) / 2;
|
||||
|
||||
requestAnimationFrame(animate);
|
||||
renderer.render(scene, camera);
|
||||
}
|
||||
|
||||
resizeCanvas();
|
||||
animate();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
|
||||
<img class="box" src="imgs/harrier dubois.png" alt="drawing of harrier du bois from disco elysium" />
|
||||
<div>
|
||||
<img class="box" src="/made/devlog/plantbonds/imgs/PlantBondsCharacterRunning.gif" style="width: 160px;" />
|
||||
<img class="box" src="/made/games/devlog/plantbonds/imgs/PlantBondsCharacterRunning.gif" style="width: 160px;" />
|
||||
<img class="box" src="/assets/art1.png" alt="art of a tiger with a gun" style="width: 256px;" />
|
||||
<img class="box" src="/assets/art2.png" alt="little cowhouse" style="width: 192px;" />
|
||||
<img class="box" src="/assets/art3.png" alt="cargo container full of rocks" style="width: 192px;" />
|
||||
|
|
@ -35,4 +35,4 @@
|
|||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 424 KiB After Width: | Height: | Size: 424 KiB |
|
Before Width: | Height: | Size: 420 KiB After Width: | Height: | Size: 420 KiB |
|
Before Width: | Height: | Size: 413 KiB After Width: | Height: | Size: 413 KiB |
|
Before Width: | Height: | Size: 816 KiB After Width: | Height: | Size: 816 KiB |
|
Before Width: | Height: | Size: 703 KiB After Width: | Height: | Size: 703 KiB |
|
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 137 KiB |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 385 KiB After Width: | Height: | Size: 385 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 449 KiB After Width: | Height: | Size: 449 KiB |
|
Before Width: | Height: | Size: 395 KiB After Width: | Height: | Size: 395 KiB |
|
Before Width: | Height: | Size: 457 KiB After Width: | Height: | Size: 457 KiB |
|
|
@ -2,12 +2,12 @@
|
|||
<rss version="2.0">
|
||||
<channel>
|
||||
<title>lotte diary</title>
|
||||
<link>https://lotte.kittycat.homes/lotte/blog/diary</link>
|
||||
<link>https://tiger.kittycat.homes/tiger/blog/diary</link>
|
||||
<description>#follow this blog to hear abt my day sometimes</description>
|
||||
|
||||
<item>
|
||||
<title>28/08/2023 - gf visit!! 2!!!!</title>
|
||||
<link>https://lotte.kittycat.homes/lotte/blog/diary/28082023</link>
|
||||
<link>https://tiger.kittycat.homes/tiger/blog/diary/28082023</link>
|
||||
<guid>28082023</guid>
|
||||
<description>my girlfriend visited me!!!!</description>
|
||||
<pubdate>Mon, August 28 2023</pubdate>
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
<item>
|
||||
<title>08/04/2023 - gf visit :3</title>
|
||||
<link>https://lotte.kittycat.homes/lotte/blog/diary/08042023</link>
|
||||
<link>https://tiger.kittycat.homes/tiger/blog/diary/08042023</link>
|
||||
<guid>08042023</guid>
|
||||
<description>i visited my girlfriend!</description>
|
||||
<pubdate>Sat, April 08 2023</pubdate>
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
|
||||
<item>
|
||||
<title>15/03/2023 - i neeeed fluffy ears :(</title>
|
||||
<link>https://lotte.kittycat.homes/lotte/blog/diary/15032023</link>
|
||||
<link>https://tiger.kittycat.homes/tiger/blog/diary/15032023</link>
|
||||
<guid>15032023</guid>
|
||||
<description>i want big fluffy ears nad i want to CREATE things and also i went to florida</description>
|
||||
<pubdate>Wed, March 15 2023</pubdate>
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
|
||||
<item>
|
||||
<title>25/02/2023 - happy :)</title>
|
||||
<link>https://lotte.kittycat.homes/lotte/blog/diary/25022023</link>
|
||||
<link>https://tiger.kittycat.homes/tiger/blog/diary/25022023</link>
|
||||
<guid>25022023</guid>
|
||||
<description>oh boy its been ALMOST A MONTH since i last updated this!!!! that was a close one!</description>
|
||||
<pubdate>Sat, February 25 2023</pubdate>
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
|
||||
<item>
|
||||
<title>26/01/2023 - gf anniversary!! (also im still using dvorak)</title>
|
||||
<link>https://lotte.kittycat.homes/lotte/blog/diary/26012023</link>
|
||||
<link>https://tiger.kittycat.homes/tiger/blog/diary/26012023</link>
|
||||
<guid>26012023</guid>
|
||||
<description>why i like dvorak, 2 year gf anniversary, and more :)</description>
|
||||
<pubdate>Mon, January 26 2023</pubdate>
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
|
||||
<item>
|
||||
<title>16/01/2023 - dvorak</title>
|
||||
<link>https://lotte.kittycat.homes/lotte/blog/diary/16012023</link>
|
||||
<link>https://tiger.kittycat.homes/tiger/blog/diary/16012023</link>
|
||||
<guid>16012023</guid>
|
||||
<description>ive found a new way to be quirky about my computer usage!</description>
|
||||
<pubdate>Mon, January 16 2023</pubdate>
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
|
||||
<item>
|
||||
<title>07/01/2023 - first post :o</title>
|
||||
<link>https://lotte.kittycat.homes/lotte/blog/diary/07012023</link>
|
||||
<link>https://tiger.kittycat.homes/tiger/blog/diary/07012023</link>
|
||||
<guid>07012023-2</guid>
|
||||
<description>the test was a success! now i can put the selfies i took today here :3</description>
|
||||
<pubdate>Sat, January 7 2023</pubdate>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
<head>
|
||||
<link rel="stylesheet" href="/assets/stylesheet.css" />
|
||||
<title>~about lotte~</title>
|
||||
<title>~about me~</title>
|
||||
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
|
||||
</head>
|
||||
|
|
@ -11,13 +11,13 @@
|
|||
<body>
|
||||
<h1 class="title"><a href="/">~</a>/</h1>
|
||||
|
||||
<h1 class="box-title title title-emphasis">hi, i'm lotte!!!</h1>
|
||||
<h1 class="box-title title title-emphasis">hi, i'm tiger!!!</h1>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
hi! i'm
|
||||
<div class="tooltip">
|
||||
lotte
|
||||
tiger
|
||||
<span class="tooltiptext">fae/faer or she/her pronouns</span>
|
||||
</div>
|
||||
, a 22 y/o
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
|
||||
<h2 class="box-title title">
|
||||
more about
|
||||
<span style="vertical-align: -15%; font-size: 140%">lotte!</span>
|
||||
<span style="vertical-align: -15%; font-size: 140%">me!</span>
|
||||
</h2>
|
||||
<div class="box">
|
||||
<p>
|
||||
|
|
@ -92,4 +92,4 @@
|
|||
<script src="/assets/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||