Cyberpunk 2077 animated screens

Gustavo_Elliott

How do they achieve such awesome looking animated screens?? Are they Gif based?? How do they make it look like the screen has depth/layers of animated parts?

I don't want you to take a bunch of time to type a book telling me exactly how it is done but can someone provide a super brief explanation and maybe point me in the direction of learning such black magic... Thanks so much for any information you could provide me with

https://www.youtube.com/watch?v=vjF9GgrY9c0 --- Link to the gameplay demo the screen seen here is at the start at the 30 second mark or so

Kanni3d

My best guess would be it's simply just a realtime camera looking at a bunch of planes with alphas/translucency and effects

Gustavo_Elliott

@Kanni3d Thanks for the reply, I could see how that would give it the depth, that's crazy.... I need to start learning this right now... Which software do you think they use to create such alpha gifs and effects? you think they use photoshop or Illustrator or some other software?

poopipe

parallax offset in a shader would be the more efficient way - that's certainly how it was handled on title's ive worked on in the past

Gustavo_Elliott

oooooo so not a bunch of planes but instead done through the shader... I need to read into this... heavily...

thomasp

In order to create these kinds of animations you'll probably want to look into compositing software: Nuke, Fusion, After Effects. The keyword to look for is motion graphics.

Gustavo_Elliott

Thanks @thomasp I'll check it out, I've seen these animations made with After Effects but I never understood how you could transfer that to be in-game, I'll do a thorough search on it

RN

On Doom 3 the animated interactive panels were done with layered geometry:



More info in Simon's blog: https://simonschreibt.de/gat/gat-doom-3-hdui/

Gustavo_Elliott

Awesome, thanks for that link @RN that seems like the easiest and most understandable route still today from my research, I'll check out that blog thought, thanks again!