Compare commits

..

No commits in common. "d778d83a26e40213348c1d277cd074481f0a6825" and "c9aea406ffbd25f1dd8ca780567c422f84f7bbe6" have entirely different histories.

2 changed files with 22 additions and 18 deletions

View file

@ -1,7 +1,7 @@
--- ---
title: Creating 360° Equirectangular Images with Hugin title: Creating 360° Equirectangular Images with Hugin
date: 2023-08-04T11:58:40.938Z date: 2023-08-04T11:58:40.938Z
lastmod: 2024-09-11T17:46:39.391Z lastmod: 2023-11-15T20:37:52.008Z
image: /images/blog/2023-08-04-creating-360°-equirectangular-images-with-hugin/ExampleEqui.jpg 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 description: Creating equirectangular images from 6 separate cube map images using Hugin
tags: tags:
@ -11,6 +11,8 @@ draft: false
slug: creating-360-equirectangular-images-hugin 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. 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. First, start Hugin and after it starts go to the Interface menu and select Expert from there.

View file

@ -12,23 +12,6 @@ draft: false
slug: cyberpunk-style-glitch-text-walkthrough 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> <style>
.post-single-content .hero { .post-single-content .hero {
font-size: clamp(40px, 10vw, 100px); font-size: clamp(40px, 10vw, 100px);
@ -523,6 +506,25 @@ There's a lot of pieces that go into an effect like this. What follows is an out
} }
</style> </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 ## The Effect
This is how the complete effect looks like This is how the complete effect looks like