Compare commits

...

2 commits

Author SHA1 Message Date
d778d83a26
Remove: duplicated header 2024-09-11 22:35:50 +02:00
fdc5aff9af
Fix: reorder post intro 2024-09-11 22:34:18 +02:00
2 changed files with 18 additions and 22 deletions

View file

@ -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.

View file

@ -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 >}}
---
<style>
.post-single-content .hero {
font-size: clamp(40px, 10vw, 100px);
@ -506,25 +523,6 @@ slug: cyberpunk-style-glitch-text-walkthrough
}
</style>
# 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