8/1/1 BedZED (Beddington Zero Energy Development)
• 2000-2002
• Hackbridge, London, Great Britain
• Bill Dunster
• source: http://en.wikipedia.org/wiki/File:BedZED_2007.jpg
8/1/2 Earth House Estate Lättenstrasse
• Dietikon, Switzerland
• Peter Vetsch, Vetsch Architektur
• source: http://www.erdhaus.ch/main.php?fla=y&lang=en&cont=earthhouse
8/1/3 Passive progressive
• 2009
• Bessancourt, France
• Karawitz Architecture
• photo: Nicholas Calcott
Copyrights of the pictures in the game
137
Created by XMLmind XSL-FO Converter.
• source: http://www.dwell.com/articles/passive-progressive.html
8/1/4 Separation Creek House
• Separation Creek, Victoria, Australia
• Jackson Clements Burrows Pty Ltd Architects
• photo: John Gollings
• source: http://www.archdaily.com/4278/separation-creek house-jackson-clements-burrows/
8/1/5 Hof Residence
• 2007
• Skagafjörður fjord, Iceland
• Studio Granda
• photo: Studio Granda
• source: http://www.archdaily.com/13324/hof-residence-studio-granda/
8/1/6 Hunsett Mill
• 2010
• Hunsett Mill, Chapel Field Road, Stalham, Norfolk, Great Britain
• ACME (Friedrich Ludewig, Stefano Dal Piva) és Karoline
• photo: Cristobal Palma
• source: http://www.archdaily.com/90094/hunsett-mill-acme/
8/1/7 Thomas Eco House
• Arlington, Washington, USA
• Designs Northwest Architects
• photo: Designs Northwest Architects
• source: http://www.archdaily.com/195405/thomas-eco house-designs-northwest-architects/
8/1/9 Family house
• 2005
• Brussels
• Philippe Samyn
• photos: Patrick Blanc
• source: http://www.verticalgardenpatrickblanc.com/#/en/projects/typological/privateplaces/107
8/2/1 BedZED (Beddington Zero Energy Development)
• 2000-2002
Copyrights of the pictures in the game
138
Created by XMLmind XSL-FO Converter.
• Hackbridge, London, Great Britain
• Bill Dunster
• source: http://en.wikipedia.org/wiki/File:BedZED_2007.jpg
8/2/2 Earth House Estate Lättenstrasse
• Dietikon, Switzerland
• Peter Vetsch, Vetsch Architektur
• source: http://www.erdhaus.ch/main.php?fla=y&lang=en&cont=earthhouse
8/2/3 Passive progressive
• 2009
• Bessancourt, France
• Karawitz Architecture
• photo: Nicholas Calcott
• source: http://www.dwell.com/articles/passive-progressive.html
8/2/4 Separation Creek House
• Separation Creek, Victoria, Australia
• Jackson Clements Burrows Pty Ltd Architects
• photo: John Gollings
• source: http://www.archdaily.com/4278/separation-creek house-jackson-clements-burrows/
8/2/5 Hof Residence
• 2007
• Skagafjörður fjord, Iceland
• Studio Granda
• photo: Studio Granda
• source: http://www.archdaily.com/13324/hof-residence-studio-granda/
8/2/6 Hunsett Mill
• 2010
• Hunsett Mill, Chapel Field Road, Stalham, Norfolk, Great Britain
• ACME (Friedrich Ludewig, Stefano Dal Piva) és Karoline
• photo: Cristobal Palma
• source: http://www.archdaily.com/90094/hunsett-mill-acme/
8/2/7 Thomas Eco House
Copyrights of the pictures in the game
139
Created by XMLmind XSL-FO Converter.
• Arlington, Washington, USA
• Designs Northwest Architects
• photo: Designs Northwest Architects
• source: http://www.archdaily.com/195405/thomas-eco house-designs-northwest-architects/
8/2/9 Family house
• 2005
• Brussels
• Philippe Samyn
• photos: Patrick Blanc
• source: http://www.verticalgardenpatrickblanc.com/#/en/projects/typological/privateplaces/107
8/3/1 E+ Green Home
• Seoul, South Korea
• Unsngdong Architects
• photo: Sergio Pirrone
• source: http://www.defuturedesign.com/post/e-home-green-architeture-for-effort.html#.UIVB2VXne-K
8/3/2 Veljko Milkovic's Self-Heating Ecological House
• 1979
• Novi Sad, Serbia
• Veljko Milkovic
• photo: Ternit
• source: http://en.wikipedia.org/wiki/File:Veljko_Milkovic_eco house.jpg
8/3/3 Sunlighthouse
• 2010
• Pressbaum, Austria
• Matthias Hein, Juri Troy
• photo: Péter Garai
• source: http://epiteszforum.hu/imagelist/gallery&nid=19168&img_id=97897
8/3/4 CODA
• 2009
• 33 Epsom Road, Sydney, Australia
• Stanisic Associates
Copyrights of the pictures in the game
140
Created by XMLmind XSL-FO Converter.
• photo: Patrick Bingham-Hall
• source: http://www.archdaily.com/108853/coda-stanisic-associates/
8/3/5 Passive house
• 1990-1991
• Darmstadt, Germany
• Prof. Bott/Ridder/Westermeyer
• photo: Passivhaus Institut
• source: http://en.wikipedia.org/wiki/File:Passivhaus_Darmstadt_Kranichstein_Fruehling_2006.JPG
8/3/6
• source: http://www.guardian.co.uk/environment/2010/mar/10/feed-in-tariffs-turbine-solar
8/3/7 Reflecting Hube
• Weinheim, Germany
• Helwig Hase + Raum Planungs GmbH
• photo: Kristof Lemp
• source: http://www.archdaily.com/272763/reflecting-cube-helwig-haus-raum-planungs-gmbh/
8/3/9 Villa Cascais
• Lisbon, Portugal
• Frederico Valsassina Arquitectos
• photo: http://www.verticalgardendesign.com
• source:http://www.verticalgardendesign.com/projects/villa-cascais
8/4/1 E+ Green Home
• Seoul, South Korea
• Unsngdong Architects
• photo: Sergio Pirrone
• source: http://www.defuturedesign.com/post/e-home-green-architeture-for-effort.html#.UIVB2VXne-K
8/4/2 Veljko Milkovic's Self-Heating Ecological House
• 1979
• Novi Sad, Serbia
• Veljko Milkovic
• photo: Ternit
• source: http://en.wikipedia.org/wiki/File:Veljko_Milkovic_eco house.jpg
Copyrights of the pictures in the game
141
Created by XMLmind XSL-FO Converter.
8/4/3 Sunlighthouse
• 2010
• Pressbaum, Austria
• Matthias Hein, Juri Troy
• photo: Péter Garai
• source: http://epiteszforum.hu/imagelist/gallery&nid=19168&img_id=97897
8/4/4 CODA
• 2009
• 33 Epsom Road, Sydney, Australia
• Stanisic Associates
• photo: Patrick Bingham-Hall
• source: http://www.archdaily.com/108853/coda-stanisic-associates/
8/4/5 Passive house
• 1990-1991
• Darmstadt, Germany
• Prof. Bott/Ridder/Westermeyer
• photo: Passivhaus Institut
• source: http://en.wikipedia.org/wiki/File:Passivhaus_Darmstadt_Kranichstein_Fruehling_2006.JPG
8/4/6
• source: http://www.guardian.co.uk/environment/2010/mar/10/feed-in-tariffs-turbine-solar
8/4/7 Reflecting Hube
• Weinheim, Germany
• Helwig Hase + Raum Planungs GmbH
• photo: Kristof Lemp
• source: http://www.archdaily.com/272763/reflecting-cube-helwig-haus-raum-planungs-gmbh/
8/4/9 Villa Cascais
• Lisbon, Portugal
• Frederico Valsassina Arquitectos
• photo: http://www.verticalgardendesign.com
• source:http://www.verticalgardendesign.com/projects/villa-cascais
8/5/2 Hunsett Mill
Copyrights of the pictures in the game
142
Created by XMLmind XSL-FO Converter.
• 2010
• Hunsett Mill, Chapel Field Road, Stalham, Norfolk, Great Britain
• ACME (Friedrich Ludewig, Stefano Dal Piva) és Karoline
• photo: Cristobal Palma
• source: http://www.archdaily.com/90094/hunsett-mill-acme/
8/5/4 The Houl
• 2009
• Simon Winstanley Architects
• Dalry, Castle Douglas. DG7 3UB, Skócia
• photo: Simon Winstanley Architects, Andrew Lee
• source: http://www.archdaily.com/183064/the-houl-simon-winstanley-architects/
8/5/5 Capitol Hill Residence
• 2011
• Seattle, WA, USA
• Balance Associates Architects
• photo: Steve Keating Photography
• source: http://www.archdaily.com/281447/capitol-hill-residence-balance-associates-architects/
8/5/6 Capitol Hill Residence
• 2011
• Seattle, WA, USA
• Balance Associates Architects
• photo: Steve Keating Photography
• source: http://www.archdaily.com/281447/capitol-hill-residence-balance-associates-architects/
8/5/7 Stacking Green
• 2011
• Saigon, Vietnam
• Vo Trong Nghia, Daisuke Sanuki, Shunri Nishizawa (Vo Trong Nghia Co., ltd.)
• photo: Hiroyuki Oki
• source: http://www.archdaily.com/199755/stacking-green-vo-trong-nghia/
8/5/8 Stacking Green
• 2011
Copyrights of the pictures in the game
143
Created by XMLmind XSL-FO Converter.
• Saigon, Vietnam
• Vo Trong Nghia, Daisuke Sanuki, Shunri Nishizawa (Vo Trong Nghia Co., ltd.)
• photo: Hiroyuki Oki
• source: http://www.archdaily.com/199755/stacking-green-vo-trong-nghia/
144
Created by XMLmind XSL-FO Converter.
Appendix A. The source of the program
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="utf-8" />
<title>LakoBOX játékok</title>
<meta name="description" content="Építészeknek gyakorló memóriajáték" />
<meta name="author" content="Szamos Andor: www.programozó.eu" />
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
<link type="text/css" rel="stylesheet"
href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" ></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"
></script>
<script type="text/javascript" src="kezdojs.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript"
src="http://programozó.eu/social/socialize.js"></script>
</head>
<body>
<div id="oldal">
<div id="alap">
<div id="menusor">
<div id="cim" style="width:100%;"><a style="text-decoration:none;border:none;"
href="index.html"><img class="kep" src="images/fejkep.JPG" style="display: block
!important;width:100%;border:none;"/></a>
</div>
<div id="eredmeny" style="overflow:hidden;">
<div style="overflow: hidden;">
<div id="oranav"></div>
<div id="boxbutton">
<a href="javascript:" class="link" onclick="resetGame();">
<div class="stopvez">
restart </div></a>
<a href="javascript:" class="link" onclick="pauseGame();">
<div class="stopvez">
pause </div></a>
</div>
</div>
<div id="csucs" style="width:100%;height:40px;">
<a style="width:100%;margin-left:7px;">best time:</a>
<br/>
<b id="ide" style="margin-left:7px;font-size:20px;font-family:Arial;"></b>
</div>
</div>
<div id="bentvan" style="display:none;font-size:30px;padding:12px;">
<a id="kivagy" class="felirat"></a>
<br/>
</div>
<div id="gombok" style="display:none;min-width:330px;">
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="elsopont" style="background: rgb(220,215,4);">
</div><a href="javascript:elso();" class="felirat">function & requirements</a>
<br/>
<br/>
<div class="kismenu" id="ma">
<a id="ia" style="display:none;" href="javascript:loadQuestion(1)">level 1</a>
The source of the program
145
Created by XMLmind XSL-FO Converter.
<br/>
<a id="ib" style="display:none;" href="javascript:loadQuestion(2)">level 2</a>
<br/>
<a id="ujic" style="display:none;" href="javascript:loadQuestion(303)">level 3</a>
<br/>
<a id="ic" style="display:none;" href="javascript:loadQuestion(3)">level 4</a>
<br/>
<a id="id" style="display:none;" href="javascript:loadQuestion(4)">level 5</a>
</div>
</div>
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="masodikpont" style="background: rgb(255,128,0);">
</div><a href="javascript:masodik();" class="felirat">function & spaces</a>
<br/>
<br/>
<div class="kismenu" id="mb">
<a id="ta" style="display:none;" href="javascript:loadQuestion(5)">level 1</a>
<br/>
<a id="tb" style="display:none;" href="javascript:loadQuestion(6)">level 2</a>
<br/>
<a id="ujtc" style="display:none;" href="javascript:loadQuestion(703)">level 3</a>
<br/>
<a id="tc" style="display:none;" href="javascript:loadQuestion(7)">level 4</a>
<br/>
<a id="td" style="display:none;" href="javascript:loadQuestion(8)">level 5</a>
</div>
</div>
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="harmadikpont" style="background: rgb(223,0,0);">
</div><a href="javascript:harmadik();" class="felirat">functional solutions &
dwellings</a>
<br/>
<br/>
<div class="kismenu" id="mc">
<a id="ka" style="display:none;" href="javascript:loadQuestion(9)">level 1</a>
<br/>
<a id="kb" style="display:none;" href="javascript:loadQuestion(10)">level 2</a>
<br/>
<a id="ujkc" style="display:none;" href="javascript:loadQuestion(1103)">level 3</a>
<br/>
<a id="kc" style="display:none;" href="javascript:loadQuestion(11)">level 4</a>
<br/>
<a id="kd" style="display:none;" href="javascript:loadQuestion(12)">level 5</a>
</div>
</div>
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="negyedikpont" style="background: rgb(1,157,33);">
</div><a href="javascript:negyedik();" class="felirat">function & light</a>
<br/>
<br/>
<div class="kismenu" id="md">
<a id="fa" style="display:none;" href="javascript:loadQuestion(13)">level 1</a>
<br/>
<a id="fb" style="display:none;" href="javascript:loadQuestion(14)">level 2</a>
<br/>
<a id="ujfc" style="display:none;" href="javascript:loadQuestion(1503)">level 3</a>
<br/>
<a id="fc" style="display:none;" href="javascript:loadQuestion(15)">level 4</a>
<br/>
The source of the program
146
Created by XMLmind XSL-FO Converter.
<a id="fd" style="display:none;" href="javascript:loadQuestion(16)">level 5</a>
</div>
</div>
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="otodikpont" style="background: rgb(46,226,4);">
</div><a href="javascript:otodik();" class="felirat">low rise, high density &
housing</a>
<br/>
<br/>
<div class="kismenu" id="me">
<a id="rta" style="display:none;" href="javascript:loadQuestion(17)">level 1</a>
<br/>
<a id="rtb" style="display:none;" href="javascript:loadQuestion(18)">level 2</a>
<br/>
<a id="ujrtc" style="display:none;" href="javascript:loadQuestion(1903)">level 3</a>
<br/>
<a id="rtc" style="display:none;" href="javascript:loadQuestion(19)">level 4</a>
<br/>
<a id="rtd" style="display:none;" href="javascript:loadQuestion(20)">level 5</a>
</div>
</div>
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="hatodikpont" style="background: rgb(128,128,0);">
</div><a href="javascript:hatodik();" class="felirat">structural systems &
dwellings</a>
<br/>
<br/>
<div class="kismenu" id="mf">
<a id="trta" style="display:none;" href="javascript:loadQuestion(21)">level 1</a>
<br/>
<a id="trtb" style="display:none;" href="javascript:loadQuestion(22)">level 2</a>
<br/>
<a id="ujtrtc" style="display:none;"
href="javascript:loadQuestion(2303)">level 3</a>
<br/>
<a id="trtc" style="display:none;" href="javascript:loadQuestion(23)">level 4</a>
<br/>
<a id="trtd" style="display:none;" href="javascript:loadQuestion(24)">level 5</a>
</div>
</div>
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="hetedikpont" style="background: rgb(64,164,255);">
</div><a href="javascript:hetedik();" class="felirat">circulation systems &
dwellings</a>
<br/>
<br/>
<div class="kismenu" id="mg">
<a id="kra" style="display:none;" href="javascript:loadQuestion(25)">level 1</a>
<br/>
<a id="krb" style="display:none;" href="javascript:loadQuestion(26)">level 2</a>
<br/>
<a id="ujkrc" style="display:none;" href="javascript:loadQuestion(2703)">level 3</a>
<br/>
The source of the program
147
Created by XMLmind XSL-FO Converter.
<a id="krc" style="display:none;" href="javascript:loadQuestion(27)">level 4</a>
<br/>
<a id="krd" style="display:none;" href="javascript:loadQuestion(28)">level 5</a>
</div>
</div>
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="nyolcadikpont" style="background: rgb(0,128,128);">
</div><a href="javascript:nyolcadik();" class="felirat">energy-efficiency &
dwellings</a>
<br/>
<br/>
<div class="kismenu" id="mh">
<a id="gra" style="display:none;" href="javascript:loadQuestion(29)">level 1</a>
<br/>
<a id="grb" style="display:none;" href="javascript:loadQuestion(30)">level 2</a>
<br/>
<a id="ujgrc" style="display:none;" href="javascript:loadQuestion(3103)">level 3</a>
<br/>
<a id="grc" style="display:none;" href="javascript:loadQuestion(31)">level 4</a>
<br/>
<a id="grd" style="display:none;" href="javascript:loadQuestion(32)">level 5</a>
</div>
</div>
<div class="menuelem" onmouseover="$(this).css('opacity', '1');"
onmouseout="$(this).css('opacity', '0.5');">
<div class="menunegyzet" id="kilencedikpont" style="background:
rgb(0,191,191);">
</div><a href="LakoBOX.zip" class="felirat">my game</a>
</div>
</div>
</div>
</div>
<div id="jatek"></div>
<div id="footer">
<div id="bal">
<div id="impresszum">
<a href="javascript:$('#msg').dialog({width:500,height:500});"><b> <div class="menunegyzet" style="background: rgb(167,15,1) !important;"></div> about, copyright </b> </a>
</div>
<div id="help">
<a href="javascript:$('#segitseg').dialog({width:500,height:500});"> help </a>
</div>
</div>
<div id="reklamok" style="width:40%;float: right;">
<a href="http://www.montor.hu"> <img id="montor" class="kep"
src="http://montor.hu/img/montor_logo_1.gif" style="border:none;margin-left:5px;display:
block !important;float: right;overflow: hidden;height:100%;" /> </a>
<a href="http://programozó.eu"> <img id="programozo" class="kep"
src="http://programozó.eu/social/programozas.jpg"
style="border:none;margin-left:15px;display: block !important;float:right;overflow: hidden;height:100%;" /> </a>
</div>
</div>
</div>
<div id="bejelentkezes"><img class="kep" src="images/fejkep.JPG" style="display:
block !important;width:100%;"/>
<br/>
<div style="width:90%;margin:0 auto;overflow:hidden;">
<div id="meglevofelhasznalok" style="width:30%;float:left;overflow:hidden;"></div>
<div id="ujreg" style="width:60%;float:right;overflow:hidden;">
<div id="felhasznalo" >
<input type="text" id="nev" maxlength="25" class="felirat"
The source of the program
148
Created by XMLmind XSL-FO Converter.
style="width:60%;height:30px;float:left;font-size:24px !important;" value="new player"
onclick="this.value=''"/>
<div onclick="belep();"><img src="images/nyil.jpg" style="height:37px;margin-left: 10px;" />
</div>
</div>
</div>
</div>
<img id="EUs" src="images/EUs.jpg" style="margin:0px auto;margin-top:30%;width:100%;" />
</div>
<div id="egyeb">
<!--utolag akarjak modositani, ezert ezek kulon fajlban lesznek megadna, es js-sel betoltve-->
<div id="msg" class="felugro">You won!</div>
<div id="impr" title="Impresszum" class="felugro"></div>
<div id="segitseg" title="Segítség" class="felugro"></div>
</div>
<div style="display: none;" id="be"></div>
</body>
</html>