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

created ImageSubtitle element; added content to blog post 1

Browse Source
This commit is contained in:
denizk0461
2026-01-28 23:10:36 +01:00
parent 9cdae8e070
commit 75674c4992
23 changed files with 137 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/projects/projectn5/+layout.svelte
View File

@@ -2,18 +2,4 @@
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>
{@render children()}

3
src/routes/projects/projectn5/devlog/2024/0210.md
View File

@@ -10,8 +10,7 @@ There are also new animations! Nothing finished, of course, but I created them t
<Video src="animations.mp4" />
The game also now has a proper sky! I used this <a href="https://godotshaders.com/shader/stylized-sky-with-procedural-sun-and-moon/">Procedural Sky with Procedural Sun and Moon shader</a>
by krzmig and tweaked the colours and light to get the current look. I don't expect this to be final necessarily, but I'll definitely at the very least use this as a base. I do like the look though, so it might remain final after all!
The game also now has a proper sky! I used this <a href="https://godotshaders.com/shader/stylized-sky-with-procedural-sun-and-moon/">Procedural Sky with Procedural Sun and Moon shader</a> by krzmig and tweaked the colours and light to get the current look. I don't expect this to be final necessarily, but I'll definitely at the very least use this as a base. I do like the look though, so it might remain final after all!
<img src="sky.webp" alt="Panorama shot of the scene and the orange-to-pink sky with the character in front">

7
src/routes/projects/projectn5/devlog/2024/0312.md
View File

@@ -1,5 +1,6 @@
<script lang="ts">
import Video from "$lib/video.svelte";
import ImageSubtitle from "$lib/image-subtitle.svelte";
</script>
I've unfortunately not gotten a lot done lately. Both an internship and many university courseworks had robbed me of much time, while the remainder of my free time had been taken up by a lack of motivation for working on my game. Despite this, I've still made a little bit of progress that I'm quite happy to share here!
@@ -16,7 +17,7 @@ The arena level is a new addition, everyone welcome the arena! While I do intend
<img src="arena.webp" alt="A panorama of the arena with a blue sky, white clouds, and an arena terminal">
<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>
<ImageSubtitle content="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." />
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.
@@ -47,7 +48,7 @@ When I'm not developing, I'm often doing something else related to my game. Some
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.
<img src="sketches.webp" alt="Sketches of the protagonist as well as their armour and weapons">
<span class="image-subtitle">don't judge</span>
<ImageSubtitle content="don't judge" />
## Kanban for my TODOs
@@ -67,4 +68,4 @@ And so, while my day-to-day motivation for working on my game directly is rather
Let's see how far we get.
<img src="alone.webp" alt="Protagonist staring longingly into the distance, pointing the N5 Blaster thereto">
<span class="image-subtitle">staring longingly into the sunset</span>
<ImageSubtitle content="staring longingly into the sunset" />

3
src/routes/projects/projectn5/devlog/2024/0323.md
View File

@@ -1,5 +1,6 @@
<script lang="ts">
import Video from "$lib/video.svelte";
import ImageSubtitle from "$lib/image-subtitle.svelte";
</script>
I have quite a bit of free time on my hands until the next semester starts (in a few days...), and this leisure time has allowed me to continue working on my game a lot more than usual! I made quite a bit of progress that makes this game prototype feel slightly more polished and I'm really happy to share it here and now.
@@ -36,7 +37,7 @@ I finally implemented enemy health – they can now take damage from weapons and
I first implemented a fairly basic particle effect using cube meshes. Not exactly photorealistic, but it gets the message across.
<Video src="explosion_0.mp4" />
<span class="image-subtitle">boom</span>
<ImageSubtitle content="boom" />
### Stage 2: Struggle Colliding

3
src/routes/projects/projectn5/devlog/2024/0324.md
View File

@@ -1,5 +1,6 @@
<script lang="ts">
import Video from "$lib/video.svelte";
import ImageSubtitle from "$lib/image-subtitle.svelte";
</script>
A new update *so* soon‽ Yes! I have things to share that I'm really excited about!
@@ -34,7 +35,7 @@ Suzanne cylinder (called "test_monkey" in the game) is the first enemy that has
Initial movement tests were quite funny, because `look_at()` 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.
<img src="lookingup.webp" alt="Suzanne cylinder staring up at the protagonist from beneath a ramp">
<span class="image-subtitle">send help</span>
<ImageSubtitle content="send help" />
### Developing Arena Challenges

3
src/routes/projects/projectn5/devlog/2024/1103.md
View File

@@ -1,5 +1,6 @@
<script lang="ts">
import Video from "$lib/video.svelte";
import ImageSubtitle from "$lib/image-subtitle.svelte";
</script>
As promised, I've been working on a few visual things! There's not *that* much to show yet, but I have a model or two to show, plus a lot more to talk about in terms of where I want to take the game.
@@ -81,7 +82,7 @@ Continuing the streak of visual elements, I worked on the N5 Blaster... again. T
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.
<img src="101-comparison.webp" alt="The remeshed N5 Blaster on the left compared to the old N5 Blaster on the right">
<span class="image-subtitle">left: new, right: old</span>
<ImageSubtitle content="left: new, right: old" />
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.