From fdc5aff9af5f9030c3c23a546e2c1c4a39609ab2 Mon Sep 17 00:00:00 2001 From: Aroy-Art Date: Wed, 11 Sep 2024 22:34:18 +0200 Subject: [PATCH 1/2] Fix: reorder post intro --- ...cyberpunk-style-glitch-text-walkthrough.md | 36 +++++++++---------- 1 file changed, 17 insertions(+), 19 deletions(-) diff --git a/content/blog/2024-07-23-cyberpunk-style-glitch-text-walkthrough.md b/content/blog/2024-07-23-cyberpunk-style-glitch-text-walkthrough.md index ffc56a9..a0e5f50 100644 --- a/content/blog/2024-07-23-cyberpunk-style-glitch-text-walkthrough.md +++ b/content/blog/2024-07-23-cyberpunk-style-glitch-text-walkthrough.md @@ -12,6 +12,23 @@ draft: false slug: cyberpunk-style-glitch-text-walkthrough --- +This came out of a 24-hour work sprint to replicate some sophisticated video VFX and to make it more flexible. + +There's a lot of pieces that go into an effect like this. What follows is an outline of the animations and VFX concepts, all in pure css :) + +**Core principles:** + +* Keep the text legible most of the time +* Don't throw too many glitches in per second. Give it space to breathe +* Whitespace never hurt anyone +* Blurs & glows lend a feeling of realism in dark environments (queue neon) + +--- + +{{< toc >}} + +--- + -# Walkthrough - -This came out of a 24-hour work sprint to replicate some sophisticated video VFX and to make it more flexible. - -There's a lot of pieces that go into an effect like this. What follows is an outline of the animations and VFX concepts, all in pure css :) - -**Core principles:** - -* Keep the text legible most of the time -* Don't throw too many glitches in per second. Give it space to breathe -* Whitespace never hurt anyone -* Blurs & glows lend a feeling of realism in dark environments (queue neon) - ---- - -{{< toc >}} - ---- - ## The Effect This is how the complete effect looks like From d778d83a26e40213348c1d277cd074481f0a6825 Mon Sep 17 00:00:00 2001 From: Aroy-Art Date: Wed, 11 Sep 2024 22:35:50 +0200 Subject: [PATCH 2/2] Remove: duplicated header --- ...3-08-04-creating-360°-equirectangular-images-with-hugin.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/content/blog/2023-08-04-creating-360°-equirectangular-images-with-hugin.md b/content/blog/2023-08-04-creating-360°-equirectangular-images-with-hugin.md index 50bba0b..a7cbd1f 100644 --- a/content/blog/2023-08-04-creating-360°-equirectangular-images-with-hugin.md +++ b/content/blog/2023-08-04-creating-360°-equirectangular-images-with-hugin.md @@ -1,7 +1,7 @@ --- title: Creating 360° Equirectangular Images with Hugin date: 2023-08-04T11:58:40.938Z -lastmod: 2023-11-15T20:37:52.008Z +lastmod: 2024-09-11T17:46:39.391Z image: /images/blog/2023-08-04-creating-360°-equirectangular-images-with-hugin/ExampleEqui.jpg description: Creating equirectangular images from 6 separate cube map images using Hugin tags: @@ -11,8 +11,6 @@ draft: false slug: creating-360-equirectangular-images-hugin --- -# Creating 360° Equirectangular Images with Hugin - We can use [Hugin](https://hugin.sourceforge.io/) to create an equirectangular image from a six-image cube. For ease of keeping track of things, it is recommended that you name the files back, front, left, right, down, and up. First, start Hugin and after it starts go to the Interface menu and select Expert from there.