90s Website … in 2023 on mobile in Compose … for science
summary
Recreates a '90s GeoCities aesthetic using Compose Multiplatform, web‑safe palettes (216 colors), Comic Sans/Times New Roman, tiling image brushes and shader brushes; implements per‑digit animated visitor counter, rainbow gradients, heart path pulsing, marquee ghosts and blink tag, and a Poisson disk layout for evenly spaced donuts using a ChatGPT‑sourced class (Poisson disk distribution). Most animated GIFs and effects run on desktop; Android shows broken GIFs and iOS crashes; the CPU‑heavy particle‑system glitter pointer is functional but slow (animated GIFs broken on Android).
AI-written summary · about
chapters (20)
- 0:00Introduction and motivation
- 3:3890s website aesthetics and tech
- 8:13Project setup and UI overview
- 9:38Memphis design tribute
- 12:04Plus-on-disk dots algorithm
- 14:30Tiling backgrounds and brushes
- 16:37Blink tag implementation
- 18:22Animated ghosts and marquee
- 19:48Visitor counter with animations
- 21:58Rainbow text techniques
- 24:28Hard path and gradient animations
- 27:14Heart pulse animation
- 29:22Shimmer and spark dividers
- 30:49Under construction sign
- 32:10Glitter pointer particle system
- 36:49Performance and cross-platform demo
- 38:16Takeaways and guest book
- 39:40Animation techniques summary
- 40:01Why animations matter today
- 41:06Closing and resources
related talks
38m90s Website … in 2023 on mobile in Compose … for science
36m90s Website … in 2023 on mobile in Compose … for science
30mFun.css
36mCreative Coding with Compose
39mCreative and complex user interfaces with Compose UI
30mUsing a modern web to recreate 1980s horribly slow & loud loading screens
43mPixel with Superpowers: Modern Android UI with AGSL Shaders
38mCode Calligrams