denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styled old image subtitles in devlogs

Browse Source
This commit is contained in:
denizk0461
2025-08-25 10:57:55 +02:00
parent cd4d3b512a
commit 280152d53b
6 changed files with 46 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/routes/projects/projectn5/devlog/+layout.svelte Normal file
View File

@@ -0,0 +1,19 @@
<script>
let { children } = $props();
</script>
{@render children()}
<style>
:global {
.image-subtitle::before {
content: "↳ ";
}
.image-subtitle {
display: block;
width: 80%;
margin: 0 auto;
font-size: 1rem;
}
}
</style>

12
src/routes/projects/projectn5/devlog/2024/0312/+page.svelte
View File

@@ -28,9 +28,7 @@
<h2 id="arena">Level 2: Arena</h2>
<p>The arena level is a new addition, everyone welcome the arena! While I do intend to design a proper arena for the final game, this arena is intended to test enemies and the arena menu.</p>
<img src="arena.webp" alt="A panorama of the arena with a blue sky, white clouds, and an arena terminal">
<div class="image-subtitle-container">
<span class="image-subtitle">the blue sky gives the level such a different feel. the clouds move really quickly here compared to Unity's clouds, suggesting a stormy atmosphere on this planet.</span>
</div>
<span class="image-subtitle">the blue sky gives the level such a different feel. the clouds move really quickly here compared to Unity's clouds, suggesting a stormy atmosphere on this planet.</span>
<p>The computer over there is the arena terminal. By interacting with it, you can select an arena challenge. Currently, it doesn't work. The menu does work! But the buttons don't do anything so far.</p>
<img src="arena-terminal.webp" alt="Three arena challenges displayed in the arena terminal UI">
@@ -48,9 +46,7 @@
<p>When I'm not developing, I'm often doing something else related to my game. Sometimes, I sketch!</p>
<p>I am by NO MEANS a skilled sketch artist, but it really helps to note down ideas to remember them, visualise them, and expand on them.</p>
<img src="sketches.webp" alt="Sketches of the protagonist as well as their armour and weapons">
<div class="image-subtitle-container">
<span class="image-subtitle">don't judge</span>
</div>
<span class="image-subtitle">don't judge</span>
<h2 id="kanban">Kanban for my TODOs</h2>
<p>Perhaps as a small insight into my project management process: I'm using <a href="https://obsidian.md/">Obsidian</a>, a markdown editor, as my means of collecting and managing my projects' notes and ideas. Recently, I've also tried using the Kanban plugin to organise my TODOs (I have <i>a lot</i> of them), which is working quite well! I often create small notes on this board, saving sparks of ideas that I occasionally have, and I like adding extra information that will help me remember in the long term what those ideas were about.</p>
@@ -63,7 +59,5 @@
<p>And so, while my day-to-day motivation for working on my game directly is rather low, this is only a symptom of a general lack of motivation for anything. In the long term, I think I am quite dedicated to this game. When I'm not coding something, I'm coming up with ideas. I'm managing my notes. I'm designing something. Maybe I'm talking to someone about my ideas. That last point is actually something I would love to do more, but I don't really know any person that would enjoy listening to my ramblings.</p>
<p>Let's see how far we get.</p>
<img src="alone.webp" alt="Protagonist staring longingly into the distance, pointing the N5 Blaster thereto">
<div class="image-subtitle-container">
<span class="image-subtitle">staring longingly into the sunset</span>
</div>
<span class="image-subtitle">staring longingly into the sunset</span>
</Content>

4
src/routes/projects/projectn5/devlog/2024/0323/+page.svelte
View File

@@ -48,9 +48,7 @@
<p>I first implemented a fairly basic particle effect using cube meshes. Not exactly photorealistic, but it gets the message across.</p>
<Video src="explosion_0.mp4" />
<div class="image-subtitle-container">
<span class="image-subtitle">boom</span>
</div>
<span class="image-subtitle">boom</span>
<h3 id="rockets-2">Stage 2: Struggle Colliding</h3>

4
src/routes/projects/projectn5/devlog/2024/0324/+page.svelte
View File

@@ -53,9 +53,7 @@
<p>Initial movement tests were quite funny, because <code>look_at()</code> adjusts rotation on both the y axis (left-right rotation) as well as the x-axis (up-down rotation), which meant that the enemy kept looking up when the player was at a higher elevation than it.</p>
<img src="lookingup.webp" alt="Suzanne cylinder staring up at the protagonist from beneath a ramp">
<div class="image-subtitle-container">
<span class="image-subtitle">send help</span>
</div>
<span class="image-subtitle">send help</span>
<h3 id="challenges">Developing Arena Challenges</h3>

4
src/routes/projects/projectn5/devlog/2024/1103/+page.svelte
View File

@@ -99,9 +99,7 @@
<p>Back when I modelled the N5 Blaster around a year ago, I didn't have much experience in using Blender. Thus, it wasn't modelled very well. The model consisted of 8 parts for the body, 3 or 4 parts for the grip, and the icosphere spinning in the middle of the gun. My goal today was to recreate the N5 Blaster with a more streamlined mesh, and I must say, I achieved my goal quite well: the gun now consists of one mesh for the body, one for the grip, and another for the icosphere.</p>
<img src="101-comparison.webp" alt="The remeshed N5 Blaster on the left compared to the old N5 Blaster on the right">
<div class="image-subtitle-container">
<span class="image-subtitle">left: new, right: old</span>
</div>
<span class="image-subtitle">left: new, right: old</span>
<p>With this change, I also adjusted the material slightly. The gun has a more matte look and the grip is more rounded. I should say that the blue glass is only a temporary material I assigned within Blender; it's transparent in-engine to display the icosphere hiding within.</p>

21
src/routes/quotes.ts Normal file
View File

@@ -0,0 +1,21 @@
export interface Quote {
content: string;
author: string;
source: string;
link: string;
}
export let quotes: Quote[] = [
{
content: "If you live a life in letters you might never really feel alive",
author: "Pierce Fulton",
source: "Life in Letters",
link: "https://youtu.be/qIXK5hc7DNQ",
},
// {
// content: "",
// author: "",
// source: "",
// link: "",
// },
];