Beeg Commit

content/boards/index.md

@@ -33,7 +33,7 @@ type: page
 
 {{< boards-section "collect-coin" "Collect The Coin" "/games/collect-the-coin" "" "Written in Python. (Runs anywhere Python can, Windows, Linux, and macOS, except for web browsers due to performance issues)" >}}
 
-{{< boards-section "long-ninja" "Long Titled Ninja Game" "https://longestboi.itch.io/long-title-ninja" "./lone-ninja.webp" "A top-down 3d shooter in Unity. (Runs on Windows, and Linux. Could run on macOS, but no builds)" >}}
+{{< boards-section "long-ninja" "Long Titled Ninja Game" "/games/lone-ninja" "./lone-ninja.webp" "A top-down 3d shooter in Unity. (Runs on Windows, and Linux. Could run on macOS, but no builds)" >}}
 
 {{< dots >}}
 
@@ -67,7 +67,7 @@ type: page
 
 {{< boards-section "tfttar" "Tales From Teren: The Approaching Rot" "/games/tfttar" "./TFTTAR.webp" "TFTTAR is a web-based visual novel that needs to run on desktop and mobile browsers and uses the ChoiceScript framework. ChoiceScript uses its own interpreted language that is very restrictive because non-programmers are the intended target. Due to these restrictions, I had to use JavaScript to implement some features the designers required; this included making custom BBCode tags and hacking the framework to allow for a button that takes you to a codex at any point in the game." >}}
 
-{{< boards-section "pytris" "Pytris" "/games/pytris" "./Pytris.webp" "Pytris contains one of the more complex engines I’ve written in Python. It has Godot-like signals, GUI objects, global data, and high framerates for an interpreted language." >}}
+{{< boards-section "pytris" "Pytris" "/games/pytris" "./Pytris.webp" "Pytris contains one of the more complex engines I’ve written in Python. It has Godot-like signals, immediate mode GUI objects, global data, and high framerates for an interpreted language." >}}
 
 {{< boards-section "peggle" "Peggle Clone" "/games/peggle-clone" "./Peggle.webp" "I've built my Peggle clone project in Godot 4.2, which is slowly gaining more support in the games industry. The game uses Godot's features like groups, signals, Autoloads, etc, to make every scene portable. Godot allows you to use multiple languages, but for simplicity, I used GDscript, an interpreted language endemic to Godot. Wherever possible, I've specified the type of any variable; this allows the game to run slightly faster, as Godot doesn't have to interpret what the type may be." >}}
 
@@ -77,5 +77,6 @@ type: page
 
 {{< boards-section "tfttar" "Tales From Teren: The Approaching Rot" "/games/tfttar" "./TFTTAR.webp" "I was the main developer for _Tales From Teren_ for its first semester and implemented many features that the designers, writers, and artists needed, some of which never made it into the project." >}}
 
-{{< boards-section "biomines" "Biomines" "https://alemeji1gamedev.itch.io/biomines-demo-milestone-1" "./biomines.webp" "I worked as a programming advisor for the first semester of the project. I advised how the repos should be set up, including file structure, how the project settings should be, and more." >}}
+{{< boards-section "biomines" "Biomines" "https://github.com/Biomines-Prod-Studio/Biomines/commits/develop/?author=Longestboi" "./biomines.webp" "I worked as a programming advisor for the first semester of [Biomines](https://alemeji1gamedev.itch.io/biomines-demo-milestone-1). I advised how the repos should be set up, including file structure, how the project settings should be, and more." >}}
+
 

content/games/collect-the-coin/index.md

@@ -17,7 +17,11 @@ _Collect The Coin_ is a side-scroller where you **Collect a Coin**. _Collect The
 {{< dots >}}
 
 # Video Demo
-{{< rawhtml >}}<div style="margin-bottom: var(--gen-bottom-padding);">{{< youtube WLLQswQx6ss >}}</div>{{< /rawhtml >}}
+{{< rawhtml >}}<div class="gen-padding">{{< youtube WLLQswQx6ss >}}</div>{{< /rawhtml >}}
+{{< dots >}}
+
+# Code Walk + Demo
+{{< rawhtml >}}<div class="gen-padding">{{< youtube Uj-Q4aqEaak >}}</div>{{< /rawhtml >}}
 {{< dots >}}
 
 # Download

content/games/lone-ninja/index.md

@@ -0,0 +1,40 @@
+---
+title: "Long Titled Ninja Game"
+date: 2023-12-17
+type: page
+titleImageOverride: "game-name.webp"
+titleImageStyle: "width: 30%; height: auto; margin: auto; image-rendering: crisp-edges;"
+summary: "A defected ninja defends himself from his former clanmates."
+roles: ["Creator", "Programmer"]
+genre: "Top-down Shooter"
+bannerImage: "lone-ninja.webp"
+pannelImage: "panel-image.webp"
+---
+
+# Top-down Shooter
+In this game, you play as a ninja forced to defect because he was assigned to assassinate a close friend. When you refuse to assassinate this friend, your clanmates, not knowing that your target is a friend, force you out of the clan and start to hunt you down. If they had known the target was close to you, they likely would have reassigned the assassination to someone else.
+
+Also, ninjas have guns, for some reason.
+{{< dots >}}
+
+# Video Demo
+{{< rawhtml >}}<div class="gen-padding">{{< youtube J9MZjKa0yho >}}</div>{{< /rawhtml >}}
+{{< dots >}}
+
+# Milestones & Progress
+
+## Milestone 1
+{{< rawhtml >}}<div class="gen-padding">{{< youtube -VVDnwgLnfA >}}</div>{{< /rawhtml >}}
+
+## Milestone 2
+{{< rawhtml >}}<div class="gen-padding">{{< youtube DbL0FebMGCQ >}}</div>{{< /rawhtml >}}
+
+## Milestone 3
+{{< rawhtml >}}<div class="gen-padding">{{< youtube UW861vPU2mg >}}</div>{{< /rawhtml >}}
+
+## Milestone 4
+{{< rawhtml >}}<div class="gen-padding">{{< youtube 8O1nCIY_AOY >}}</div>{{< /rawhtml >}}
+{{< dots >}}
+
+# Download
+{{< itch userName="longestboi" gameTitle="long-title-ninja" >}}

content/games/peggle-clone/index.md

@@ -1,25 +1,25 @@
 ---
 title: "Peggle Clone"
 date: 2024-07-22
-#titleImageOverride: "Collect-The-Coin.webp"
-#titleImageStyle: "width: 30%; height: auto; margin: auto; image-rendering: crisp-edges;"
 type: page
-summary: "A recreation of of the classic pachinko game Peggle in the Godot game engine"
+summary: "A recreation of of the classic pachinko-puzzle game Peggle in the Godot game engine"
 roles: ["Creator", "Programmer"]
 genre: "Puzzle"
-bannerImage: ""
-pannelImage: ""
+bannerImage: "Peggle-banner.webp"
+pannelImage: "Peggle-banner.webp"
 ---
 
 # A Peggle clone
-_\*TODO\*_
+My clone of Peggle is written in the Godot game engine, and utilizes many of Godot's features, like type hints, which speeds up GDScript as it doesn't need to find a given type, signals, an implementation of the _[observer pattern](https://en.wikipedia.org/wiki/Observer_pattern)_, and more.
+
+This clone was made during the downtime of a game programming internship, as the client was unable to complete the GDD during the internship period.
 
 {{< dots >}}
 
 # Video Demo
-_\*TODO\*_
+{{< rawhtml >}}<div class="gen-padding">{{< youtube 3KPSR-Rbs9I >}}</div>{{< /rawhtml >}}
 
 {{< dots >}}
 
-# Download
-_\*TODO\*_
+# Structure
+This prototype project is structured in a way to make 

content/games/pytris/index.md

@@ -16,8 +16,58 @@ _Pytris_ is a clone of the classic tetromino puzzle game Tetris. I built this ga
 
 I've achieved this by utilizing Pygame's built-in sprite type, `DirtySprite`, and the `LayeredDirty` sprite group. The "Dirty" part of these types denotes when or if the sprite should get redrawn, stopping the renderer from wasting time constantly redrawing some sprites, like backgrounds and other static objects.
 
-# Video (?)
-*Video of it here???*
+# Code Showcase
 
-# Game
-*Link or embedded game here...*
+## Signal.py (Obeserver Pattern Object)
+```python
+from typing import Callable
+import inspect
+
+class Signal():
+    def __init__(self, function_definition: Callable):
+        self.function_definition = function_definition
+        self.funcs = []
+
+    def emit(self, *args):
+        for func in self.funcs:
+            func(*args)
+
+    def connect(self, func: Callable):
+        self.funcs.append(func)
+```
+
+## Typical Pytris Object Init Function
+The typical pytris object initialization function looks rather 
+```python
+def __init__(self, **kwargs):
+    GameObject.__init__(self, **kwargs)
+
+    self.bkg = GameObject(
+        name="TetrominoBox Background",
+        layer=game_globals.Layer.Middle,
+        parent=self,
+        image=pygame.image.load("assets/Box_test.png"),
+    )
+
+    self.sup_bkg = GameObject(
+        name="Tetrominobox SuperBackground",
+        layer=game_globals.Layer.Middle,
+        parent=self.bkg,
+        image=pygame.image.load("assets/Box_test_super.png")
+    )
+
+    self.sup_bkg.set_position((
+        self.bkg.rect.centerx - (self.sup_bkg.rect.width / 2),
+        0
+    ))
+
+    self.tetromino = GameObject(
+        name="TetrominoBox Tetromino",
+        layer=game_globals.Layer.Foreground,
+        image=pygame.Surface((0, 0)),
+        parent=self
+    )
+```
+
+# Status
+Currently the game is not available as I haven't had time to finish it. I'll update this page when I do.

static/js/refractor/lang/gdscript.js

@@ -0,0 +1,42 @@
+// @ts-nocheck
+gdscript.displayName = 'gdscript'
+gdscript.aliases = []
+
+/** @type {import('../core.js').Syntax} */
+export default function gdscript(Prism) {
+  Prism.languages.gdscript = {
+    comment: /#.*/,
+    string: {
+      pattern:
+        /@?(?:("|')(?:(?!\1)[^\n\\]|\\[\s\S])*\1(?!"|')|"""(?:[^\\]|\\[\s\S])*?""")/,
+      greedy: true
+    },
+    'class-name': {
+      // class_name Foo, extends Bar, class InnerClass
+      // export(int) var baz, export(int, 0) var i
+      // as Node
+      // const FOO: int = 9, var bar: bool = true
+      // func add(reference: Item, amount: int) -> Item:
+      pattern:
+        /(^(?:class|class_name|extends)[ \t]+|^export\([ \t]*|\bas[ \t]+|(?:\b(?:const|var)[ \t]|[,(])[ \t]*\w+[ \t]*:[ \t]*|->[ \t]*)[a-zA-Z_]\w*/m,
+      lookbehind: true
+    },
+    nodepath: /\$\w+/,
+    annotation:
+      /(?:@tool|@icon|@static_unload|@onready|@export|@export_enum|@export_file|@export_dir|@export_global_file|@export_global_dir|@export_multiline|@export_placeholder|@export_range|@export_exp_easing|@export_color_no_alpha|@export_node_path|@export_flags|@export_flags_2d_render|@export_flags_2d_physics|@export_flags_2d_navigation|@export_flags_3d_render|@export_flags_3d_physics|@export_flags_3d_navigation|@export_flags_avoidance|@export_storage|@export_custom|@export_category|@export_group|@export_subgroup|@warning_ignore|@rpc)\b/,
+    controlflow:
+      /\b(?:continue|elif|else|for|if|match|return|while)\b/,
+    keyword:
+      /\b(?:and|as|assert|break|breakpoint|class|class_name|const|enum|extends|func|in|is|master|mastersync|not|null|or|pass|preload|puppet|puppetsync|remote|remotesync|self|setget|signal|static|super|tool|var|while|yield)\b/,
+    function: /\b[a-z_]\w*(?=[ \t]*\()/i,
+   // variable: /\$\w+/,
+    number: [
+      /\b0b[01_]+\b|\b0x[\da-fA-F_]+\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.[\d_]+)(?:e[+-]?[\d_]+)?\b/,
+      /\b(?:INF|NAN|PI|TAU)\b/
+    ],
+    constant: /\b[A-Z][A-Z_\d]*\b/,
+    boolean: /\b(?:false|true)\b/,
+    operator: /->|:=|&&|\|\||<<|>>|[-+*/%&|!<>=]=?|[~^]/,
+    punctuation: /[.:,;()[\]{}]/
+  }
+}

themes/customTheme/layouts/_default/_markup/render-codeblock.html

@@ -4,18 +4,23 @@
   import {refractor as refractor} from 'https://esm.sh/refractor@4?bundle'
   import renpy from '/js/refractor/lang/renpy.js'
   import hlsl from '/js/refractor/lang/hlsl.js'
+  import gdscript from '/js/refractor/lang/gdscript.js'
 
   window.toHtml = toHtml;
   window.refractor = refractor;
 
+  refractor.register(gdscript)
   refractor.register(renpy)
   refractor.register(hlsl)
+
+  console.log(refractor)
+
   export { toHtml, refractor }
 </script>
 {{ end }}
 
 <script type="module">
-  const tree = window.refractor.highlight('{{ .Inner }}', '{{ .Type }}');
+  const tree = window.refractor.highlight('{{ replace .Inner "\t" "    " }}', '{{ .Type }}');
   document.getElementById("{{ .Type }}-{{ .Ordinal }}").innerHTML = window.toHtml(tree);
 </script>
 

themes/customTheme/layouts/partials/text-heading.html

@@ -1,6 +1,6 @@
 {{ if eq .Level 1}}
 <div class="short-intro-head">
-	<head{{ .Level }} class="short-article-main-header">{{ .Text }}</head{{ .Level }}>
+	<head{{ .Level }} class="short-article-main-header">{{ htmlUnescape .Text }}</head{{ .Level }}>
 	<hr class="short-intro-line">
 </div>
 {{ else if eq .Level 2}}
@@ -15,6 +15,6 @@
 	<hr class="line" style="width: 100%;">
 </div>
 {{ else }}
-<h{{ .Level }}>{{ .Text }}</h{{ .Level }}>
+<h{{ .Level }}>{{ htmlUnescape .Text }}</h{{ .Level }}>
 {{ end }}
 

themes/customTheme/static/css/codeblock.css

@@ -17,7 +17,7 @@ pre.code-block > * > * {
     font-size: .92em;
     font-family: Iosevka Web,Consolas,Courier,monospace;
     font-weight: 500;
-    color: #eae1af;
+    color: #eae1afx;
 }
 
 pre.code-block > span {
@@ -26,11 +26,70 @@ pre.code-block > span {
     --cyan: #8ec07c;
     --green: #b8bb26;
     --yellow: #fabd2f;
+    --orange: #fe8019;
     --red: #fb4934;
     --purple: #d3869b;
     --grey: #7c6f64;
 }
 
+pre.code-block:has(.gdscript-code-block) {
+    background: #202531;
+}
+
+pre.code-block > .gdscript-code-block {
+    --blue: #66e5ff;
+    --cyan: #8effda;
+    --yellow: #ffeca1;
+    --red: #ff7085;
+    --orange: #ffb373;
+    --green: #63c259;
+    --light-blue: #abc9ff;
+    --magenta: #ff8ccc;
+}
+
+span.gdscript-code-block > span.token.controlflow {
+    color: var(--magenta);
+}
+
+span.gdscript-code-block > span.token.nodepath {
+    color: var(--green);
+}
+
+span.gdscript-code-block > span.token.operator {
+    color: var(--light-blue);
+}
+
+span.gdscript-code-block > span.token.keyword,
+span.gdscript-code-block > span.token.boolean {
+    color: var(--red);
+}
+
+span.gdscript-code-block > span.token.string {
+    color: var(--yellow);
+}
+
+span.gdscript-code-block > span.token.function {
+    color: var(--blue);
+}
+
+span.gdscript-code-block > span.token.class-name {
+    color: var(--cyan);
+}
+
+span.gdscript-code-block > span.token.annotation {
+    color: var(--orange);
+}
+
+span.gdscript-code-block > span.token.comment {
+    font-style: italic;
+    color: rgba(204, 206, 211, 0.5);
+}
+
+
+span.python-code-block > span.token.class-name {
+    color: var(--orange);
+}
+
 span.renpy-code-block > span.token.comment,
 span.rpy-code-block > span.token.comment,
 span.python-code-block > span.token.comment,
@@ -49,6 +108,7 @@ span.c-code-block > span.token.keyword {
 
 span.renpy-code-block > span.token.tag,
 span.rpy-code-block > span.token.tag,
+span.python-code-block > span.token.keyword,
 span.javascript-code-block > span.token.tag,
 span.javascript-code-block > span.token.keyword,
 span.hlsl-code-block > span.token.keyword {

themes/customTheme/static/css/shortcodes.css

@@ -97,14 +97,20 @@
 	word-break: break-word;
 }
 
-.board-section > .text > .subsection > .description{
+.board-section > .text > .subsection > .description {
 	color: var(--text-color-90);
 	font-size: .9em;
 	font-weight: lighter;
 /*	padding-left: 1em;*/
 	padding-right: .5em;
 }
 
+/*.board-section > .text > .subsection > .description > * {
+	color: var(--text-color-90);
+	font-size: .9em;
+	font-weight: lighter;
+}*/
+
 .board-section > .text > .subsection > .buttons {
 	align-self: end;
 }

themes/customTheme/static/css/site.css

@@ -136,6 +136,16 @@ a {
     text-decoration: var(--link-color) underline 0.1336em;
 }
 
+em, strong, a {
+    font-size: inherit;
+    color: inherit;
+    font-weight: inherit;
+}
+
+strong {
+    font-weight: bold;
+}
+
 /* I have no idea what this code is for */
 /*ul, dd {
     padding-left: 1em;