1

History of Web Browser Demos

Filipe Cruz (ps / TPOLM)

1

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

Shortened:
http://tinyurl.com/webdemos

2

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)
3

History of Web Browser Demos

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

Demoscene Origins

5

Demoscene Origins

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

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!!

7

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?

8

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

9

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

10

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

11

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

12

Demoscene Origins

Chart time!

13

Demoscene Origins

14

Java

15

Java

Java Applets could run graphics!

terribly slow

no 3d

horrible sound support

security exploits

16

Java

1997

Assembly 97
The Party 97

17

Java

Assembly 97

Java democompo

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

18

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

19

Java

1998

The Gathering 98
Takeover 98
Assembly 98
The Party 98

20

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

21

Java

Takeover 98

Java democompo

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

22

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

23

Java

The Party 98

Java democompo

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

Java intro compo

 1. supermegaplus               Prone

24

Java

1999

The Gathering 99
Takeover 99
Assembly 99

25

Java

The Gathering 99

Java democompo

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

26

Java

Takeover 99

Java democompo

1. Stress!		Infuse Project
2. Legend		OtakInc

27

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

28

Java

2000

The Gathering 2000 Java democompo

29

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

30

Java

After 2000
no more Java democompos

web friendly demoparties switched
to Flash or browser

31

Java


LTP 4 Invitation / Equinox

32

Java


mixed bag / Komplex
Assembly 2000

33

Java


tulnukas / Komplex
Proxy 2000

34

Java


Code Police / Mankind
Synthesis 2001

35

Java


avaruusseikkailu / aikarele & fuzzion
Euskal 2001

36

Flash

37

Flash

Browser plugin from Macromedia

became known as an advanced web authoring tool

slow

buggy sound

no 3D

38

Flash

Different Web One / Melon Dezign

1998

39

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

40

Flash

Bizarre 2000

Flash demo compo

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

41

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

42

Flash

The Meltdown 2000

Flash demo compo

 1. ViBE	ByteBusters
 2. Saxy	TBC

43

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

44

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

45

Flash

The Meltdown 2001

Flash demo compo

1 45ound			TBC
2 The TMD Game			USSR-Network

46

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

47

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 

48

Flash

After 2002
almost no Flash democompos

all web friendly demoparties switched to
browser demo compos

49

DHTML

50

DHTML

Dynamic HTML

Javascript without HTML5 canvas!

no graphics API at all

sound support using plugins

51

DHTML

Hau Strange / Haujobb
Mekka Symposium 2000

52

DHTML

256b.htm compos (2002)

53

DHTML

Array / DraftingZup
The Gathering 2002

54

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]

55

DHTML

Mooncheese / Shingebis
Assembly 2004

56

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

57

DHTML

Redbug / Shingebis
Assembly 2005

58

DHTML

pure javascript demo / iku
Assembly 2005

59

DHTML

Neja / Ribbon + Bomb!
Assembly 2005

60

DHTML

In 2005 the canvas element was added to browsers

DHTML as a demo platform died

61

PHP

62

PHP

Server side web demos

http://phpdemo.pseudohacker.org/

63

PHP

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

64

PHP

Timecube / Jumalauta
2006

65

PHP

Spinning Jenny / Kryo
2007

66

Alambik

67

Alambik

Browser plugin

programming language for realtime graphics

"Better than Flash"

68

Alambik

Borg / Rez
Mekka & Symposium 2002

69

Alambik

Thank You / Razor 1911
Alambik Contest 2002

70

Alambik

SSG / Goyave
2002

71

Alambik

Evil Intro / Surprise! Productions
2002

72

Alambik

MegaFlip / woodtower
Synthesis 2004

73

Alambik

Around 2004 Alambik development was discontinued

74

Flash Again

75

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 

76

Flash

dylandrazen is my superhero / threepixels
2003

77

Flash

Christmas (in a wild style) / PowerPuff Girls
2003

78

Flash

The Hypnotizer / Paradox
2004

79

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]

80

Flash

$21 / Orion
Buenzli 2004

81

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

82

Flash

Electro Music Transform / Videogame Orchestra
2005

83

Flash

holy guadalupe! / xplsv
2006

84

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

85

Flash

flashscene.org 32k compo

Flash compo

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

86

Flash

Numérica 2007

Flash compo

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

87

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

88

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

89

Flash

99er / Evoflash & Bombsquad
Assembly 2008

90

Flash

Severity Of Grey / Evoflash
Assembly 2009

91

Flash

Proof of Concept / Evoflash
(64k) Assembly 2009

92

Flash

Spyral Out / Evoflash
Assembly 2010

93

Flash

Area Unstable / Badsquare
TRSAC 2010

94

Flash

Cubes Of Babylon / Evoflash
Assembly 2011

95

Flash

Penumbra / TRBL
Tokyo Demofest 2013

96

Flash

Brain Muffin / Pasmas
Flashback 2013

97

Javascript and WebGL

98

Javascript and WebGL

Browsers started supporting canvas in 2005

WebGL only in 2011

99

Javascript and WebGL

3D Tomb II / ribbon
2007

100

Javascript and WebGL

Antisocial / Gasman & ZX Spectrum Orchestra
Sundown 2008

101

Javascript and WebGL

Or So They Say... / xplsv
Euskal 2010

102

Javascript and WebGL

2011

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

103

Javascript and WebGL

JS1K OregonTrail'2011

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

104

Javascript and WebGL

No Comply / #audio
2011

105

Javascript and WebGL

RO.ME / Google Chrome Experiments
2011

106

Javascript and WebGL

Cosmonautics Day 50 / Bemz & 7dUMP & Quite
2011

107

Javascript and WebGL

Revision 2011

Web Browser democompo

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

108

Javascript and WebGL

704 / Paulo Falcão
2011

109

Javascript and WebGL

MKULTRA / Bilotrip
Stream 2011

110

Javascript and WebGL

The Flame Party Helsinki 2011

Web Browser democompo

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

111

Javascript and WebGL

@party 2011

Web Browser democompo

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

112

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

113

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

114

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

115

Javascript and WebGL

Azathioprine / Alcatraz
Evoke 2011

116

Javascript and WebGL

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

117

Javascript and WebGL

Cruisin by Abyss
tUM 2011

118

Javascript and WebGL

2012

JS1K 2012
Revision 2012
@party 2012
DemoJS 2012
Solskogen 2012

119

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
...

120

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

121

Javascript and WebGL

Fabrik / adinpsz
Revision 2012

122

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

123

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

124

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

125

Javascript and WebGL

70s / Alcatraz
Evoke 2012

126

Javascript and WebGL

JPB / 3LN & Chimera Music
Evoke 2012

127

Javascript and WebGL

State Zero-One / Dilemma
Function 2012

128

Javascript and WebGL

Twogather / 3LN
MAIN 2012 / Outline 2012

129

Javascript and WebGL

Microscopix / LiteWerx.
TRSAC 2012

130

Javascript and WebGL

2013

JS1K 2013
Revision 2013
DemoJS 2013
...

131

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
...

132

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

133

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

134

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

135

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)

136

Javascript and WebGL

Artsy (and slightly insane) / bcat
2013

137

Javascript and WebGL

à la Melon / Solo
2013

138

Javascript and WebGL

Solskogen 2013

Shadertoy

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

139

Javascript and WebGL

Where no one can hear you scene / Outracks
Solskogen 2013

140

Javascript and WebGL

Obsidian / xplsv
Euskal 2013

141

Javascript and WebGL

Good fight!

Good night!

http://tinyurl.com/webdemos

142