From 2cd123401ad409530d090dc18c4ad8719ef7b82e Mon Sep 17 00:00:00 2001
From: "Mr.doob" <info@mrdoob.com>
Date: Sun, 13 Jun 2010 07:29:51 +0100
Subject: [PATCH] - Added codecs metadata on video demo. - Added terrain demo.

---
 README.md                      |   3 +-
 assets/examples/06_terrain.png | Bin 0 -> 13294 bytes
 examples/geometry_terrain.html | 305 +++++++++++++++++++++++++++++++++
 examples/materials_video.html  |  14 +-
 examples/primitives/Plane.js   |   4 +-
 5 files changed, 317 insertions(+), 9 deletions(-)
 create mode 100644 assets/examples/06_terrain.png
 create mode 100644 examples/geometry_terrain.html

diff --git a/README.md b/README.md
index 1ec239fb21..4f1d9d3995 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,7 @@ Similar projects: [pre3d](http://deanm.github.com/pre3d/), [pvjs](http://code.go
 
 ### Examples ###
 
+[![geometry_terrain](http://github.com/mrdoob/three.js/raw/master/assets/examples/06_terrain.png)](http://mrdoob.com/projects/three.js/examples/geometry_terrain.html)
 [![materials_video](http://github.com/mrdoob/three.js/raw/master/assets/examples/05_video.png)](http://mrdoob.com/projects/three.js/examples/materials_video.html)
 [![geometry_vr](http://github.com/mrdoob/three.js/raw/master/assets/examples/04_vr.png)](http://mrdoob.com/projects/three.js/examples/geometry_vr.html)
 [![geometry_cube](http://github.com/mrdoob/three.js/raw/master/assets/examples/03_cube.png)](http://mrdoob.com/projects/three.js/examples/geometry_cube.html)
@@ -30,7 +31,7 @@ Similar projects: [pre3d](http://deanm.github.com/pre3d/), [pvjs](http://code.go
 [![jsflowfield4d](http://github.com/mrdoob/three.js/raw/master/assets/projects/00_jsflowfield4d.png)](http://test.sjeiti.com/jsflowfield4d/)
 [![spikeball](http://github.com/mrdoob/three.js/raw/master/assets/projects/03_spikeball.png)](http://kile.stravaganza.org/lab/js/spikeball/)
 
-### How to use ###
+### Usage ###
 
 The library needs to be included first thing.
 
diff --git a/assets/examples/06_terrain.png b/assets/examples/06_terrain.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff53a228f75c752fabd01d9a5d0fba8f28cd49d4
GIT binary patch
literal 13294
zcmV<KGZD;*P)<h;3K|Lk000e1NJLTq003kF002t}1^@s6h8QBZ00001b5ch_0Itp)
z=>PyA07*naRCwC8z1h#DS(e`Q+rvAZ@f%~xjLgcctg7s)>h8j7szuA#7Hwp3-}H@d
zK>`U02>};eagVVC`~?Uk1_=oxgp5E8G8Pya2_rS#wy}GvF^9;E;hWAm@31E>*52<q
zQC-zkTXaaF$c*^T_q}JYz1Dixv!1n%`dh#KY2yFmS4s(E41e|C{@3{*|J%R*Grvx2
zXe-M{kG6dCoeQkd{P@iSzx~74+#W^%l!8@L@!_*87A7*f#OOV>(X6_f+8C@>)K*bj
zi`ELI<QbGw@;fDb1Rn!d8yc(8T0sI^8J>UhSNZ6l`sca&@E5U7i!m0h^&fdpN~!tJ
zKgq9uoY(xkztqoT5P)$Q_~(B0t8(y)`OU=q>g#pOFFwEGS3bPv`Q@6F5?|c)ytv)-
z+3kVf`}~H{N1mN87+oZ$$P^N!#HOpcT6fgeV6=R1twEuHL`q^5`EN)GLQM0|k0}vj
zBBVqJ3GW^I{hruv_~6g{Iezh<{Bykb!AGn%XRNp9bjvl6A6$tcy_@jUfFB3^ctDY;
z>IPlaXj94WszDh;iV;%$Q!$ABd2U0~wET^~{+|NSTEnWVNWk5GL@UMfs}+Cwm)~dA
zR($*23%a`E<^6%SGCbNWc(h&co%b$zwHx@YAHL+xeqd2s+RAXf?pQVz)@Y1TKlLV-
z%P599{W~QF%3q5z_z>{XQr9*8IPnL6=fCIg{V)GDtL+8ve(((*z4sB1-}{K?U->FT
zPycYou)AZ}-7@ZPnI7H{9$wSv$oArj#d1s4Em^L&)T=X4n(f!V%i_^{e=45x$9hQl
zf!%V$Z~imC%!?m=kE?Y@Yc+57Bg>}Z!$%wbiLYESxWF&Hcg3Ii$`$v$<HgN^o5Lu#
zHzi&_4E#@j??-%bci_=x!S$x4HU^~?R%_bYV6^(VLPAOjW2@{xkW!pIHpNH+VwAr>
zeT{RT(Rq|MTwGnFQe^7)_-Q~Xg*BSW8rrI&tqhe>R7O)7jnxY0J(F`>zyC46@~`}R
zRNaac<NvQlv470FMk%n(g8%M6`fL2sHt_4e_H}A&`11b1Zg9MNx#Duwa=RZnUp0K|
zoeO+O43j6Mh|ah8&3@o-{y#tF^={<DM_X2Hh1HrwLLmp~d?0Gc1!9=fQ1wTD#o*t5
z+@E-E`5tfQjmjDpT>~i*hX)i;X@zN8lme|3))>%=DJEQkIC>HZ9}+G`j8@$L-ao|t
z7ymBb{g?h7Ox+Nin=i$mj)$Z~QVOLF@%R2$UjFU>oV)u6dgmFY$bOtSOrF67QcCPc
z$9F$`%*XGX^YVV+&3@o^KQe_#KY9Mn?|shaw+EhIuBeS+m^@RASglz!76tg2utrg7
zjkV$}*)Al0jx?u^|Dk@)#C-aSa+pfVw^B$hi$DmGkP@{q)K+7yMgvvd@YP@Y4Zikg
zf0Nball*!$fA4=B1N~Hkr1C(Y{SJ43>p!I5-=nl)aDm<6c<3iy+#QH1G5N@{v3%>@
zOEz82>xY4t4+r`wa2Or`=l8zklQ%oQa<yX7RQQlMOrFsNYOB#1IT@|cTG3cTTN!F=
z$iPWL(a(6u@~p*h>eO3)&O=Egex}V6M7g6t!UX{nQ-}<c!%q_^&DVbA&-1H)>96qa
zhu>gx`B;pS4f7|-H9s|Esg$Vw1J6JIpV^;V(&Zzj5c%Tnz-u$`W;ftMq^m74$(wdQ
z@X4DUFK!QfcDti8hVOlO#}8jU@a%las%@Bj;MGHq3yHQevjJ+GZ=TWA#?Vw6t0itn
zz=uSL0Utq;;cC9wAw_xL=@__9jrj8%hC*fICREBUQan?EO4)OiMl1QgR%=>oa7|50
ziBEp#f9D7P*WcuWZ+?e=_Fwq7SY14!>K4?C4W?=(l#(AbMagwP<=O1dxD;G2-|+mo
zW?DT(`N;P_yP>TNqYHd_KTugiQyIRvJD?X0uXh74ZV&wE^$w%qhp%q<>}Jp9y5(%q
zkW%9HZs2}!ENY8VP+P;Ykp#MEDjI93tRzvR6}2(h3j;3146)_VLrMf6@loNU7)2|c
z-*O~I34?#K0)rXB6@#Y)N~P?<T5?)Sm_{y8Wi-|ZFsY12#~Z%)-~0z$JbIUUv0}YF
zqg|aryTLVEV!K5z&bWN%LyR><KfPrb`?HYMSDwEHe@$&32seVueN6oL=D=ZcJlQVz
zN1xuXA11bonon=`eDY?;eLwN{KY7FC0+;KS?V<+YzL&gH;%jB}9GbdDAaGY3T5GXZ
za!Fgu<GB#=L6T;O5$7YL4~#01Tp*zcQEqfWSm94#jJIRHfQf?mOa>W^wb&e1m4c=+
zENaW5wye9FZC7))Xt>^VY!?-64PDg}!ye~8;pQRm`Mu-CZsKl?{HWUS^t->o(_i}Y
zn5rUrM@k8s<`kG_tpDVEpz$wZH<IoS{KG%|f){Td`2MRszw^T{IbXK?;g@&(?&mjr
z_-Mn6+XFA|dT#dvzyIP6trXXrmh)vpTNy%(>_*4!ex$1nN<ml48#D^6R$`FKQfJS*
zUUwL+2r1>;r>L!X=x&(Ujh=^oVv3Q;1tuSHAu_ta7{u^Nsriuk8L7TpK$AnHQ3_)+
z+EZcxt5puC#UnK5%a*Hk%jK%&$#%izy5(Zo(6$xikb3AR?)M}2!^GWwLI=lII~0zW
zuix;0|Cj$hfA??v$9(%Y{$)P+&Yu<N{m~cy75%hiXD`?_j|lB0&(}X-{M}D5fA}T8
z|LG0?;76}`wHx{U7dPDON522%J^keQ%A*aphlwA(eqc9v-s}d9R$Of)Os%^b67-Yj
z%e$V*N7k)`sK$x`7ESe*A=Yip^Q)EQ7NZ3LX+?~Y7k39<??&zqBd>P@yV2uAf!7ko
z`YB{@5*VwMLTPgR{+ZBB44C9+86`%j@-vhi*VUF~Q*pkmxn6giEn3c&HS4xw(Nt8G
z5$3=LVoZ#aTokJ{+pfYWa3O(m;>{^?c=aj&*<bzFxc<g>`Hg?^-@v~5yMLRz-GSHl
z2fTB%ZO8x6)QnT$s;T(&X3u9gd%pi_$8UZA3tsI8wq4EpS8HzeBQI|E+#M!%gQKks
zm#db|qGsLIR7T@N;^r{&de?KgYFRWD+ia|DSJ76MRadiWEZ3Wki)BMU1$MndYk`n=
zhlv-rdtU7ZUOn{e2G4$U+#RNzY!xm@5!hBH*AqGeh71<0#)xI!f@wB~q>{I^Rv2^i
znCiqUjLu|Erfy2nTN#5j8j@5#N-Ic-uC~-x{(e8Y`RfjoN2?wZ7^8W5dCsdp_$~h0
zzxtclU;NrLUccV);%3kHU*7TKH#@vLppD{_De$A$5B$LwckD+`Q(M0M?gh0myxK{v
zaTo(JCDv`l`Ko2r96i7X2~{uedaTi0tvgnYWz*I?J6~|IYUwJ=*`j8X4fy4K&ln<=
z)@TKz4}5;R=ga$^-Qd`bp2OsM7#tx*8e?%GVw9q;G^?h<<f7APoex3H3Ai9!mGeVM
z#!{tcZ!pD(V$j-(aogImtSuKS3CCSyX{;fUa6Y1yVv2!&ba)?WtfsD{Trfs+wQi}c
z=B}T(Tz3pE%;9p;R8)11ee?Q(N@+qa)Gn4S{S+9Sr>zxF&z7VFyK%y3!$Uvv<^90z
zVPrQtAkkKqO<S>SDvXi1J$O$)1#Wf&{p5Lmxu&fQ>#pX5>kYr~&UuEunq^~&G4lCs
z&&__o7)`Q*unwb}YoEgu7$!kn5<(21<~Lp&!=g5%1Wj#OwUxwuD=@mU8Z*O8HUCix
z!7B4<U1g~&L#5yLj;<1;q#TA*<^n=YR7TS~&)s37pFA!kDx-L`U2w5%a!3?!e!5*?
zlzh+CZs5Lm-0TPTlf%B*4g4R!{{^4j?AQ&C!39Xn73mjuax*KVx$j5r4-=#F#F$vr
zmZmb;e5h7yv<9OT_k%px!{9huHuCRQ^WmcnUwg8pGMdRpR-J(aU*7k;-u1W;S!j(9
zk--NZ2G8wb<S+&L$us#<P#P+ui8<-lR<mj=fvq6MutxHM(KNN8wGuLPPS!eSmJ+ta
zsNxOFrlPCGLyQrFN{BhO1DaenEgOqgiVzc*tCkoeNx`mnytv)78z$bpSfjPXyG3K!
zbe8>C<9sB<#ON)RQrQ3GfBRit?RthuxS>)Z>q#;Az|C%y7_Ali$#Ix`ra8pIR%z-=
z&u=~?sl@wSjVs`K(}7YvJ6rPAM_aVg-0VlrmkpKHe0hJ!UN^C7EQ!SE6EVVJ^z275
z#C<<zxLMIunv@bD9#NXj2lr^xak&=q5+!+M*;F}1Ns*zA%BacEHkKw6i$)8YYcizm
z8UY-nM9NS)0@fO;rouKBqcvf2oF~vmOAY~o^X%>iK70MZ=Qlgfmo06kic+R)&X&#0
z-!1D3`wu>S&Ey5=7j9|0Xz(%c^6o%L5|VbKz)c?$mDO~Wnc<<;!tMANnY<+A685&s
zn#LL~*Db&B>;j_|FCPvp8cSDO?uUsl?|W|dV<9n!IRu0h8N4IJBxp*D;X{awxr(;g
z^^MU~TJ!vJ#k2DjbuKWQ%5c7H*t9iWEww{iTe`NQ>l)g#1-h-l>eA?e#zI$vH4@e)
z5B&s#gAnEGi~*y-Xi@^>gS<8-7#wNx7^68enpI=D-H*K44U9fe89{81HXY6f9<4i)
zf)En+w}1GOt`@YjZmaw~6aD0g5t_=9Qo_e5MVyucI3`938>91tC`tH!n0Oc_T5H&}
zHH*gbm8&&fZMg3ztkFE$Ea)fC7xz7P{e%l)PP|o4sQb}N5$HTFM2XXrmt>uCMPExu
zYOUe@>oxCRt~t+Op{os>uI6IZvRc$swWVn)Y+Iq%Eu1f5(Sp%XTlurn(AIL$&ZGJX
z4wD$Hu3&Ox4o41OCGm)^k`tLEuW}d}_5;+GuB*9fD=Mq`!OI6;Jq&0K%ch$7JW#Zi
z#+Ei|R~weC&CMdkqPF><1A~_vyIj<y1d|UlpA)0RK&=!}2|aSVm(a3ZHY}Qo>vhL=
z(PU_vc(fISad#Nm4UW+Td`zrbNz8R6d1dsT-UWIWgtLlZjb_zKn9wR$^p)ZH<(iM5
zp7VIS;GOdotJbn;EQ?i(T{Pkat%atN+rM3q+A1GrEk;lZv;k!x`8o7tQtbF=TMD0S
z7^R^y;z>zbswxAP`}>}Qo!BlL)?LH1v%n8uKX9`j8K;1?noV1Cy=u5PUts^~kDqb7
zALrz_Y^-2v6h2CU1F&jqv|^^*o5})-VFD8q+8SQn?0I?Lv*~J9ZN;joc(m!*F66b=
z$PXV~pdUx>2gk$Ua6Z!3hPIN+AyFdm&^zAj1_tL@)D-~RMLkpFDJ7O|#Ru0Le)+vi
zK76$0y~{P*RgE$R)mErQE4Ozchn^~fI$J<n%YiqQgeC=GfVwCIpw*?~l*6u)9DL0D
z%)%TE7NdAkQ;{YyX5CoMjbe0>SGRk*y5eHpVvOd~H#-iK$7;>>rsMi@ja}8)fAcT>
z65o4y&nK_<-0TM)@*#~*!UZUvoGn?m6_bzb#t9!RN+~8E2+^UG;^lqM_g~(#T{LXF
z8l@ChtCl8LxQ(@JIw?2{IB+4d8yw5Vo?w5C3yC-TfiLd|`YF&=a!Hy>P|Xwqq{O<b
z`S|HM-+q3{$Is4r?{Y=EYK6LJE7ZD!wvwE%>7cGqB|ixHm2Z9&W2h<@DFIZ35X2BZ
zh#^YDBt{8uMl(10ryweiG@-18%0i6N+i4P2ZFza~KtDP*i<*z$x!~19Ph$;d>ki#j
zq^iP(1n*v~*me!C9(rCr^n8A^=jDSW^QY$v&bo#%L~e3Y(ke2#$S?&Clc1j;zuslB
zLW_@yZC6uSBVD=-kAM97fqwKHoTtlpzN?M!Ntv|sA#ryYdHpbQcNmB<3UUE1maR|{
zE^xkT_~rMn`1+GGK6<j{gGU>x%|gPGQm91@T_d-4*@!1-Er)!6$XvGp?<F^MMvR~`
zMIOE6gMNa+AG<8^L>v*5BzP1M=KhD|B!f~l_=xhJx~+NKTHd^Tpr1UIF+9Ck%j-M2
z2r5SGk6-Vy>_&5usg3hx%iuhXHB3Hodl)6&kB*oG@!St1Z+0X5(eY+CQd`5*vn5(9
zViek-<f6$-#s6kEpip#m#_cI#l)^`;swII3Uhf9p90m@f$67sC^F}N7qv!Ei$G6_O
z;G6GW@cz}B=ND_Lwt_}-4>{yAIl1*d!frUW19iFG$j!HfQpswP6k&Aon$e39Pr9iy
z`buQa$mnb~SQHP*UXmsQT4OgY*R^H$@}7r&qzQp;*+M^|LWE_DeZ1+|k8Z9^jh0Z9
zQsT?Io>#kp-5?=m@<NmB1~>Cp_x*%IysWW?-gzo3P<UBeCLh_4eWq9<%bZ9jFAW-_
z1)7RsVy-*f%w?_Hin_9dlo(v#-HRn3KRxH`PtSOsd-`>q4|S06l9~$Tg512y%HhU*
zkd=X2ZZOMMLK=t>6cD@^;V=ria{hShWA0RCu8Ncdl^G2lh+2MzHegGmOQR|)bxcaA
zRm&<t|N4Pp@)$Mdnocf=edl7u;5_&J#BT7s-VMCG?|FIO^DsDW4-<EXaqbX0AGymF
z`)+hX51cQtMmQRqdk2ZcZt^^gj$!gBrPy?}Fs8M|7^##)5`;E|fb)_4=oqFzV+FD{
znHSSqv1}^7{$$HHo}P2H?pU{VF8DNYa15iTw!$1xBt<Tq#QaJO(pF-O#vbzk37nH!
zV?WBDKFI46P@VLRUH<#Vig641k}~ot;cYgW{2b-Hv;>w7oz>KD_GoKRRt%{ci}mqH
zRqsZjJ9-yzL2l%jZ^)*r=%>J&{XjnkrV!b*HRsEQ5EBoB%RG_dVVG#F;V^kZly>bq
z=L@bkqQOcD4wGZ=j{m+gQVWF`xm>jXEZT}ns~p}U?_Y2D>h*?oSFvm)FZmF8bAOPd
z(uzu}eB0G&V_jfvYb9T_RYq6Y7$HemE5+Yo6wmNcjFOQ5SL*m0lf#zFAuc5G#C{ZG
zk&}OAatH+~i_*Dun-XTbAngVS5oI;0u~_FLH~Wz<?hd@TJMd;VaCew86DcsWc7Zn!
z1Fv?2P~5fQY*B-Phu%p$)@XL4<Nh$RYU?@QEgQ?D^@2rH;e6yaj2uQW^5_DaMa|>Q
zf^AoGKTfRLrLYE8*j`bD2<(3Uay5H}(rT_{lqzZ!O{{ahV2u=el|CAwtzeN8e3f&E
zk4JClN9esAY%xfT$J}G>(ZEeUWbef*e9HMIaw4zH;VkDFYrt5+4L(YrrqbYr`%-}Y
z!OI6;?s`7I-E)(Zv=nMWgZP-(51zv~akUnDJ*LE$_dWNAiHlWBiiuBd_Pn^=3lc)K
zQI*lOb%l?S`+k(eMG=$8KHoWC@cz|?^Hl>0y2j3}*RD1gt#b}mw3QUCO2OoU6rwTW
zy!5++jx2N~IkmOo5tWfcY->SU%SMc%wIt&)hp55H!A?OAZ*+3Fu^g(B*8l`1A;@`f
zO8(vD*G--@ddXiglB~&~EgfI)gM>7bQJOKJG%AXb><?exbCY?N{p9IK&*($0F@!Ry
zjN!vaTNX{l7xz7%-Rz}fc)dXZ|LC(De(>^M3Q7fyHM1ONKREi)v1lyo%qP{>@a%la
zSFYB==Vbj>%siG-Li|}R#;db3WeTE7tgW<xhe@jVMP+kgX=vK&2zP5M1>vfZKbuN!
zs`FA`>;?%_CC`-HFy+J^;}P0wE&rxfE)?C{;m&*L9m)sN6d(lDvdIv*k%KSBi@64B
zESMbDP*54{7k7u;V@UZhn3W$sCvs~vyJ6x-uXlWLe?Tk6M~}Av{PvGt@rPgBVYFt`
z37kzygb5)gR1H__1y9eGw3V=_*PD*_F4sKXcC?kHpClQNAux=dNTRl)@G#_Oi4hfG
zSqocwcbFKaz^b*>m1dFKt9sc;QMjyOyF3<#*5pG^a!ZGtFQ$;gPC6RO1v&5_g)zD7
zM<|fmiGhm2LX_9-M`_JY;swgZqk(I4l7lqpY#40>4R$reggs1>xJCOU@wYY_tu$0=
zuH0Wg^xXFol{LI~xuTx}fB%!$e0sAdp=he3zUpCctlNsmn~twO+46Y1U{PBVaK31`
zT(vwsU$AOwTnIUYMS1Qlb|`9(5TzT}JCCX@E=JrS5OuYvSmb_uS6l3|f$ajd>0rAM
zk5DIk)R1HRn32@vB=(1ROyK1Z{Yfs+<j{f~XsKa}fFeerOQIy}lt2|aMs8;=F3B~G
zI@T^$i6<wZtFXI%BIF9w8bxh{Pa0g{P44zR43nU$u4cPv=qJw~d~q*yvh&C0O)lIv
zi<<Aecg5GAp3P9V%5Bxh+XYwaj%`;nI0=hJD;9Odx~+3DDqX?yyLS>sjaH0PkY-b^
zU5r+2x{B4NLtm{(n+2+?kC3;@p(5tIFgkb`vImr^JOhD{vWDoS8Yh#7I%nMiaf`M%
zL~s!`d14F%AG5wn9jTd^Bs^w_oeBu>LPn~|i&4}9JGd|#+h~PPk-nE+#$l2oO)15y
zsaP}?9}?ex`H-vkX=V~oup1nYw;kVncEQ)4Y&l=HEGo;g6$bgyrV~W9tnofkSue$7
zjHrydd`uZVO&pxhy%jIexUFb%7cWNXYChgBSS=gWrXw}Nq0J#g=L$UJ8-JL@Gx|{u
zT_t9CQw}%foDnm8E;UWah|4BP>@FN%GkM|^@L7sf$&gF_*%5*}R{Jp#2ZwV34QQ*;
z!<3ojge{CCxh)xD#KnjYqS#tCN2<G@96x@&lkhb-vh(HqWVl+l{NnRVzVrSSPtO*t
za-Y4cZ7$?0HeH2Qnm&2zWY~LQdk>RiKRWhf;4nCLljHTnAS{B>Y!)jvU5(M2wvu-7
zsu4OxWkDU2%eX%y7{ZZ6946BJ0d<(9ng^6FHHAL*H&7?TIO@pu780_&rrboCdq5e5
zRTh+&{)Wk6seDb$$v;G5h{Oz-R2FDdR-@k>utmzE)rrnEN%t=%2`4co9wx`<H+x<^
z^b%@9L?uzIZ@XGN<DCnB^`j?z_0g7PBmIa~Q&Hs}^}3bOveAi<ZEz9}@B4}S><RnP
zGr7QBFI<^YaK3E0-gIvXu}v1;CS+tl0jjNzXvyd6(oYhq`VqCu6?hpPsKk&-t9(QA
zLC$J(owc}`GRYM;N`ooYy^?mUHK-7%MyWTH)$)By1Sxq3Fd>qRA}T#gfpl#_gH^c-
z_D(v5E{IGs#6$>@3DFeY^%FOHp~J(hMHNW;{Bq65&(8RZ-+Io+?_RL1Ej~orN|1%l
z$t@-rM#p{cxZMxj942lLQu&WQaNke#Q(*L-hu)!;Fud36mUUCnRR$2YH$+LcUFA^;
z`L`*6a!`f2N0CO48pJ4Jba)?fm`a#2V661OlhG)X5s*5aOHjuHt!!@Js$)+iM?SP7
zIW1mSnWJhlYZYex%jbNpH9kcm2~!zVWuUIGJ{Ny7pBI^OBK09k_zH=B6t2sML{l01
z$%|~rXg++j<=f9M_zS=A4&Qp`g34+RqodB$Nn1%xVoj1-CzFRahmjDZEj(m}U(Aa0
zl#9e=U2(Z;IA1k1mBB?pf}@)VIfwL9z#2pA0;(TLqmwrmA}K`F=!h;dIiG)q+;|~{
zBW)6)gNl(9H7W@+D*>LP0hBt<{}f}qg~pU<SaNS(6~Z#clh+8rsPp$TDWSDSH<q+)
zL`oX7L^<V{=0n8$fXm3k1-ZR8%VZ`WMWLb<-*|e)uYK(azw+TD-n(3L*H3^5k$sHR
z#^Aghx(_jb|G;5#Sf!|I%YO880a~j25F!g}S$CC)>8xe+5$6NF^V}aMwu^?tDDtF)
zoLT21x;CUy2^|rm2smP7ngRi-wPL3IV@hZ*dS<H?I-jjFNy1H`@s*NZiPxZW_zLlu
z=o65_G1rvLTE2!8_!}e1NaQe8_N=BtWr%J`d890RLx^IvO34_25Ap^^A9?5}Mjz2e
z@vV0*`SowV%Qv2$bGB@F7#%trV^#!O%{q&ZC+|r~F}R3Uny8|Xm6_gmUM6#Wh?2N#
z!>XxiE5m+rj6Tp$Axkp#+)l11Ph~VNM6~nNNHJHYo_vu0P3h;yl-2Gz@jIUrtkzf)
zu}NbvsH9IM+DTAX$uXtxQTpr!oy9W$k@H15=`e;9c&#MofS|E?M#O5Yi*oY{_AfIM
zBHlW}-+uB;A!4=S<7Zd=`nTTY+4&M{Waws5+gUMQ3cETB(}Wx~49<&6LrKs4Fp1#K
z8qIP>6>1LMCf7sztX>pP)od0uE+pzGBNF9V%ZPN!!t3G<F<&ZmGI|hWuEJHmgenoD
z0GJvu_J|-=O1TyZa)^oJ;ieO|_q29NaqfhcoP}005M(sTYWcpi!Nv2e4`PUv1YyOT
zG+l_ZsxAi6tzIk}-oM)L7k=Rx>$b)k&6CZ7&7#g4*POgbXhf)7$im4--t0$)Ns7GN
z{lr~vZpnocy%&gr-Q*m2cNlrK8}LCCf2xv0lksQGm<=lzAQ7WLbe|hSWPU6p5!97K
zll+<_6j4yG&RtlAO<-d&qDHA8WMVu~pA=6i&^p826e21FRBpl%W#}hm4^lCrV(HBn
zdS1S-1-aE|xsk=CeUz!yr6SLiTdp@P-+uR!byu@#Yrgr;1x;3$k6y+CQk3wwY$|r6
zlfjn+uO52tdMC3Y!^9VNJ%bNaTA`HALbxMc($$888@WA<3@*&mTPY<ftwpYsJ;rCU
zF=d^tOA@Zi_-D${J}N!O^V9cPRAz}dvn(O^GHglEDwC2SSM4!VCNZKyDk3#-NemGp
z(<GD>>KOVet1+q2EWjeWq7R@Qwj@QB$Hh`iIIU@{+*(x$PYAFmQvd)HoJmAMRJ3X>
z?_Ua4e!gh<`jhj#c|qE-cZX3rccfYQ?(*!${lW3+?T*2Ttmw^d;J%;cI;<*sTa_`n
zg540g?<XcFIcv<7aRS;X`NsK3s#4Ce39TYQiC4N1%N_{f@U%j!lvi*Fl8Z5kh(e3X
zR{>GU-?@~hrKW(fQuvYdEGJbNF)1MVAU&~4LXUHv(F>pmA<UC0)@WihR93`B2>}Pn
zW!0mOSeq3cK16)hye^c@Z%__v*;G8<c04^_vh8ZFHw$*7BlHs?M0}2yI!o(~QuI!g
zkB7<g+0CAt{fN)wXt({q=;9osE3Icks2r*aht^ml`rF#zL&BQCs;QV<q_P6nQx18h
zjtU{+PJ{_DB`OTjNccDoh2~WqnNKT`DCC27UP5`D5*8x`W%iB~Q`W2{yq9vJ4&s5k
z!O=TEPw-kTLJk2Ki6zHUrYd!c6@i9T3ar(l8jndJxDpYywUVIEmkk%Imc~lc=<YDi
zaC7t_lb~5iXcB`{JoNIAyCF;MGrXO=j1&ycGdXc*qszdigqaXU`7W^D5L1|0gR`m;
zx+DV#nY5A-1RrIS1IU1;<TE6x>zw3I=$@F;iMmIja~O+JVYDQBr6MkeEN#FfkuAj>
z0b&xQR*29T6SsTOAlN(*st{qglp;|sOO6QjX+AO<o66<`qp(K$*G6f&MkZrdjit%G
z?!lcT#@t%<F=f`ZG><fc4~#w%Lgc>B>ck*k)H^|J{Ur5>&*(%eg^O{Xx2UaVQCHHq
zN{Q{FX5ENRxVE{Im_1V1U}&tJ3+yTjBT^JkDBeRV;Y;NbB1yfMA~ET?>l%}oO<E#}
z<O3!uk`Y7tT;GI@^n8e<0Ef}BpWNIT)!NQEOwcO~E)tXE#gvkSzl`SWyrO7EY$_W^
z&oh4B3&oIv2;?GZ-o_)|X6A6?gPw`A5EJ+P$bR%_Ew#ZzKk?8zc4JmA7Mdo<{h~67
z$)c3UM9ul4k>-<9vnQ6$;^;h6kQT2|5n}{F5kzHPHU`P<J+5~$*@F^kX5m9hU=k^6
zY^Jhe$rnnD<MViSh%xhhvgyIah;xD6B%YlVq$roNGL{&GxK%(?X_OMckg`5lRT@Gp
z9+L4fDJvw!okC24gp7tDiERuayLEPHO%}WfbaN_K#$H@=$PhYtDK3Xe#@y}>B6heN
zWc+LNfkkb(Ts4d!BVI<&BM*Hp0IgOMucMHYBG0uXoALokGL8XUo>v!x%bt=lWveox
ziX~iV312B_tT`GfdWb5Zw9W%QVZLxa907%oiQO1*AqZN`Y{}>&2|uecQ`QKC5c9u5
zZA5F3d_2ynD-A~J9QQOz<?1({umS1_xnoIcSz{b@$}lo9W%5so&BWwo#4BXtQfi05
ztKG<9bWA>ER=38*G&kjBFi37?l_9Z@iM3HPM-~dCjglt>TxdeB*+OQm%WzN9a^pjm
zK1rESD)B_p5fz1Cj3Iab0G&fJ1uo}eQ-DDUTVaOPA^+~DK$Q<Xl4Scsh}`uPixAl?
z8p$Iup(b}UNI_JU&S5G;)~MuGfK<F?!Zb#CBMP~Rh5eP#6K3u2lv}iAj{GnRll$sH
zMx0CG*jSx)Tr%-AIVnbs$@$9*gHUG%*~LhOp63HkYTo02&+A6yD`JV&`N@qwhO|uC
zN~1Bwc@t5o19eoSvc^M!bCHmu&{;XLPd?1c-Fyz|AyZf(FFr_3nkBSG>)Ffe+!wQ_
zlGUtAolE*sCxi_1ycQf^D2SZzGVIOUa|%N|IrgJxa57*sItgF*{lsTCJ6`VwPM0lA
zLF$gPg_=i>wN}CwXwd`DUJ(<OHd$3~GWt7iUO0Wem@iMrXhy|^&pcI1frvWVB8NPo
zpK{{Qu)1iGi-))z2AvNwUXi0hW%O)Fb+WWZ)_;gh*J#bM6{XC65Lr`~#dY>4x8|fI
zOlO+Eq0}QjDO8BFKwM?0>au<-W(wNJKnQ70+Hz}DR>@C%c`stTpWJ+rlEm05&xez1
zBN8kc8ADSj7LDa{)pFJ~Y!>y543D0!-lj})rJQEkUCk?gd=hVw!<KDz`cxE=*9?`4
zKSW^w%E6XAIr%Wp%~-7<Pc<u5&M|WUd8U0)TViBxI~0jih)E1mTDKb6c%$NRt&mny
z!xo89xgk0!w2t}a`#G<a+;JE^LnbYKh}`TaUS{RW&-%4$s=Obi5kZDA)J6s)pKcbs
zd%5EI<%+XKLtPn~EYU1zrvQ`~<-$)f;`4Kt4ML?hNwI8ikk^!DYo$Y4$Vrt4jbg6s
zMXwfRvTO3kzt1x(#u!K<G(6oD5mTbh2yqO7%K41A3`W72*#lcVBc{X@1xu$)!Iyc%
zg5jnAukss|H{edlNuL{B{pgtTXu*)lzt3;?947xWjnP&z7`pCCts(8&vqi&umn$A`
z7qgtGGMdgBiPa&@%QDLjMxE6t?xYt{j6vRDSLhSzekT0MLV*%8(~0p)({Rj}t*r2v
zwFo&EDKC8;A%LUg<8mo#i-{UsWY9sTduQ>ZbYg9J&Qg!K5J|ZoQr7R4TVML@3Teux
zC{R`@!TEy=OfDReRPHq19Y#hU{}|7(d~m(t*@b9#>%386(^XupW!=WMYjRz5ym2wZ
z%@V50!ZUI%ODDC}aS2+=5i2M2ImZ+ul(kN2zGS5ePg!d)OnzPorB0amLh+a9OIaFK
zqDSw1uI~i)#(6#_7nva&r0_@O!RP%``bc#TK4fl3l5I?8j`Ja<IW!f+Jml>Q_x&gf
zSALpT<Z<cuuGTy|TSylz*Fk3sQP!U?8_ri9t1d4oFnTt&DiEtM*7=SXVaSwwB=h@A
z^Hx~FTKR$%;}*6!<inYA2X)GxK9y!xOvDuV$whR+a!B$oImF7gfIO6>a*u}0>q+}u
zBv5j;R@91ll)c2-m>83nu49IC0$+s))Cpn?7^9AaUj9K-Hi+{gR`|&!Vm1q>YioFV
zzTnArL06ef-%CHC%M-vR&y;MsN(OVRA;!dAKXDkP2V#xN#b2Byuq6q*tOc%elPu*v
zjXEJCeKA0$SVATNr;G{@lgli%EJiEKFnvgGQ6f6)k(E-!RA9A)IOk#(j7w{~p8|_o
zMAj}#lAI5?7-byc)WSk*hxuSjpQ5b{t<^_P2+*Ot@lps%;U`V6kgfjq4JtzEWg}y1
zAtrhk<~12185SYZSi_@j$CGU*qjp(}I!=KUWsgWgHa)nIjtiKTG=oYDH{`ao$@P;v
zS;th`yG7s;a>vn~<i66jF3>CH4XUyPnjB3e=i1DXiG)|r9tVj<UCs51QHrLj=_&yw
z<K)?ANv|!jw(v=1xno38YsJ|@6dwtg@_<ds@z>`Y=ucdG%ELbU(PyOb_Oh^$BFn1b
zV%20Valk2<yo_XDuUoFyBF27pzT$G#v1}_AnSP&XizzWpAvdiAg2x;xd=To!=0!MT
zMl>pijN&bY@`$CT2r}N#XRjDTn5TtHl23s5X@<b^Owv=4Rev%;CX#XH7PUTUO<OCY
zgQ64g?8n?f_aW=DGCYjA2XeM->GFP%${L){IV5PJm-t$WrBWFAD5$E)eEQM<(UoBe
zY9p)sTu4+gkrb@Eit|Oos;#+Pw>&#v^1-7GU%6iAMPafJWbz_01w}sv62~`N=N7_{
zVYmx%UOpBxFcBeRnwe)GvT?IPMi&{J!{xspCO>Z<$`EG`g@s)8^Wua^h?;0LG5L8e
zf9^G91D253=kNV6xIEK|ge+qeS{rK1yrQD1%0hgTk(J2!Wm)j)z-gL?Z;HUKpB#tL
z5r4|=w$=)zU)GG*Msv25x%Nd<@nqZa&iRV3KHl=~<&w)~J1-pw89FW-OQOYS#bNZv
zt)#%<d~OG5bf)Nifv}lsFWxgaKR2?*oUo^G4A*65Wy~{%)*caF>3bAp6{2h$Egn(U
zN0mjIR+s8O<*{-#zi!BTC`**GR%uc1<!ZfbR*Q+5`Y1h&VJb;loe*|%y9xp!<8FQe
zeJmRhU2nUZ^`fE4#<*NHtXtVf@?^W<gX<0NU#~gqWM8A`02CpH8T*HvW9C)yS`kaj
zHYwVir$Si`;$#B2%&m;2C*y=k@Lq1Zi^pW%PqIKK#Dp=57Bfq2kM&0(FH4*Kq|!&t
zUDty8hCC4De57)Eu0Q4(Q4+T7c~WJLJ|@Pz5l!Y8{oG)R`QbQ`*p$UwlNa|pjP5OC
z6bM^J8Dz{^wvTQXHC-j!hn`(5`S5DPdsl1D7Y%JC1)#OL*B<2{B&LU%l(brlINjte
z+4Jyi;xM_R{0EqFJ77O~#(ew7qTCD;y7r@Ea1z&D2=gGT&&$lpr!+{&QYX137o6%y
z-^f0BN%WHsbAeheMxpS_Ye)%OXkwEo2N(Q|--{l~<!V?eW9Ix(9>&L*XUnIzLe(O#
z!`pNfXI;aplO6|oc|fH#T~qPl^_s6fIpfK8!KSNdGij(5GoPDI=KVvE|CewphAN{B
zQW?iNNynJ$rXb;>cOvF4y0sX|moIxsi0nr%+wxKwpHt=b=ASDwfj-~vbh7<gWu!(t
zu0ZibLQ->~nmjY~F3wO$T&t9l#yUm480T^5DZ{<S+P65F;$AXW?zub2n!0$h%kX^J
z@brAevaxKtnq_0DjG2*FSIZu&j~;J$cCqGS)yReiE!cdR<ma2bEzZZtm=TYQG3(AW
zD#>z}F+@V1w2Ha+5i<$uTx4>BzKTZ+N{UP|<fdCrzCO<CnA*yR#VqP-{`7_rWPBkh
z`FM<SLsK?{j}e2O`$qyG6eekmPUs{C((`=K+mXgf6FzH(<FON{Q5pNIy!cqnRjNYb
z;i!&d3<CLt5?{9!&(4>eEt`3PeQnL$EGkNt=T~dqIbU(MkWbbr@Uk?rd|vxxl$z_J
zm<?*QrU_ww7ME87_G8vU<?49uUPkF27TBC-DNrE?b8gA~i7xMKTs76)R;H{y&yv^V
zf;74~Zo`gQ7y+8#6UpQa*(6Mm(FYyHqrxc!4<azMB?%Q>l2TFxn!FC&8Z)og)|oNg
z=SkhN-?pu6-T<oKTBoO#$~i#IuvlDQ*6=;qEM(L=ueV6KkyYxO0vY=})>bGOs}v~(
z`bixRK8G3~j|eCw2~(qsbFEbLQgCE>OXqOP|E81xgGFUCcsT8iq%3MbZo@wAhChDD
zOw4W*l_KSO$Vc&zl2=MyR=g{uge{#dKd<wK)?~qS#`rNSQ$`oEibNI*Oc^2;QgZS_
zUs$7$g0z_MO1^jR0_(QodeicF+p$?xR7R8+Wn1W28Z}ypP=Ktxin7hh<Td1_16g`D
z(khnc(YdxNJ(j{6j9vt6J_%CuA<YoCc(2wO{x{M<s^*Pv={Wb8h2Nz}PMHxXd*kQr
z*h*wSAu7s{SIEn01j)*Cq$EAel)#3pj0m|0Q0qK&l9NpD<yIdinfEK+F*wiNVPx_`
zt%Mk54zaGOtj^m_WvnaZxk1@9)Ns97<Td10ma$obwTf|yGxa^V_*P$j{*acW^7;@n
z7kTA*N<DO{dhtFol_JjxCznE+!`qanV#P4hk8dm4$5N>NB0e`d;mg!Pri^?%PFT$w
zwpF4=p{<%5WiCjqBKbmwPh6gfi5zPw8&4!S3GgbR2!s=~(ocb#y{zLKyet>E>!+C`
zsxsu1t#c`_*A}b$%n&!$ux@15@Os^`>1x{A%Ia3Fa9$2+$aTP!1$gBKS4OsWMg>EN
zZ&43}^K)2o{x}m-7}Y5xfw{i0yGPg=PCjv=&P&o(O-);yS^46l=(0+KYVxJUAV06n
zwJ3A4-aLn|vXa(^c+&HaZ+(~<^9QUY?2sj&>4X-LC2BItGr7oZKhFCRdlzP%ZHfC<
zYc^dy->9}Sxu_FdZ?)!pS#h}*qHviTP$q{#mv?>ilk9TuCy(=K{!EXeB$4nM=U&6;
zWhSve^TIgCOovRFsTO0$dF@m|i%M&3zO`uP&oZ&O6L}cD@OXJO)NYhItLzXSU6|S4
z$|#!3(inrX%)5PKQZw`}f{GLqQS;W;pxHxw-d0egEHOnUFN|iXbl>a;X)?L^NBF7A
zYA*7p1QgM9*@IsAu|;E8wq*lnR%K)YvNXGdmX;dfFojv0YmIDa(CRq89CFAx<WESr
z@244|86~+V&g`??;)2iw(VWsg!p#9hC7(w!c``LFo3#_NK59S8^i~PmC2#6HMccY4
z%S4rY#+K6RC_m!(86n~s@q}*4y97|u4=Ko`6e=YYxOto0ak;>32(8&HWaR8})nPRA
zR&0<SvGb8SPgKQNHc-nh_VPh3Mr#fSDL{|(eVm^~E5+V=y1ESiq+@G16PbrB`!5Mq
zpNJ%;JPPN-@%xrRC)sYT@k#RJ<i%K2>8-JZ!{q75!2K|CyPxK*tRXMI>1xA58|o@A
z^yj3_J<m<5w?Dw_q@7&2wm`y;E@X_JkxB^j=SS@ZH}5$A$tKf!QE|0iaJCd-{eBFy
z_9!F>G0co;Ul|^6JI<Gl4EAJ*>2h26KJRsxK1#wWg|+&~6FJYrpl7~FidV@SllM#~
zds+%~H+gYQ5iIz4G{*cXpSk*PtdWV>EH*D(o#+F6em>cvcgUaGR$zYD$&$}P4arCC
s8Cj>5PLY+G;doK9Bz2;|&$P?`3(PW*r1;&11^@s607*qoM6N<$f@xp!d;kCd

literal 0
HcmV?d00001

diff --git a/examples/geometry_terrain.html b/examples/geometry_terrain.html
new file mode 100644
index 0000000000..c57b878c7a
--- /dev/null
+++ b/examples/geometry_terrain.html
@@ -0,0 +1,305 @@
+<!DOCTYPE HTML>
+<html lang="en">
+	<head>
+		<title>three.js - geometry - terrain</title>
+		<meta charset="utf-8">
+		<style type="text/css">
+			body {
+				color: #71544e;
+				font-family:Monospace;
+				font-size:13px;
+				text-align:center;
+
+				background-color: #bfd1e5;
+				margin: 0px;
+				overflow: hidden;
+			}
+
+			#info {
+				position: absolute;
+				top: 0px; width: 100%;
+				padding: 5px;
+			}
+
+			a {
+
+				color: #b07861;
+			}
+
+		</style>
+	</head>
+	<body>
+
+		<div id="container"><br /><br /><br /><br /><br />Generating...</div> 
+		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - terrain demo.</div> 
+
+		<script type="text/javascript" src="http://github.com/mrdoob/stats.js/raw/master/build/stats.js"></script>
+		<script type="text/javascript" src="../build/three.js"></script>
+
+		<script type="text/javascript" src="primitives/Plane.js"></script>
+
+		<script type="text/javascript">
+
+			var Perlin = function () {
+
+				// http://mrl.nyu.edu/~perlin/noise/
+
+				var p = [151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,
+					 23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,
+					 174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,
+					 133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,
+					 89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,
+					 202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,
+					 248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,
+					 178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,
+					 14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,
+					 93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180];
+
+				for (var i=0; i < 256 ; i++) {
+
+					p[256+i] = p[i];
+
+				}
+
+				function fade(t) {
+
+					return t * t * t * (t * (t * 6 - 15) + 10);
+
+				}
+
+				function lerp(t, a, b) {
+
+					return a + t * (b - a);
+
+				}
+
+				function grad(hash, x, y, z) {
+
+					var h = hash & 15;
+					var u = h < 8 ? x : y, v = h < 4 ? y : h == 12 || h == 14 ? x : z;
+					return ((h&1) == 0 ? u : -u) + ((h&2) == 0 ? v : -v);
+
+				}
+
+				return {
+
+					noise: function (x, y, z) {
+
+						var floorX = Math.floor(x), floorY = Math.floor(y), floorZ = Math.floor(z);
+
+						var X = floorX & 255, Y = floorY & 255, Z = floorZ & 255;
+
+						x -= floorX;
+						y -= floorY;
+						z -= floorZ;
+
+						var xMinus1 = x -1, yMinus1 = y - 1, zMinus1 = z - 1;
+
+						var u = fade(x), v = fade(y), w = fade(z);
+
+						var A = p[X]+Y, AA = p[A]+Z, AB = p[A+1]+Z, B = p[X+1]+Y, BA = p[B]+Z, BB = p[B+1]+Z;
+
+						return lerp(w, lerp(v, lerp(u, grad(p[AA], x, y, z), 
+										grad(p[BA], xMinus1, y, z)),
+									lerp(u, grad(p[AB], x, yMinus1, z),
+										grad(p[BB], xMinus1, yMinus1, z))),
+								lerp(v, lerp(u, grad(p[AA+1], x, y, zMinus1),
+										grad(p[BA+1], xMinus1, y, z-1)),
+									lerp(u, grad(p[AB+1], x, yMinus1, zMinus1),
+										grad(p[BB+1], xMinus1, yMinus1, zMinus1))));
+
+					}
+				}
+			}
+
+			//
+
+			var SCREEN_WIDTH = window.innerWidth, SCREEN_HEIGHT = window.innerHeight;
+
+			var container, stats;
+
+			var camera, scene, renderer;
+
+			var mesh;
+
+			var mouseX = 0;
+			var mouseY = 0;
+
+			var windowHalfX = window.innerWidth >> 1;
+			var windowHalfY = window.innerHeight >> 1;
+
+
+			init();
+			setInterval( loop, 1000 / 60 );
+
+
+			function init() {
+
+				container = document.getElementById( 'container' );
+
+				camera = new THREE.Camera(0, 0, 500);
+				camera.focus = 300;
+
+				scene = new THREE.Scene();
+
+				var heightMap = height( 1024, 1024 );
+				var textureMap = shadow( heightMap );
+				var material = new THREE.BitmapUVMappingMaterial( textureMap );
+
+				var quality = 20;
+				var quality1 = quality + 1;
+
+				var plane = new Plane( 2000, 2000, quality, quality );
+
+				var data = heightMap.getContext( '2d' ).getImageData( 0, 0, heightMap.width, heightMap.height ).data;
+				var pixelsPerTriangle = Math.floor(heightMap.width / quality1);
+
+				for ( var y = 0; y < quality1; y++ ) {
+
+					for (var x = 0; x < quality1; x++ ) {
+
+						plane.vertices[x + y * quality1].position.z = data[((x * pixelsPerTriangle) + (y * pixelsPerTriangle) * heightMap.width) * 4];
+
+					}
+
+				}
+
+				mesh = new THREE.Mesh( plane, material );
+				mesh.rotation.x = -90 * Math.PI / 180;
+				scene.add(mesh);
+
+				renderer = new THREE.CanvasRenderer();
+				renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);
+
+				container.innerHTML = "";
+
+				container.appendChild(renderer.domElement);
+
+				stats = new Stats();
+				stats.domElement.style.position = 'absolute';
+				stats.domElement.style.top = '0px';
+				container.appendChild(stats.domElement);
+
+				document.addEventListener('mousemove', onDocumentMouseMove, false);
+
+			}
+
+			function onDocumentMouseMove(event) {
+
+				mouseX = (event.clientX - windowHalfX);
+				mouseY = (event.clientY - windowHalfY);
+
+			}
+
+			function loop() {
+
+				camera.position.x += (mouseX - camera.position.x) * .05;
+				camera.position.y += (-mouseY - camera.position.y) * .05;
+
+				renderer.render(scene, camera);
+				stats.update();
+
+			}
+
+			function height(width, height) {
+
+				var canvas, context, image, data;
+
+				canvas = document.createElement( 'canvas' );
+				canvas.width = width;
+				canvas.height = height;
+
+				context = canvas.getContext( '2d' );
+				context.fillStyle = '#000';
+				context.fillRect( 0, 0, width, height );
+
+				image = context.getImageData( 0, 0, width, height );
+				data = image.data;
+
+				var perlin = new Perlin();
+
+				var size = width * height;
+				var quality = 2;
+				var zz = Math.random() * 100;
+
+				for ( var j = 0; j < 4; j ++ ) {
+
+					var x = 0, y = 0, yy = 0;
+
+					quality *= 4;
+
+					for ( var i = 0; i < size; i ++ ) {
+
+						data[ i * 4 ] += Math.floor( perlin.noise( x / quality, yy, zz ) * quality + 10 );
+
+						x++;
+
+						if (x == width)
+						{
+							x = 0;
+							y ++;
+							yy = y / quality;
+						}
+
+					}
+				}
+
+				context.putImageData( image, 0, 0 );
+
+				return canvas;
+
+			}
+
+			function shadow( texture ) {
+
+				var canvas, context, image, data, src_data,
+				index, level, diff, width = texture.width, height = texture.height;
+
+				canvas = document.createElement( 'canvas' );
+				canvas.width = width;
+				canvas.height = height;
+
+				context = canvas.getContext( '2d' );
+				context.fillStyle = '#000';
+				context.fillRect( 0, 0, width, height );
+
+				image = context.getImageData( 0, 0, width, height );
+				data = image.data;
+
+				src_data = texture.getContext( '2d' ).getImageData( 0, 0, width, height ).data;
+
+				for ( var y = 0; y < height; y++ ) {
+
+					for ( var x = 0; x < width; x++ ) {
+
+						index = ( x + y * width ) * 4;
+
+						diff = 0;
+						level = width / 4;
+
+						while ( level > 4 ) {
+
+							diff += ( ( src_data[ index - level ] >>> 0 ) - ( src_data[ index + level ] >>> 0 ) ) +
+							( ( src_data[ index - ( width * level ) ] >>> 0 ) - ( src_data[ index + ( width * level ) ] >>> 0 ) ) + 32;
+
+							level /= 2;
+
+						}
+
+						data[ index ] = diff * 0.45;
+						data[ index + 1 ] = diff * 0.29;
+						data[ index + 2 ] = diff * 0.19;
+
+					}
+				}
+
+				context.putImageData( image, 0, 0 );
+
+				return canvas;
+			}
+
+
+		</script>
+
+	</body>
+</html>
diff --git a/examples/materials_video.html b/examples/materials_video.html
index 4dbbc508f2..aa89f96b7e 100644
--- a/examples/materials_video.html
+++ b/examples/materials_video.html
@@ -15,15 +15,14 @@
 	</head>
 	<body>
 
+		<script type="text/javascript" src="http://github.com/mrdoob/stats.js/raw/master/build/stats.js"></script>
 		<script type="text/javascript" src="../build/three.js"></script>
 
 		<script type="text/javascript" src="primitives/Plane.js"></script>
 
-		<script type="text/javascript" src="http://github.com/mrdoob/stats.js/raw/master/build/stats.js"></script>
-
-		<video id="video" autoplay="true" style="display:none">
-			<source src="textures/sintel.mp4" type="video/mp4">
-			<source src="textures/sintel.ogv" type="video/ogg">
+		<video id="video" autoplay style="display:none">
+			<source src="textures/sintel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
+			<source src="textures/sintel.ogv" type='video/ogg; codecs="theora, vorbis"'>
 		</video>
 
 		<script type="text/javascript">
@@ -159,7 +158,10 @@
 				camera.position.x += (mouseX - camera.position.x) * .05;
 				camera.position.y += (-mouseY - camera.position.y) * .05;
 
-				textureContext.drawImage( video, 0, 0 );
+				if (video.readyState === video.HAVE_ENOUGH_DATA) {
+
+					textureContext.drawImage( video, 0, 0 );
+				}
 
 				textureReflectionContext.drawImage( texture, 0, 0 );
 				textureReflectionContext.fillStyle = textureReflectionGradient;
diff --git a/examples/primitives/Plane.js b/examples/primitives/Plane.js
index 334affdfbc..970ed1f522 100644
--- a/examples/primitives/Plane.js
+++ b/examples/primitives/Plane.js
@@ -18,7 +18,7 @@ var Plane = function ( width, height, segments_width, segments_height ) {
 	segment_height = height / gridY;
 
 
-	for(var iy = 0; iy < gridY1; iy++) {
+	for( var iy = 0; iy < gridY1; iy++ ) {
 
 		for( var ix = 0; ix < gridX1; ix++ ) {
 
@@ -31,7 +31,7 @@ var Plane = function ( width, height, segments_width, segments_height ) {
 
 	}
 
-	for(  iy = 0; iy < gridY; iy++ ) {
+	for( iy = 0; iy < gridY; iy++ ) {
 
 		for( ix = 0; ix < gridX; ix++ ) {
 
-- 
GitLab