←back to thread

HDR‑Infused Emoji

(sharpletters.net)
274 points tabletcorry | 2 comments | | HN request time: 0s | source
Show context
donohoe ◴[] No.43718958[source]
I used (abused) HDR in an editorial project last year. We were working with an amazing illustrator doing a take on series of stories exploring the intersection of faith, storytelling, and technology.

As the early versions of the images emerged we thought we could used HDR to provide more or a aura to some elements. We tried to make it subtle and not overwhelm.

This example is my favorite:

https://restofworld.org/2024/divinity-altered-reality-muslim...

I think it worked well - and this technique would have been useful. We tried something similar but could not get it to work.

Our method was to use a stretched HDR video in the background.

Here are the steps I used:

In Photoshop create white image to proportions required. Save as MP4:

  File > Export > Render Video
Save as "sample.mp4"

With the MP4, generate a HDR version in WEBM:

  ffmpeg -i sample.mp4 -pix_fmt yuv420p10le -color_primaries 9 -color_trc 16 -colorspace 9 -color_range 1 -profile:v 2 -vcodec libvpx-vp9 sample.webm
With the plain MP4, generate the HDR version:

  ffmpeg -i sample.mp4 -pix_fmt yuv420p10le -color_primaries 9 -color_trc 16 -colorspace 9 -color_range 1 -profile:v high10 -vcodec libx264 sample.mp4
replies(15): >>43719036 #>>43719131 #>>43719345 #>>43719699 #>>43720179 #>>43720199 #>>43720827 #>>43722189 #>>43722257 #>>43722975 #>>43723823 #>>43726376 #>>43727100 #>>43727364 #>>43729227 #
1. HatchedLake721 ◴[] No.43723823[source]
Have you done any magic with the scroll behavior?

Usually the first rule of web development is to not touch scrolling, however, I’m on the iPhone and it’s seems to be faster than native scroll, and surprisingly it feels very good!

replies(1): >>43724782 #
2. donohoe ◴[] No.43724782[source]
I wholly agree on leaving scrolling as-is. We’ve done it sparingly in other projects with caution.

For this one, we did not interfere with scrolling behavior.