Loading forever?...

History of Web Browser Demos

Filipe Cruz (ps / TPOLM)

Link to presentation:
http://tpolm.org/~ps/history_web_browser_demos

Shortened:
http://tinyurl.com/webdemos

WHOIS...

  • Portuguese
  • MSc Informatics Engineer
  • Software Developer at Artica CC
  • Inhabit TPOLM (demoscener since 1997)
  • scene.org staff and pouet.net admin (2003-2008)
  • Doing some demos for web browsers (2011-2013)

History of Web Browser Demos

  • Demoscene Origins
  • Java Applets
  • Flash
  • DHTML
  • PHP
  • Alambik
  • Flash Again
  • Javascript Canvas & WebGL

Demoscene Origins

Demoscene Origins

  • Crack Intros
  • C64
  • Amiga
  • PC
  • ...

Demoscene Origins

DATETIME
80s------\o/-90s----------2k----------2k10-----

AGE GROUP
14-18 years old

DEMOSCENE ETHOS
Just doings things with the computer

WEB BROWSER DEMOS
No internet!!

Demoscene Origins

DATETIME
80s----------90s-\o/------2k----------2k10-----

AGE GROUP
14-18 years old

DEMOSCENE ETHOS
Pushing limits of hardware

WEB BROWSER DEMOS
BBS'es! Does that count?

Demoscene Origins

DATETIME
80s----------90s------\o/-2k----------2k10-----

AGE GROUP
16-22 years old

DEMOSCENE ETHOS
Code vs Design

WEB BROWSER DEMOS
Massification of internet, Java Applets hype

Demoscene Origins

DATETIME
80s----------90s----------2k-\o/------2k10-----

AGE GROUP
16-25 years old

DEMOSCENE ETHOS
Hardware Acceleration vs not

WEB BROWSER DEMOS
Netscape vs Internet Explorer, Rise of Flash

Demoscene Origins

DATETIME
80s----------90s----------2k------\o/-2k10-----

AGE GROUP
18-30 years old

DEMOSCENE ETHOS
Your Platform vs Modern PC

WEB BROWSER DEMOS
Firefox 2005, Chrome 2009

Demoscene Origins

DATETIME
80s----------90s----------2k----------2k10-\o/

AGE GROUP
18-35 years old

DEMOSCENE ETHOS
Realtime vs YouTube

WEB BROWSER DEMOS
Mobile WebApps, Death of Flash, Rise of WebGL

Demoscene Origins

Chart time!

Demoscene Origins

Java

Java

Java Applets could run graphics!

terribly slow

no 3d

horrible sound support

security exploits

Java

1997

Assembly 97
The Party 97

Java

Assembly 97

Java democompo

 1 Javademo Ankka		Five Coders
 2 Super			Ghetto Broz
 3 Three levels of Insight	dk-scene
 4 Javamiga			dCS

Java

The Party 97

Java democompo

1  Stakater                Prone
2  Mute                    Complex
3  Minus 61 In Detroit     Ram Jam
4  Hype                    The Digital Nerds
5  Ego Tripping            Sonik Clique
6  Mer' Strøm              The Leather Pants
7  Method Man
8  The Grind               Pee Wee
9  X Hublus Matofakus      Hirmus
10 Micro                   Flemming Jans
11 Rising Star             Epsilon 3
12 Blocüt                  Blocüt

Java

1998

The Gathering 98
Takeover 98
Assembly 98
The Party 98

Java

The Gathering 98

Java democompo

1. Forward			Komplex
2. Next				Digital Nerds
3. Helt Sten			Nocturnal
4. Pomp the h-town everyday	H-town Playaz

Java

Takeover 98

Java democompo

1. Flow                     Digital Nerds
2. Coal                     Otak Inc.
3. Antiblur                 Antiblur

Java

Assembly 98

Java democompo

1.  GODOG			Complex
2.  Loop.2			Digital Nerds
3.  Lava			Yodel
4.  golden kypersumppi		tAAt 1998
5.  IT CAN'T BIDONE		Ram Jam
6.  Space Odyssey		NySTuL
7.  Return of the Mack		H-Town/Silents
8.  Lee				Sail

Java

The Party 98

Java democompo

 1. Apex                        digital nerds
 2. Letmaelk IV                 E605 & Phosphor

Java intro compo


 1. supermegaplus               Prone

Java

1999

The Gathering 99
Takeover 99
Assembly 99

Java

The Gathering 99

Java democompo

1. Lucid Dream			Digital Nerds
2. Cayenne			Prone
3. tyyny			Esa Type & Sir Ed. B.

Java

Takeover 99

Java democompo

1. Stress!		Infuse Project
2. Legend		OtakInc

Java

Assembly 99

Java democompo

1. I						Yodel
2. cyboman 2					komplex
3. Lain						OtakInc
4. Top Billing, Jar Jar Binks Killing		H-town
5. PikaNutru					tAAt

Java

2000

The Gathering 2000 Java democompo

Java

The Gathering 2000

Java democompo

1. No You Dont				Prone, Blasphemy and Tpolm
2. adam7				Prone & Excess
3. CPU shortage in The Neutral Zone	The Hullkort Masters
4. Hagle				Anakata

Java

After 2000
no more Java democompos

web friendly demoparties switched
to Flash or browser

Java


LTP 4 Invitation / Equinox

Java


mixed bag / Komplex
Assembly 2000

Java


tulnukas / Komplex
Proxy 2000

Java


Code Police / Mankind
Synthesis 2001

Java


avaruusseikkailu / aikarele & fuzzion
Euskal 2001

Flash

Flash

Browser plugin from Macromedia

became known as an advanced web authoring tool

slow

buggy sound

no 3D

Flash

Different Web One / Melon Dezign

1998

Flash

Assembly 2000

Flash demo compo

1.	Party People				Alpha Design 
2.	vesileimat alkkareissa			tAAt 
3.	pro					jackal 
4.	No Way					Tunneli.com 
5.	Operation Kala-Kalle -First Adventure	Aropupu 
6.	pingpong				kure+aava 
7.	The Nerd				ChosenOne 
8.	Jumalanako mahtavaa?			p.orkkana 
9.	purkamo.com featuring paleface		purkamo.com 
10.	Astraalikakka				SE8.ORG

Flash

Bizarre 2000

Flash demo compo

1. Possibilities with Flash    Active Interactive
2. Flash Compo ?               UT clan LEGO
3. Widescreen                  RBI

Flash

The Party 2000

Flash demo compo

 1 Plasticwrap                  Haujobb 
 2 They Gave Me Lsd             RNO
 3 Pronestar                    Prone
 4 Svesk The Party 2000         Goods
 5 BTTR                         A-D

Flash

The Meltdown 2000

Flash demo compo

 1. ViBE	ByteBusters
 2. Saxy	TBC

Flash

Takeover 2001

Browser demo compo

1. Omega Interactive by Error323/ReDoX / Omega Interactive
2. Phat Frenzy by Screes and Bassie / Active Interactive
3. Troublemakers by Berzerker / Okkie / Tentacle
4. D Project by Evil Knieval / Tentacle
5. die Blumenkinder by Black Maiden
6. Voyager by Daniel Barton a.k.a. goeb / RotA
7. "Look-mommy-I-made-this-in-less-than-five-minutes" by Gasbag / D-Coy
8. gentics demo by Pazazzo / ---
9. flash by aancsiid / dog

Flash

Assembly 2001

Flash demo compo

 1 Häiriö                      RNO
 2 Ufo vs Jurppi               Yazu / Kellari
 3 pixel:engine                Esko Ahonen
 4 katse                       kone
 5 Shiver                      Outkazt
 6 SUB7                        subterfuge
 7 Lonestar                    RedHillDrunks
 8 years                       some
 9 pipedope                    jac
10 Outsider                    Rable
11 The Flex quadri             Lame Illusions Corp.
12 Trafintu                    Diza

Flash

The Meltdown 2001

Flash demo compo

1 45ound			TBC
2 The TMD Game			USSR-Network

Flash

The Party 2001

ASUS Flash demo

1 Whitebalance
2 Well gues 
3 hemkunskap 

Flash demo compo

1 Alice in Wonderland		RNO
2 Delirium
3 Ontogeny			mfx & Spinning Kids & Fairlight
4 Night Life

Flash

Assembly 2002

Flash demo compo

 1. Super mushroom sisters by RNO 
 2. Kreivi Krapula by Rapture Seekers 
 3. Evolve by Esko Ahonen & Milan Kolarovic 
 4. Terrori by K-Statik/Outkazt 
 5. linear motion by hannu_ 
 6. Recycled by Bombsquad 
 7. Multiplex by Redhill Drunks 
 8. Nendo by wain and codec 
 9. Grunge212 by Kone creations 
10. Warbirds by Inapt 
11. Paradigm by Kellari 

Flash

After 2002
almost no Flash democompos

all web friendly demoparties switched to
browser demo compos

DHTML

DHTML

Dynamic HTML

Javascript without HTML5 canvas!

no graphics API at all

sound support using plugins

DHTML

Hau Strange / Haujobb
Mekka Symposium 2000

DHTML

256b.htm compos (2002)

DHTML

Array / DraftingZup
The Gathering 2002

DHTML

Assembly 2004

Browser demo

1 Mooncheese by Shingebis [Javascript & DHTML]
2 the Summer is HERE! by kellari & inapt [Flash]
3 Kontrast by Pyrotech [Flash]
4 Governmentro by MukaSmarts [Shockwave 3D & Flash]
5 Party Island by Poro & Exca [Flash]
6 Kuutioprojekti by Plinc [Flash]

DHTML

Mooncheese / Shingebis
Assembly 2004

DHTML

Assembly 2005

Browser demo

1 Redbug by Shingebis
2 the drop by komplex
3 pure javascript demo by IKU
4 Neja by ribbon + bomb
5 Scene of Life by Inapt & Static
6 I,Mofo by Pyrotech
7 Etsin unelmaa by CND GROUP

DHTML

Redbug / Shingebis
Assembly 2005

DHTML

pure javascript demo / iku
Assembly 2005

DHTML

Neja / Ribbon + Bomb!
Assembly 2005

DHTML

In 2005 the canvas element was added to browsers

DHTML as a demo platform died

PHP

PHP

Server side web demos

http://phpdemo.pseudohacker.org/

PHP

worlds first: '3d-engine' in php / Rasmus
2002

PHP

Timecube / Jumalauta
2006

PHP

Spinning Jenny / Kryo
2007

Alambik

Alambik

Browser plugin

programming language for realtime graphics

"Better than Flash"

Alambik

Borg / Rez
Mekka & Symposium 2002

Alambik

Thank You / Razor 1911
Alambik Contest 2002

Alambik

SSG / Goyave
2002

Alambik

Evil Intro / Surprise! Productions
2002

Alambik

MegaFlip / woodtower
Synthesis 2004

Alambik

Around 2004 Alambik development was discontinued

Flash Again

Flash

Assembly 2003

Browser demo

 1. super fantastic gaydisco all night long [Flash] by DAMONES & RNO 
 2. sUPERPOWERgirl [Flash] by Kone Creations 
 3. Linear Motion 2 [Flash] by kellari 
 4. w0rd! [Flash] by natural born chillaZ 
 5. Fragile [Flash] by Pyrotech 
 6. bOOm [Flash] by Exca & Poro 
 7. Jazz duck factory [Director] by Citec 
 8. Flash Reality [Flash] by The Scampers 
 9. NecroLurk [Flash] by wdom & K-statik 
10. Web Distortion [Flash] by Northern Dragons 
11. Diip [Flash] by Inapt 

Flash

dylandrazen is my superhero / threepixels
2003

Flash

Christmas (in a wild style) / PowerPuff Girls
2003

Flash

The Hypnotizer / Paradox
2004

Flash

Assembly 2004

Browser demo

1 Mooncheese by Shingebis [Javascript & DHTML]
2 the Summer is HERE! by kellari & inapt [Flash]
3 Kontrast by Pyrotech [Flash]
4 Governmentro by MukaSmarts [Shockwave 3D & Flash]
5 Party Island by Poro & Exca [Flash]
6 Kuutioprojekti by Plinc [Flash]

Flash

$21 / Orion
Buenzli 2004

Flash

Assembly 2005

Browser demo

1 Redbug by Shingebis
2 the drop by komplex
3 pure javascript demo by IKU
4 Neja by ribbon + bomb
5 Scene of Life by Inapt & Static
6 I,Mofo by Pyrotech
7 Etsin unelmaa by CND GROUP

Flash

Electro Music Transform / Videogame Orchestra
2005

Flash

holy guadalupe! / xplsv
2006

Flash

Assembly 2006

Browser demo

1 Who Killed Travolta? by Evo Flash / Bombsquad
2 Tokyo-Bangkok-Tokyo by Pyrotech
3 Even More Explosions in the Sky by jac
4 Gallions Reach by Gasman
5 Seed Vessel by Lootikko
6 SqUaReThRuSteR by MiiKA & tEEMU BRoDUCTiONz
7 demo by Dreadful Sight

Flash

flashscene.org 32k compo

Flash compo

 1. Flint - Evoflash
 2. Beat - OOS
 3. Alchemist 23k - Lume Crew
 4. Carnal - Minority
 5. LCD - Unic0rn

Flash

Numérica 2007

Flash compo

01 New Order - Makaltri
02 FDA010 - Dahan|BOS^FDA
03 bluepink - krol girxavier

Flash

Assembly 2007

Browser demo

1 ADHDTV by Evoflash & BombSquad
2 Continuum by Minority
3 Pangea Ultima by Pyrotech
4 Lost In Lava Lamp by Lume Crew
5 pixtures by komplex & slengpung
6 Oral Tentacle by wdc

Flash

flashscene.org democompo

Flash compo

1 manus by Minority
2 assembly invitation by Evoflash
3 adore chill by Jac
4 water colors by Wide Load
5 bluewaltz by Pandafox
6 hot single by Inapt
7 maplane by MAW

Flash

99er / Evoflash & Bombsquad
Assembly 2008

Flash

Severity Of Grey / Evoflash
Assembly 2009

Flash

Proof of Concept / Evoflash
(64k) Assembly 2009

Flash

Spyral Out / Evoflash
Assembly 2010

Flash

Area Unstable / Badsquare
TRSAC 2010

Flash

Cubes Of Babylon / Evoflash
Assembly 2011

Flash

Penumbra / TRBL
Tokyo Demofest 2013

Flash

Brain Muffin / Pasmas
Flashback 2013

Javascript and WebGL

Javascript and WebGL

Browsers started supporting canvas in 2005

WebGL only in 2011

Javascript and WebGL

3D Tomb II / ribbon
2007

Javascript and WebGL

Antisocial / Gasman & ZX Spectrum Orchestra
Sundown 2008

Javascript and WebGL

Or So They Say... / xplsv
Euskal 2010

Javascript and WebGL

2011

JS1K 2011
Revision 2011
Mozilla Demoparty 2011
@party 2011
DemoJS 2011
Solskogen 2011

Javascript and WebGL

JS1K OregonTrail'2011

#1: FlexiDR↻ID by @keenblaze
#2: Particle carriage by @p01
#3: Battle in the sky by Alexander Vedernikov
...

Javascript and WebGL

No Comply / #audio
2011

Javascript and WebGL

RO.ME / Google Chrome Experiments
2011

Javascript and WebGL

Cosmonautics Day 50 / Bemz & 7dUMP & Quite
2011

Javascript and WebGL

Revision 2011

Web Browser democompo

1. Cube - DESiRE
2. nop - Stroboholics & Metalvotze
3. organ - trbl
4. SAFETY IN THE KITCHEN - CAREBEAR

Javascript and WebGL

704 / Paulo Falcão
2011

Javascript and WebGL

MKULTRA / Bilotrip
Stream 2011

Javascript and WebGL

The Flame Party Helsinki 2011

Web Browser democompo

1. Slamdown by Traction & Hedelmae
2. Blind Serpent by fxm

Javascript and WebGL

@party 2011

Web Browser democompo

1. E - coda
2. Spheres Unite - Epoxy
3. Summertime - Desire

Javascript and WebGL

DemoJS 2011

Freestyle

   #1 Flares - tmp
   #2 Canvas Trip - Adinpsz
   #3 Irrelevant - #ponce / GFM
   #4 Particles.js - basecode
   #5 Clock Flower - Audrey
   #6 Color The Wind - Tarmil / Ctrl-Alt-Test
   #7 DemoJS - Romain / !!M
   #8 Datagalaxy - Bordercloud
   #9 A New Hope - yGG4x

Javascript and WebGL

DemoJS 2011

1k

   #1 Glenz1k - Log
   #2 Creation - Silexars
   #3 gl1k Cotton Candy - p01 / ribbon
   #4 The Ring - Bert Peters
   #5 Orange Joy - Trigrou & Bock
   #6 1kk - Hexapode
   #7 Memory - Hello / Sector1
   #8 Pixel Firework - Pilvee
   #9 The 1d1k game - Tim Holman
  #10 JSPaint - Flex
  #11 Demo001 - Cheminel

Javascript and WebGL

Solskogen 2011

1k

    1. Something something - Tick
    2. Democalypse Now - Flare
    3. JavaScritp Demo On - Pants On - Stiff Nipples
       I Want Moar - Primitive
    5. Knowing me by gaze - visy^bilotrip

Javascript and WebGL

Azathioprine / Alcatraz
Evoke 2011

Javascript and WebGL

The Self-Explanatory Demo by e64 & cTrix
Mozilla Demoparty 2011

Javascript and WebGL

Cruisin by Abyss
tUM 2011

Javascript and WebGL

2012

JS1K 2012
Revision 2012
@party 2012
DemoJS 2012
Solskogen 2012

Javascript and WebGL

JS1K Love'2012

#1: Autumn Evening By Philip Buchanan
#2: A Rose is a Rose By Roman Cortes
#3: Speech Synthesizer By Mathieu 'p01' Henri
...

Javascript and WebGL

Revision 2012

Web Browser democompo

01. Radiotherapy by alcatraz & scoopex
02. Another Spring by ClySuva
03. 20 km by Atari $T - JaKott - AmigaSuxx
04. Twister by Abgestuerzte Akademiker

Web Browser introcompo

01. "Laser" by luni/Bitpopler
02. Fabrik by Adinpsz
03. Fun with [0,1]^2 by g-hennux
04. THE A-WORD by losso ^ code red

Javascript and WebGL

Fabrik / adinpsz
Revision 2012

Javascript and WebGL

DemoJS 2012

Demo

#1 Burnt - Game From Mars
#2 muf - trambz
#3 BIGintro - The Matadors
#4 peer pressure - bilotrip
#5 mute - yGG4x

10k Intro

#1 mwwnwormer - Rift
#2 reborn - tmp in cooperation with adinpsz
#3 parsley state - tpolm

Javascript and WebGL

DemoJS 2012

1k

   #1 MATRAKA - p01 / ribbon + 4mat / ate bit
   #2 Smoke VS Structure - Rift
   #3 spelunking - orbitaldecay
   #4 Bended - Log
   #5 Morning Job - hexapode
   #6 Nufl0wer - Straylight
   #7 adinpsz - 512 bytes
   #8 raster 1k - Popsy Team
   #9 Way of Css - bobylito
  #10 TunnelMaze - Tarmil/Ctrl-Alt-Test
  #11 liquid pixel - Noctis
  #12 La 3D en folie - Sector One 
  #13 SkrE7ch - Kane
  #14 Catarakt - Kane
  #xx matrix - Martin

Javascript and WebGL

Solskogen 2012

Web Demo

 1. HONEYCOMB - Ninjadev
 2. How Glow Can You Go? - Stiff Nipples
 3. Unusual Mind - Randy/Relapse
 4. Weboholics - Indigo
 5. LMS - Daeken
 6. Island green loreen - The Gang

Javascript and WebGL

70s / Alcatraz
Evoke 2012

Javascript and WebGL

JPB / 3LN & Chimera Music
Evoke 2012

Javascript and WebGL

State Zero-One / Dilemma
Function 2012

Javascript and WebGL

Twogather / 3LN
MAIN 2012 / Outline 2012

Javascript and WebGL

Microscopix / LiteWerx.
TRSAC 2012

Javascript and WebGL

2013

JS1K 2013
Revision 2013
DemoJS 2013
...

Javascript and WebGL

JS1K Spring'2013

#1: Strange crystals II By Philippe Deschaseaux
#2: Furbee, get out of that tunnel ASAP! By Roman Cortes
#3: 3013 The 䕵 space-time fracture By Mathieu 'p01' Henri
...

Javascript and WebGL

Revision 2013

Web Browser Demo

01 doppelhirn by losso/code red
02 Js Pride by TiteiKo + wsmind + Modraw
03 Scenefinity by Mithaldu/SVatG
04 Inedible Candy by TPOLM
05 Soundless by AMcBain / from://kennewick

Javascript and WebGL

DemoJS 2013

Demo

    1.  #04    51 pts    Kiwi - Kiwi
    2.  #02    48 pts    lol.js - Sam
    3.  #03    40 pts    Stars in your brain - greweb
    4.  #01    11 pts    to_the_beat // js - 5013 / xplsv

Javascript and WebGL

DemoJS 2013

8k Intro

    1.  #06    60 pts    GrandPa - Adinpsz
    2.  #07    40 pts    CRTeCK - TiteiKo - wsmind - Did'
    3.  #05    29 pts    Oli - taG
    4.  #04    16 pts    Pointless - TheT(ourist)
    5.  #02     8 pts    Fake Plastic Cubes: Part 2 - Gasman
    6.  #03     7 pts    Bitslife - Wiz / Trolls In The Shadows
    7.  #01     5 pts    No Javascript - X-Men

Javascript and WebGL

DemoJS 2013

1k Intro

    1.  #07    74 pts    MINAMI DISTRICT - p01 / ribbon
    2.  #04    44 pts    Rainbowave - jmpp
    3.  #06    14 pts    alienwatch - g012
    4.  #05    11 pts    biloblaster - bilotrip
    5.  #01     9 pts    A1ku - Guillaume S
    6.  #03     8 pts    ROTOZOOM - nanard
    7.  #02     7 pts    Balls! - TheT(ourist)

Javascript and WebGL

Artsy (and slightly insane) / bcat
2013

Javascript and WebGL

à la Melon / Solo
2013

Javascript and WebGL

Solskogen 2013

Shadertoy

1. polyanka - w23
2. I Want To Revert - Daeken of Primitive
3. Stunnel - Tick of Excess

Javascript and WebGL

Where no one can hear you scene / Outracks
Solskogen 2013

Javascript and WebGL

Obsidian / xplsv
Euskal 2013

Javascript and WebGL

Good fight!

Good night!

http://tinyurl.com/webdemos