From 1ca4fb6ad0aa1435ba080447d4b1974a696354d0 Mon Sep 17 00:00:00 2001
From: MasterGordon <gologo.x@gmail.com>
Date: Mon, 26 Mar 2018 13:19:28 +0200
Subject: [PATCH] Added Inventory + Fixed Flicker + Added Treefarm

---
 css/main.css                |   3 +-
 images/inventorybg.png      | Bin 0 -> 341 bytes
 images/items/coal.png       | Bin 1528 -> 1618 bytes
 images/items/log.png        | Bin 0 -> 418 bytes
 images/tiles/treefarm.pdn   | Bin 0 -> 5607 bytes
 images/tiles/treefarm10.png | Bin 0 -> 347 bytes
 images/tiles/treefarm11.png | Bin 0 -> 373 bytes
 images/tiles/treefarm12.png | Bin 0 -> 384 bytes
 images/tiles/treefarm13.png | Bin 0 -> 405 bytes
 images/tiles/treefarm14.png | Bin 0 -> 438 bytes
 images/tiles/treefarm15.png | Bin 0 -> 451 bytes
 js/baseclasses.js           |  49 ++++++++++++++++++++--
 js/game.js                  |  46 ++++++++++----------
 js/items.json               |   3 ++
 js/tiles.js                 |  31 +++++++++++++-
 js/userinterface.js         |  81 ++++++++++++++++++++++++++++++------
 js/util.js                  |   4 ++
 lang/en.json                |   8 +++-
 js/modes.txt => modes.md    |   3 ++
 19 files changed, 185 insertions(+), 43 deletions(-)
 create mode 100644 images/inventorybg.png
 create mode 100644 images/items/log.png
 create mode 100644 images/tiles/treefarm.pdn
 create mode 100644 images/tiles/treefarm10.png
 create mode 100644 images/tiles/treefarm11.png
 create mode 100644 images/tiles/treefarm12.png
 create mode 100644 images/tiles/treefarm13.png
 create mode 100644 images/tiles/treefarm14.png
 create mode 100644 images/tiles/treefarm15.png
 rename js/modes.txt => modes.md (58%)

diff --git a/css/main.css b/css/main.css
index a953d85..74c3136 100644
--- a/css/main.css
+++ b/css/main.css
@@ -15,7 +15,8 @@ body {
   border: 1px, solid, black;
   border: solid;
   border-color: white;
-  background-image: url(../images/fliesen.png);
+  background-image: url(../images/inventorybg.png);
+  background-position: bottom 0px right 0px;
 }
 
 #info {
diff --git a/images/inventorybg.png b/images/inventorybg.png
new file mode 100644
index 0000000000000000000000000000000000000000..09792d30fdd1d002e4deed390bc45084dc71a5a8
GIT binary patch
literal 341
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY1|&n@ZgvM!jKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85sBugD~Uq{1qucLCF%=h?3y^w370~qEv>0#LT=By}Z;C1rt33
zJtM=93Yk-ZijI1^IEGZjy}h%M_pkvEgJb_I!8_R%N412+1^;lz6f!uL*)#N8s_Sp_
zmfN4$W4QkHqis=tSfkoM+w5E`#<W*JgF}Rci;1<d$-!}fLIB;kH`qQcdcCps;?a9$
cC$HPs^+xlZD6|Qy1$v0V)78&qol`;+02sqz1^@s6

literal 0
HcmV?d00001

diff --git a/images/items/coal.png b/images/items/coal.png
index 05847dfc9bbbf75e29d003823e405f1a4083816a..b356728c011e7a8125ff6700f7a57cae5933b959 100644
GIT binary patch
delta 1540
zcmV+f2K)K=3(^dbJPN`901m<d6(~x8kwz$g&q+i<RA@uh*vWDfNe~23v<ra%iCtn7
zh@Ats`G`5qpUnSXYVxIZh*Wg6x`m--Wad;=<mMjXnN`i5_BUOG_UE5#Mdq*sW$+An
z^6NzAvH)eUBTsk}$eaq4!HzuHO(FA2D1&WWJ=rSw`Sa&m!&bv))&4uk{07Vi^WYJG
zGjfNI9zB}c^%T))Gj?NRV>&oEn4Ud**01a9>#b>ip35S*6*wQr12Y=o-N%m~PhY-#
znNChlCinO6-=FT?yVnW7dGlua_U+sB<HwJFefsq2w6?a^hSu|42AS&&zaH{{3Nnfm
z0pGuW?<7Bc`qc6D>(?IB_Wu3*v$ltS4<D{P|1ykxXIPy)$oA*YpF2@N5Lwlb{pZi0
zPy74()AsiE^!oMdF6zUF4-?B>k)6cqjv4y040|Aae0)3|9v*fJ?d<GKo12^C#9hR@
zckjATqK}S_x{wDC9!z)d-tFx~MgP3sGR(%guRDy;kC$J(c+mwsdGci1+S=-W-e)OU
z_dF5;BwxLHb<T3csEUfceED+P+uJ+qpVwW6GFZXnG96wIOQ?t}6XIDV+#^n~n97K;
zm#XPc08x@*PF49G5oHiegoI<Uoje<ev5hPuAlv$Aw@DEU!n?b>J*F}$raDBh4a>Re
z@6@t?i1_&NV~_t40gdpw1rU{gF?I<r%a%%5XapgEC~>YtBWb*60tp+(Bdr?dww45B
zJ{O@3HUUQn%M9>s9Eq%h$VfgAB*Qi;NDPvm^{K`Z$xe}+w!Rlf$t`0(&_YP^IVdsM
zY+;je@c`S5w$jfPd2k<n35@&bZ$qnsb&Sot7GXZnLIlKV5uVM9X7G7`^vS0YE5)Xd
zcFBl#Pz4FI7vfaP+$zimTF3(7dD%xmd=Xe>BqXCw74e86kC>}!c_$zp?bdwz_H9p`
zJrnWFFJnG18;H>9>1m(PhuI?Q0AiV}XI0S_V_gH<2^fVtlC9?r9(K(9GUfxb$=XKR
zY4}%J2^n8D88Vs$ssh-5lyQtA9mKSWscwjm_l#4CZN)Obj5;_Q*aWnr|D>NpHkn1W
zWyoTjG6910M>sYzgdIb$YmjwiSprtw2W2qO1Z*_?V>7G7=-Cl6Jf7{u1bNvF;jC39
zfhc`dQo=$&=2M{zj%Wh*Z8#g6H*==J%gJYgYyu(#g*{>n0f>%&A|i&c{#PNuFR;H=
z!O4VNEFM6XNJJyck$wF`fOu3S#74D{N16b8jx95n3S}^(3HVD^7JWv9k4FJwW1D-T
zf-vYC{oIED$#M*59u>-9hDF(jjlwEHe#98h#9U=xrd7rL*k3z=4vRl7zyiK339x|0
zW8n-$#%JQ$K^$R!&tapnuV?QY<iWv^c~mHa8O=i5A%NE{Hj*46i!jE5JRmQ-<EIBv
zzC?Y{IqlqABlD<G1~Zy~JpxSb+h`<L!KuVHqeTE=<joZ#5%r7B8`%7D7{r*&C8G>x
zi~@X=#pH{CoGj{#U}PUL8+x>$gqW9YSSVLFbIB-!85R$J0po|(ML-fc8Mkr4i%?~v
zkC@XftU2z9K<1KB1~W{AxH4N%X0tt(L1qyiW08Gx#!;KsUWPJQ!O>?SB5by5FUX+H
zDeDMjJB-lAX0p#Z4vK2sWhjFcEUNtR&F+UsoFu?9eoe(ONGx0UL>@gKPz^7w*jIVI
zRZ#{P!NMwkVPTm=(u++72}4G8#EBpjd|?t|Y*>$Yed1F+ueB=5;6-Sq-tal00z@Dk
z@Toxzq6oSV+i52x{_Bxo;~k;wl-F4mWpEkzmB(e($-)8<Z``5Z7BPf`U659#xY{o&
z5@RllGPnvXy6VDg!}B)2PZ8Av2?$H&F{`2z$-%2{0{b-_v*7rq&iyWfYZY)6=mP$)
zB4*rwoz1z!ZN|X+mjK8eZzB@ta}OPPz->b2S_RIK2j4U@zZuHl8S*4Ify^nP44y-t
q@Vb%tB$UB9<Vmj!na6qDnf?QjNx){RK*ZMo0000<MNUMnLSTYmPwAil

delta 1450
zcmV;b1y%ae4EPI>JPN}A01m?e$8V@)kwz$gbxA})RA@uh*vWDfNe~23v<odP0!e5A
zp@l`uLAUvcInAHU|6gkIl_{{CP;{#SaVX5(syZ^O!ac$>E5(ap7$%J}I3<+9DWMEb
z31#qiaesfm)UejDT8%#^%HTXaklTCn=FQNqSBS<~`!}qttPF48z8ww@4#w;9@^Tx0
zdi<W}LK&QgMtJkxyLZF)@85^>^Yg*|&d$!Ty}dmW{`Be7aC37r+}+)c*ZuwdVQFcp
zJzBr-cTooCK}C@w;P&=*B>DC0*Ads(*JI4s#l^*svDdF(YfpQ;e&_F?49<gUfBW`r
zBnk*3s~f6+cz8JM?(Poj>+8eEj~_>WQJ0sO1IzshJC(s%P(_wu4}?!nPKLd`z0pD&
z8ymyw>grhO01=-*e;$PreSCa83VHSF)$sD=%W<5jn4j}4f-+b^0$%>`;ln84{rmUB
z+S=OaeU?&nzk5P}<mu_@|13w0uISj&(b2HAwe@3u&ifR~U<EH%>F|13LPu18nGnBq
z!ad>yi|LFQd+D0_1Q4Yd-l;3UBBBg}7a?I=Y&*{iVr-*|2&lF>#w}6=gYf3&<`~l%
z9n&2m*oNg?&9`e=KSX@_@@0%ai-1OWSpq~=j9tRZs-+VW^&kWgCC-&-Bt7ppfrRzX
zBdr_WEtdjhKJ!opn}B14RR;KfHnv38L8K=i2$EqN9V7-xzs;$hC6b+@I4!>qN69VY
zaiE2e<a5wsu-L*TeewX?^tLk36?t$Ua|w+5m~TPrf;^thyk_BXpoIvC-6A}jlV<RF
z%*neEE5)LZam9#n&;<pv7GhV*+$uZ{w2%bhdDTZid=^-xC#0fw74e9FA&;1=Zuur4
z9piGIot=$^vt}Zm`DHu~JUocd)z#JbLI<;1)&ayaS-*9~SUl?*Fit=(+?Fh#FL>B7
z^UHV~cz9V`NE;3RYAYfA$0kEXvp`({i!!!Rq=T3-G2IRE@tv_Nv8`C<mr(~F9&7^I
z)_*?kL>8H(#xhhfc9{TwLFOYI3mL+WA=ov@y0R<*i>`w*7-#}k8ve1Eb)xrd4;AkB
zc4C6O>V|OEs)|6AxjLy}At3XqPzHN60lOBQ1<jke(%|Fdn4p?~2ti?wc!mH(dl3;s
z*!({sz+Yg0>w=vLxkw&BmPkaS%29puLx6a6B*aFykVl#TYmO~{GnWcwFrx|hOI2na
zBf`hM0I`0|JyAgz%#C^OLx5u0hBJ=}WiUfh_F<#2N|5i-$1^ck)mLd<ao^83PN2==
z*#$`8WJ!Pol1JhUMEc*vvx7Loeus_vxqkcJAP+W%%%egX%xD%`4*|R`Sx>TuDncI%
z@_@YR_D2t*oJ1Xe=<Igx<;XlLl);Q9V2c1RcQ)$DRj@0uO>YrE7<umsk%;<>%@^4F
zV>5_nGM9`pn9&PxD2tcR0&=QoE`m{g#4PCEf(qijY{NpiyO~Qy8O)G81oQ{3c|a05
z6}ND~hfrr?j+osotl6)LK<1KB1~a?}ac!1RWwSk=g32O)+{dE&-WgkM&ixe1U<F&B
zL_}C@)ml(Ni&NDR%68~sjLlS^b!-$>-ltFoD@dySac1|2N9-iPGX9#1ZID>Da76As
zAJ7dStyot%-=ZjkvmmifNUU;5`mm`WVaVu?I1z+`6DA>^4eJqaP8`*9u0>G>=b^QF
z#c@Ihh(J1j;HW_iq6oSV+ZiV${_Bxo&)Y)TDd$-fW$-ERE03$HorMJ;zPR1IHDU+}
zyCAJgakXA_B%b+Ml)*(H>7t3*hUYDOM-klv1qe&!XBI^n{8M1Rh7%U-ztnl&&!7xW
z31x6fD1%c%8JrTz;FM4Xr-U*%C6vJ_p$tw3!;AkF0D@CY_VQ^=CjbBd07*qoM6N<$
Ef}^Uz<^TWy

diff --git a/images/items/log.png b/images/items/log.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee6813deb0c2d88334a4946b7fd2a71df6245b60
GIT binary patch
literal 418
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}Ea{HEjtmSN
z`?>!lvI6;>1s;*b3=DjSL74G){)!Z!pk#?_L`iUdT1k0gQ7S`0VrE{6US4X6f{C7i
zo{`~4h0LiyQ-wTT978gkuU<OH+vFhN5ZM3d=%PI@ug3Z09EfO|d-JRmpZBzf-5lK?
z<>Q*{b&O~4@YGzHXmT*4=_1QwPB-BmH3?sXSqWGLHcmTUIsMwC^glTXx=;7%9=)_=
zw?o~6>BsK$oz=<^lZ;VV<Xqf-Rp9&SUF=pS&+4*PEt0I<Zg`iuwt;Qxi!)K5=3P{{
zkSO%uulPc_=beov93KsM^KA8hUp*r0aZh}DUHZ8N{_EOv`S(tquDVygWJk;nnIOJc
zt#g0e-ZQCI?F`K>(49Q(pZU{sd%1mF<$)42xRQ0ZPLpZI=kls0XSo$Ecit-BC4Lqd
OgbbdpelF{r5}E+>WuTG(

literal 0
HcmV?d00001

diff --git a/images/tiles/treefarm.pdn b/images/tiles/treefarm.pdn
new file mode 100644
index 0000000000000000000000000000000000000000..4d6977f9675b9a3a11d9c35705ded13b0da06d5c
GIT binary patch
literal 5607
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
KXYT?y?|%TZ62Y7R

literal 0
HcmV?d00001

diff --git a/images/tiles/treefarm10.png b/images/tiles/treefarm10.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8126a68c7064438b5798712dc3a796a5c5520cf
GIT binary patch
literal 347
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}Ea{HEjtmSN
z`?>!lvI6;>1s;*b3=DjSL74G){)!Z!pk#?_L`iUdT1k0gQ7S`0VrE{6US4X6f{C7i
zo{`~4h0LiyMW;Po978gk-`>2)+hicp`q1xzgx&+Wb%&VL%DAqJcByWBw#6jCV(&+j
zpYwJs{NDeO^Ly={@A=%1cD;0Lw(ZWY=abrS;L9g&)(x5szKl6s3Be4rnQn+2SjJ!m
z5wd(&>A7I0n8<`=JB13~?UGg3x|qB~0uqA{Jg$osedfdd$LW3M!z~R_FZNA3`=7C-
zQv1ceIeN@YCF-B{?{{d>yU%=gV_LWaU(`C5y^F6YGNuQCEbyscJAZmSpVW)U7;D>%
g4eo_^Us{+m{mr>uV7>ae63|-=p00i_>zopr0IULmN&o-=

literal 0
HcmV?d00001

diff --git a/images/tiles/treefarm11.png b/images/tiles/treefarm11.png
new file mode 100644
index 0000000000000000000000000000000000000000..dde7107e8e2bebe723fb1207971ef0f134776790
GIT binary patch
literal 373
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}Ea{HEjtmSN
z`?>!lvI6;>1s;*b3=DjSL74G){)!Z!pk#?_L`iUdT1k0gQ7S`0VrE{6US4X6f{C7i
zo{`~4h0LiyMNd6l978gk-`>2<d&q#N^`XxJ37rFSYYs7aq;Oqh<>B<Y=ow`ye*BTk
zuX$Ng|D9|eUV6N@K0@GHtelC(<_+JTFJR>M(U&)LkY?V3PAD9|%NPHmQahIE($nCK
zZDF4owp4J{E<1LC!6d$$(X#O6@26LCD=(TlOf#2ONMfkE#>MO<vEkslhSxuLcs=uB
z|Ks#NGcn>o*o%FW?(SzSsnmY4Z;mE2%P!%c_wyYVoX%cgeJzCb$%3a|7p%9v5;711
yxnTCo`q%eQA8%$$6T21%bmHO-?_OJcXKC>{d?94n8BU;w89ZJ6T-G@yGywo~^o`g6

literal 0
HcmV?d00001

diff --git a/images/tiles/treefarm12.png b/images/tiles/treefarm12.png
new file mode 100644
index 0000000000000000000000000000000000000000..421a1cde617e1ef309351152cf076271e011e82f
GIT binary patch
literal 384
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}Ea{HEjtmSN
z`?>!lvI6;>1s;*b3=DjSL74G){)!Z!pk#?_L`iUdT1k0gQ7S`0VrE{6US4X6f{C7i
zo{`~4h0LiyMISs}978gk-`>2)d&q#t^`g%K37rFSYYs7aq;Oqh<>Aa)J$>7uG8t}n
zD|?gNn$WM^Cb5>!+u2j^{B)9b4?FfxXUjq6>xaVy6Lgu@xHfF%*dWGuP3b@sOGGzA
z_9MoZWf@Mtce*fNxZwT5j&CD_iB8kIrvcnM;{D<;-@mw5CYH%W`N}@V>5MF_8NB{S
zn6*sy>}GiTu=AI+!i!x~I5H%y9#q-o70GXCnWwxk`as-^J*M{c%r6QwU+kHt$jo6S
z{PVuK!-a=3FM4#>G>Dnpk^0iJH-xFGiy>Pu;q2G_U*A7`?Ii6Mc5I&hmO_`*JJ-El
aaz?nWtbVz4^%bDs89ZJ6T-G@yGywpsA(0CJ

literal 0
HcmV?d00001

diff --git a/images/tiles/treefarm13.png b/images/tiles/treefarm13.png
new file mode 100644
index 0000000000000000000000000000000000000000..1680d8a6537e656fb96ca1202777633ac868342e
GIT binary patch
literal 405
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}Ea{HEjtmSN
z`?>!lvI6;>1s;*b3=DjSL74G){)!Z!pk#?_L`iUdT1k0gQ7S`0VrE{6US4X6f{C7i
zo{`~4h0LiyQ&~M-978gk-`>2tmPt{dEm3O&kMsuq=#7lRD-V^0ik#8;`D3E2M2GXI
zJ8L$ak+uy#ej#;j?V1DqyJIsRpZRlReyiD<gqIJQc_%Dmykz1qi_PP5gG{k?&BF7R
z8`v)_)Z8-t@CF91x!Fgh8robh+zeA<<g>cpq|3k?*>vyo>UE6YPjlLpU$BlU`OUfW
zA@i?0j_J{v4mv!Z%r8E_WNr#^*pt6Lk#TQ^Ll;}fr3MkH3&u{&LCg4d%<FeO&3@!U
zwFM9Niq?0hGyh3DOfPo)zSKwZ!2;`v|NpYdl>C%?(KjiUQ8QzQ%$L5XSSGhi44G02
xxi9};+uzR5ojYTueD&@N$0UCi#-E;{{(+;nqdvWT3oz6eJYD@<);T3K0RVKzp49*V

literal 0
HcmV?d00001

diff --git a/images/tiles/treefarm14.png b/images/tiles/treefarm14.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c39375a5d83d515c93c1af11ed0258f8186d1a5
GIT binary patch
literal 438
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}Ea{HEjtmSN
z`?>!lvI6;>1s;*b3=DjSL74G){)!Z!pk#?_L`iUdT1k0gQ7S`0VrE{6US4X6f{C7i
zo{`~4h0LiyQ`J0O978gk-_E?td&q!?&6+WJ14H!&E^dX3ni1k0S5B<e(_C_HzLfWO
zhr&1Sr+hlHAY10RJGW2abJt!|<D>sXOt&~(e%PuPFbj$lc(yl-zuJDtrNOCvf#k*#
zM)ua2=4VGPu(EJTHl-a&P<yaof!&K5o|AbG>MUy`>(npIsXwXYAY`K4ma;y;qv71K
zNv;m|<ri*7_^`?d1#!Q49?BJ9Fu&p5#sfYM?WH=bL5Wq&Rt3RKQnGVc*2Jq8Gd8k3
zDW1$^Ra4Bw^fgy?HpAD54gQU<f9~-5%;cTX$9j{cuJv1M$3NZ+McNtj`?XkQwoJb9
zp4TGdr&z{uso5+w0Xqat9*0ljc(R0h$}%8&S^xU}!=)=0rY*bidC@VcnUD5mNz6-n
W6SsxABiaZUtPGy6elF{r5}E*+6Q^7N

literal 0
HcmV?d00001

diff --git a/images/tiles/treefarm15.png b/images/tiles/treefarm15.png
new file mode 100644
index 0000000000000000000000000000000000000000..0584c0931797dd33971ba0eb17329997444d33cc
GIT binary patch
literal 451
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^R}Ea{HEjtmSN
z`?>!lvI6;>1s;*b3=DjSL74G){)!Z!pk#?_L`iUdT1k0gQ7S`0VrE{6US4X6f{C7i
zo{`~4h0LiyQ;j`c978gk-_E?7d)R=7&DQbw38uS?SEn>Gd=-h^&MPdO(DK<|)yqgw
za7TLt&rjJL`^rtG=RfDOOxv;EwKqMj^RG@;hr^2xrvzS{6?ow*+W7MKW5&6akF^#Y
z<b3sgK}5r$JV#@%f}PAFCET+ndW$nQK6?`2`{4Pn&g-JHCOd~Rww}xM<GafG!e@b{
z<qi&x%mW2XO}s0ZG!<FjlyaZ_p?~&WgRSt3|CT$rG_sklM0<%c9&B4)tl!q)aK6-{
z(Im&BF+^!f!%;SM#;QAB8NY;Hzn{QlR%5}~`pYX*&B0b~&+-FrUvKiRXcU?C*wMIg
z@r8Z5o9;74y<>eF{dfu!(_58$-}yMU>|wdJ(S70pDUm$xS%p)ym~<tX_5u;-->v@y
q<GQ8Joe}!Ib;ZXXox=B~zV+vhCzP41FY5$`F@vY8pUXO@geCxbORxz5

literal 0
HcmV?d00001

diff --git a/js/baseclasses.js b/js/baseclasses.js
index e95707d..1ff9470 100644
--- a/js/baseclasses.js
+++ b/js/baseclasses.js
@@ -1,20 +1,51 @@
 class Tile {
-  constructor(x, y) {
+  constructor(x, y, factory) {
     this.x = x
     this.y = y
     this.direction = "right"
     this.input = new Inventory()
     this.name = "base"
+    this.factory = factory
+    this.currentwork = 0
+    this.maxwork = 0
     this.texture = {
       "0": [],
       "1": []
     }
+    this.images = {
+      "0": [],
+      "1": []
+    }
   }
 
-  getTexture(fulltime, layer) {
-    if (this.texture[layer].length == 0)
+  loadImages(){
+    if(this.texture["0"].length>0){
+      for(var i=0;i<this.texture["0"].length;i++){
+        var img = new Image
+        img.src = "images/tiles/"+this.texture["0"][i]+".png"
+        this.images["0"].push(img)
+      }
+    }
+    if(this.texture["1"].length>0){
+      for(var i=0;i<this.texture["1"].length;i++){
+        var img = new Image
+        img.src = "images/tiles/"+this.texture["1"][i]+".png"
+        this.images["1"].push(img)
+      }
+    }
+  }
+
+  unloadImages(){
+    this.images = {
+      "0": [],
+      "1": []
+    }
+  }
+
+  getImage(fulltime, layer) {
+    if (this.images[layer].length == 0)
       return "0"
-    return "images/tiles/" + this.texture[layer][(fulltime % this.texture[layer].length)] + ".png";
+    return this.images[layer][(fulltime % this.images[layer].length)]
   }
 
   work() {
@@ -86,6 +117,7 @@ class Item {
     this.y = y
     this.dx = 0
     this.dy = 0
+    this.spawntime = new Date().getTime()
   }
 
   setDFromDirection(direction) {
@@ -142,6 +174,15 @@ class Factory {
     return temp
   }
 
+  despawnOldItems(){
+    var time = new Date().getTime()
+    for(var i=0;i<this.items.length;i++){
+      if(this.items[i].spawntime+1000*60*5<time){
+        this.items.splice(i,1)
+      }
+    }
+  }
+
   workTiles() {
     for (var x = 0; x < 32; x++) {
       for (var y = 0; y < 16; y++) {
diff --git a/js/game.js b/js/game.js
index 362e12b..a36410a 100644
--- a/js/game.js
+++ b/js/game.js
@@ -1,4 +1,5 @@
 var factorys = []
+var inventory = {}
 
 var items = []
 
@@ -8,6 +9,7 @@ var delta = 0
 var lastFrameTimeMs = 0
 var ctx = {}
 var infoCtx = {}
+var inventoryCtx = {}
 var currentFactory = 0
 var fulltime = 0
 
@@ -26,6 +28,7 @@ $(document).ready(function() {
 function loadGameData() {
   //TODO: Check for Cookies
   factorys.push(new Factory())
+  inventory = new Inventory()
 }
 
 function loadItems() {
@@ -86,10 +89,8 @@ function gametick(timestep) {
   //Wird 40 mal in einer Sekunde aufgerufen
   for (var i = 0; i < factorys.length; i++) {
     factorys[i].moveItems()
-  }
-
-  for (var i = 0; i < factorys.length; i++) {
     factorys[i].workTiles()
+    factorys[i].despawnOldItems()
   }
 }
 
@@ -101,10 +102,8 @@ function render() {
   //RENDER TILE-LAYER0
   for (var i = 0; i < tilesToRender.length; i++) {
     var tile = tilesToRender[i]
-    var img = new Image
-    var tmp = tile.getTexture(fulltime, 0)
-    if (tmp != "0") {
-      img.src = tmp
+    var img = tile.getImage(fulltime, 0)
+    if (img != "0") {
       drawRotatedImage(img, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
     }
   }
@@ -118,10 +117,8 @@ function render() {
   //RENDER TILE-LAYER1
   for (var i = 0; i < tilesToRender.length; i++) {
     var tile = tilesToRender[i]
-    var img = new Image
-    var tmp = tile.getTexture(fulltime, 1)
-    if (tmp != "0") {
-      img.src = tmp
+    var img = tile.getImage(fulltime, 1)
+    if (img != "0") {
       drawRotatedImage(img, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
     }
     if (mode == "rotate") {
@@ -137,16 +134,12 @@ function render() {
     if (mode == "build") {
       ctx.globalAlpha = 0.6
       var tile = new toBuild()
-      var img = new Image
-      var tmp = tile.getTexture(fulltime, 0)
-      if (tmp != "0") {
-        img.src = tmp
+      var img = tile.getImage(fulltime, 0)
+      if (img != "0") {
         drawRotatedImage(img, cursorScreenX * 48 + 24, cursorScreenY * 48 + 24, 0)
       }
-      img = new Image
-      tmp = tile.getTexture(fulltime, 1)
-      if (tmp != "0") {
-        img.src = tmp
+      img = tile.getImage(fulltime, 1)
+      if (img != "0") {
         drawRotatedImage(img, cursorScreenX * 48 + 24, cursorScreenY * 48 + 24, 0)
       }
       ctx.globalAlpha = 1
@@ -158,6 +151,14 @@ function render() {
   }
   //DRAW INFO BAR
   drawInfoBar()
+  if (selectedTile != 0 && mode != "buildselect" && mode != "build") {
+    if (selectedTile.hasNoInventory === undefined)
+      drawInventory(selectedTile.input, lang.tiles[selectedTile.name].name)
+    else
+      drawInventory(inventory, lang["player"])
+  } else {
+    drawInventory(inventory, lang["player"])
+  }
 }
 
 function getItemFormId(id) {
@@ -176,6 +177,7 @@ function prepairRender() {
   canvas = $('#itemcount')[0];
   canvas.width = 720
   canvas.height = 240
+  inventoryCtx = canvas.getContext('2d')
   canvas = $('#info')[0];
   canvas.width = 432
   canvas.height = 240
@@ -241,13 +243,13 @@ function drawInfoBar() {
       infoCtx.drawImage(img, i * 48, 0, 48, 48);
     }
   }
-  if(toBuild!=0){
+  if (toBuild != 0) {
     selectedTile = new toBuild()
   }
-  if(selectedTile != 0){
+  if (selectedTile != 0) {
     $('#infoDesc h1').text(lang.tiles[selectedTile.name].name)
     $('#infoDesc p').text(lang.tiles[selectedTile.name].description)
-  }else{
+  } else {
     $('#infoDesc h1').text("")
     $('#infoDesc p').text("")
   }
diff --git a/js/items.json b/js/items.json
index 9ccb1c9..4208551 100644
--- a/js/items.json
+++ b/js/items.json
@@ -2,5 +2,8 @@
   "items": [{
     "id": 0,
     "name": "coal"
+  },{
+    "id": 1,
+    "name": "log"
   }]
 }
diff --git a/js/tiles.js b/js/tiles.js
index b1ce7a8..bec9856 100644
--- a/js/tiles.js
+++ b/js/tiles.js
@@ -3,13 +3,40 @@ var tileClasses = []
 //Hier sind alle im Tiles welche im Spiel präsent sind
 
 class Conveyorbelt extends Tile {
-  constructor(x, y) {
-    super(x, y)
+  constructor(x, y, factory) {
+    super(x, y, factory)
     this.name = "conveyorbelt"
+    this.hasNoInventory = true
     this.texture = {
       "0": ["conveyorbelt00", "conveyorbelt01", "conveyorbelt02", "conveyorbelt03", "conveyorbelt04", "conveyorbelt05", "conveyorbelt06"],
       "1": []
     }
+    this.loadImages()
   }
 }
 tileClasses.push(Conveyorbelt)
+
+class Treefarm extends Tile {
+  constructor(x, y, factory) {
+    super(x, y, factory)
+    this.maxwork = 96
+    this.currentwork = 0
+    this.name = "treefarm"
+    this.hasNoInventory = true
+    this.texture = {
+      "0": [],
+      "1": ["treefarm10", "treefarm10", "treefarm10", "treefarm11", "treefarm11", "treefarm11", "treefarm12", "treefarm12", "treefarm12", "treefarm13", "treefarm13", "treefarm13", "treefarm14", "treefarm14", "treefarm14", "treefarm15", "treefarm15", "treefarm15"]
+    }
+    this.loadImages()
+  }
+
+  work() {
+    this.currentwork = ((this.currentwork + 1) % this.maxwork)
+    if (this.currentwork == 0) {
+      var item = new Item(1, this.x * 48, this.y * 48)
+      this.factory.items.push(item)
+      item.setDFromDirection(this.direction)
+    }
+  }
+}
+tileClasses.push(Treefarm)
diff --git a/js/userinterface.js b/js/userinterface.js
index 7dd8ec4..41f0ddb 100644
--- a/js/userinterface.js
+++ b/js/userinterface.js
@@ -164,7 +164,7 @@ function buildEvents() {
     }
     if (mode == "build") {
       if (factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] == 0) {
-        factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] = new toBuild(cursorScreenX, cursorScreenY)
+        factorys[currentFactory].tiles[cursorScreenX][cursorScreenY] = new toBuild(cursorScreenX, cursorScreenY, factorys[currentFactory])
       }
     }
     if (mode == "move") {
@@ -193,24 +193,25 @@ function buildEvents() {
       } else {
         selectedTile = 0
       }
-    }else if(mode!="build"){
+    } else if (mode != "build") {
       selectedTile = 0
     }
   })
 
   $('img').hover(
-  function() {
-    //ENTER
-    var id = $(this).attr("id");
-    if (id.startsWith("build_")) {
-      id = parseInt(id.substr(6))
-      selectedTile = new tileClasses[id]()
+    function() {
+      //ENTER
+      var id = $(this).attr("id");
+      if (id.startsWith("build_")) {
+        id = parseInt(id.substr(6))
+        selectedTile = new tileClasses[id]()
+      }
+    },
+    function() {
+      //LEAVE
+      selectedTile = 0
     }
-  }, function() {
-    //LEAVE
-    selectedTile = 0
-  }
-);
+  );
 
   $('body').mousedown(function() {
     if (mode == "move") {
@@ -265,3 +266,57 @@ function closeUi() {
     return false
   }
 }
+
+var itemId = []
+var itemCount = []
+
+function drawInventory(inventory, title) {
+  if (!(inventory instanceof Inventory))
+    return false;
+  itemId = []
+  itemCount = []
+
+  for (let item of inventory.items) {
+    var id = item.id
+    var index = itemId.indexOf(item.id)
+    if (index == -1) {
+      itemId.push(id)
+      itemCount.push(1)
+    } else {
+      itemCount[index]++
+    }
+  }
+
+  inventoryCtx.clearRect(0, 0, innerWidth, innerHeight)
+  inventoryCtx.font = "20px Electrolize"
+  inventoryCtx.fillStyle = "#a3a3a3"
+  inventoryCtx.fillRect(0, 0, 15 * 48, 24);
+  inventoryCtx.fillStyle = "black"
+  inventoryCtx.fillText(lang.inventory + " - " + title, 2, 18)
+  inventoryCtx.fillStyle = "black"
+  inventoryCtx.textAlign = "end"
+  inventoryCtx.fillText(lang.more, 48 * 15 - 2, 18)
+  inventoryCtx.textAlign = "start"
+  inventoryCtx.font = "16px Electrolize"
+  var currentIndex = 0
+  if (currentIndex == itemId.length)
+    return true
+  for (var y = 0; y < 3; y++) {
+    for (var x = 0; x < 10; x++) {
+      var img = new Image
+      img.src = "images/items/" + items[itemId[currentIndex]].name + ".png"
+      inventoryCtx.drawImage(img, 12 + x * 72, 36 + y * 72, 48, 48)
+
+      var formattedCount = formatCount(itemCount[currentIndex])
+      inventoryCtx.strokeStyle = "black"
+      inventoryCtx.lineWidth = 2
+      inventoryCtx.strokeText("x" + formattedCount, 2 + x * 72, 94 + y * 72)
+      inventoryCtx.fillStyle = "white"
+      inventoryCtx.fillText("x" + formattedCount, 2 + x * 72, 94 + y * 72)
+
+      currentIndex++
+      if (currentIndex == itemId.length)
+        return true
+    }
+  }
+}
diff --git a/js/util.js b/js/util.js
index eef41ca..626d757 100644
--- a/js/util.js
+++ b/js/util.js
@@ -39,3 +39,7 @@ function infoDrawRotatedImage(image, x, y, angle) {
   infoCtx.drawImage(image, -(image.width / 2), -(image.height / 2));
   infoCtx.restore();
 }
+
+function formatCount(c){
+  return c
+}
diff --git a/lang/en.json b/lang/en.json
index bceaca9..44f73db 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -3,7 +3,13 @@
     "conveyorbelt": {
       "name": "Conveyorbelt",
       "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+    },
+    "treefarm": {
+      "name": "Treefarm",
+      "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
     }
   },
-  "more": "show more..."
+  "more": "show more...",
+  "inventory": "Inventory",
+  "player": "Player"
 }
diff --git a/js/modes.txt b/modes.md
similarity index 58%
rename from js/modes.txt
rename to modes.md
index 2600d0f..b383b67 100644
--- a/js/modes.txt
+++ b/modes.md
@@ -1,3 +1,6 @@
 none
 selectbuilding
 building
+
+
+400 Items = 0.5 MB