Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Cyberpunk web design made easy, really easy

augmented-ui.com

Post reply on HN
Print view View original

71–80 of 112 posts

Re: Show HN: Cyberpunk web design made easy, really easy

#71

Post by PhasmaFelis »

Dirlewanger wrote: post #49

I find it fascinating that the "spliced" screen animation, an phenomenon unique to CRT screens, still persists as a cyberpunk trope. No doubt it's because cyberpunk imagery has its origins in the 70s/80s when all we had is analog screens. I think it will continue to be one of those weird anachronisms future generations won't know why it exists unless you do some deep digging (or were around for its origins).

Yeah, totally. I was thinking about that in my other comment. (https://news.ycombinator.com/item?id=20928597) Cyberpunk as a visual aesthetic is rooted in the '80s.

It's funny watching the flamewars on r/cyberpunk about what does and doesn't count as "cyberpunk." Some people hate it when real-world images pop up there. They can't get their heads around the fact that cyberpunk isn't strictly sci-fi anymore; we've been living in it for at least 20 years.

Re: Show HN: Cyberpunk web design made easy, really easy

#72

Post by latexr »

_squared_ wrote: post #63
theandrewbailey wrote: post #43

Earlier quoted context omitted.

Try this font: https://www.theleagueofmoveabletype.com/orbitron

[deleted]

It costs $125 per weight, with a limit of 12500 page views per month. For all weights and up to 1 million page views a month, it costs $10k.

Re: Show HN: Cyberpunk web design made easy, really easy

#73

Post by James0x57 »

PhasmaFelis wrote: post #69

This is really cool! It's interesting that you call it "cyberpunk," though. With a few exceptions, it seems like generic sci-fi to me; it wouldn't be out of place on Star Trek, I think. If you asked me to imagine "cyberpunk web design," I would probably say HTML 1.0 with green-on-black text. Cyberpunk as a visual aesthetic is usually rooted in the dark future as seen from the '80s, all CRTs and chunky cables and Japa…

mmmmm yeahhh, not gonna argue that, I think you're probably right on all points. haha

The reason I made it though is because of my love of the Cyberpunk genre specifically. Deus Ex, Tron Legacy, Cyberpunk 2077, and so many more shows, games, and movies are where I draw inspiration from.

They always feature this style as if it was easy to do, just wanted to give back and help bring that to reality.

Thank you!

edit: also, augmentations/augs by that name, I think, are specifically cyberpunk. Augs as an idea fits very well as an analogy for both how this works under the hood and how it's used on the surface. Soooo it's more specifically Cyberpunk than generic sci-fi in that regard, imo. :)

Re: Show HN: Cyberpunk web design made easy, really easy

#75

Post by jtreminio »

paxswill wrote: post #74

It looks really cool, but it spikes my browser's (Firefox and Chromium on Ubuntu 19.04) CPU usage whenever it's active. Not even scrolling, just visible. Reiterating though, this is really cool!

On a side note, I've been forced to install The Great Suspender[0] extension because so many non-active tabs will simply take over CPU usage in Chrome.

When a single tab spikes my laptop's power usage from 14.9W to 35W+ there is something terribly wrong with the design.

[0] https://chrome.google.com/webstore/detail/the-great-suspende...

Re: Show HN: Cyberpunk web design made easy, really easy

#76

Post by James0x57 »

paxswill wrote: post #74

It looks really cool, but it spikes my browser's (Firefox and Chromium on Ubuntu 19.04) CPU usage whenever it's active. Not even scrolling, just visible. Reiterating though, this is really cool!

Thank you very much for checking it out and providing feedback!

If you mean the main site, that uses an animation library that uses WebAssembly. It's faster than plain js but does lean on cpu directly. Lots and lots of dom updates to run the animations too, which is expensive.

Other pages like the test page and docs page don't have animations and probably don't tax your cpu very much. Buuut I'd be curious to hear if your system/browser disagrees on those pages too :)

Re: Show HN: Cyberpunk web design made easy, really easy

#78

Post by James0x57 »

peternicky wrote: post #77

Awesome project, I want to build something to try it out! A few comments: - very high resource usage (animation meter and my system monitor confirms high CPU usage) - hovering over examples lines of code and displaying a description is very cool

Thank you! I'd love to see what you do with it!

- The looping animations are from a JS animation library that I wrote so that means lots of dom updates every animation frame, which is expensive. Also, the animation lib uses WebAssembly which runs directly on CPU. Aaand they don't shut off or pause when they're out of frame (haven't got to that yet)

- Awesome, thank you! Hoped it would be helpful :)

Re: Show HN: Cyberpunk web design made easy, really easy

#79

Post by James0x57 »

jtreminio wrote: post #75
paxswill wrote: post #74

It looks really cool, but it spikes my browser's (Firefox and Chromium on Ubuntu 19.04) CPU usage whenever it's active. Not even scrolling, just visible. Reiterating though, this is really cool!

On a side note, I've been forced to install The Great Suspender[0] extension because so many non-active tabs will simply take over CPU usage in Chrome. When a single tab spikes my laptop's power usage from 14.9W to 35W+ there is something terribly wrong with the design. [0] https://chrome.google.com/webstore/detail/the-great-suspende...

  When a single tab spikes my laptop's power usage from 14.9W to 35W+ there is something terribly wrong with the design.
The animations are using WebAssembly which runs directly on CPU and results in tons of dom updates every frame. The biggest current actual flaw in it is that it doesn't shut off or pause when it's out of frame so all js animations on that page run constantly. It's on the todo list
Post reply on HN