From 0d0aedc93a249025bfeaa13cff25639f33bdd7e4 Mon Sep 17 00:00:00 2001 From: Vince Date: Tue, 4 Jun 2013 01:05:01 +0200 Subject: [PATCH] Iteration #2 Adding background for draw canvas grid mod --- resources/proto-ui-1/img/dragndrop-dark.png | Bin 0 -> 803 bytes resources/proto-ui-1/img/dragndrop.png | Bin 0 -> 532 bytes resources/proto-ui-1/img/eyedropper-dark.png | Bin 0 -> 3918 bytes resources/proto-ui-1/img/eyedropper-icon.png | Bin 0 -> 3918 bytes resources/proto-ui-1/img/garbage-dark.png | Bin 0 -> 9027 bytes resources/proto-ui-1/img/garbage.png | Bin 0 -> 4857 bytes resources/proto-ui-1/img/paintbucket-icon.png | Bin 0 -> 1189 bytes resources/proto-ui-1/img/pen-icon-dark.png | Bin 7044 -> 1679 bytes resources/proto-ui-1/img/pen-icon.png | Bin 0 -> 1679 bytes resources/proto-ui-1/index.html | 88 +++++++--- resources/proto-ui-1/main.css | 158 ++++++++++++++++-- resources/proto-ui-1/main.js | 24 +++ 12 files changed, 235 insertions(+), 35 deletions(-) create mode 100644 resources/proto-ui-1/img/dragndrop-dark.png create mode 100644 resources/proto-ui-1/img/dragndrop.png create mode 100644 resources/proto-ui-1/img/eyedropper-dark.png create mode 100644 resources/proto-ui-1/img/eyedropper-icon.png create mode 100644 resources/proto-ui-1/img/garbage-dark.png create mode 100644 resources/proto-ui-1/img/garbage.png create mode 100644 resources/proto-ui-1/img/paintbucket-icon.png create mode 100644 resources/proto-ui-1/img/pen-icon.png diff --git a/resources/proto-ui-1/img/dragndrop-dark.png b/resources/proto-ui-1/img/dragndrop-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..0bf83562572a5c03d1eb1e8008b3d99d476b4189 GIT binary patch literal 803 zcmV+;1Kj+HP)i3<-6h~1lpT--fS3flm2{98hx>$>?{Ne- z5DF=|&5a{*B+EGQ!T)DRKF0yPTrQEB&4NsBwsiwz{Nn)ec>D>f1e9zpmlJ*(0G=KI z(8*%4SPBM6Z?s81pQk^}pbtPa8ci)0i?qTa4cAejP@r4`JU%{d&Abuo%Mj2Hl}aVb6+k!~-V(0{0sT?AT&7$AghHX@u6T6_@EcYtm5kv4l6Y;#{H_cI z2nK^**l`>h-5rKMLe*+j3C3LiZOcYN5Cji);j0f=h{mIpS?Rb5C#k#J5Jf?TGV-2AY7&oH{z~}R+qzC!{ zfM5~EUdM?S_)Hp&20aSE>-Eaw^#)M)O@kgJiX#0M!2SKbEZ%Sc83J^nx3@QX5WwT{ z$l|#HkRd=HdVhbXUjn$@?t|jte)8kvBcnF}({aEz4fhe~kRb4y)a7zLL6t@3vBc-+ zr(oNdtpqZcF}+&=S(5=|x8gvv*%a>X?uZn$_8Y+%H`D=kCk6b}S6G>f?>EwFwS=8G z02k@)?Je2|(QdboN{QKbtxX#6`zC+5SK zAZ=7Kr}V`blWw<5znx03&Q7OOf-rUkWbsG8o$mE|%;^~*hEOyCNJYEvkd4oDXilg5 z{eA|jtN*j=MTwJUU;HtC#0)2P=jZ1`jW24MAL8NlI$<-c!If|UFdmOHXJ=>R$OMo~CX);|aR9_nyWOsmJIT4t zbULNn#Q`SDYPG7R;$$|PQEubFd_JcZi)9}Kf#62D4`fUv##jkKARbWDMB~ h0bD>jnCbs+^9Lz3tRu{oMBV@Z002ovPDHLkV1i4OY_0$R literal 0 HcmV?d00001 diff --git a/resources/proto-ui-1/img/dragndrop.png b/resources/proto-ui-1/img/dragndrop.png new file mode 100644 index 0000000000000000000000000000000000000000..b1657dfb6bc3cf30e5993e9710e88181586476cb GIT binary patch literal 532 zcmV+v0_**WP)O)B`7-NVngUwkF z9B|0iclJrYFflVywgQRU)Afdk#0O{Q1Arrdiiqj}H|;+EaT2GczF2T zOlk$50qnKcdjKDI&u0J^?VE2R`dxhsStj7SN>2gCPhSgVfD8~Cpes@hFWC7o^R6p& z&1A8&RbpKpxMU#--!a)?l@caxvm$^IViaIZn5_&jfG`5sRAmGJJ%|Co3`txr0Wh~I z>PZOz2LM$<8T1ICF0>a&44_vBs>A@Qft>F4)~ChEB#9>{aadtpiVxx-qOa{`p-t3* zO;qAdXdwwTDgal7)!q2SDrS-o~

i6}2F80r;{Xxg8QG%^d9(l%5b>WATOfj*)CX0gN~t#h?*J;LR2>u`Rr>>F WT?4;=d-vXZ{4qVdy|Xj-&P?~rox3}y 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 literal 0 HcmV?d00001 diff --git a/resources/proto-ui-1/img/eyedropper-icon.png b/resources/proto-ui-1/img/eyedropper-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..84a27d22a24e26bf3af0f122c91d9e1b7c9d982d GIT binary patch literal 3918 zcmV-U53%rxP);=d-vXZ{4qVdy|Xj-&P?~rox3}y zYU)<9yXW@wclvbq>C@d%$&?mlt3X61DpkrxU+~A`NT2KSdEvTKN;NI?)gsDQn7+Ep zinTN(WmKxucw zwK9MnsN7zFKL?l({02Crz-j(E;7p~|hD-)f!MD~|2j&9vfct@?x)AGm88}rb^+D7R zy$V*MK0hn`{eb8P{ALC z-^w`J58%%OehnN=dE`7j4(ZoHx2CG#Pk>(onwIeAYqx(0<&sUn3BddKA?#+YfzCkii6zC9OOf#)ND1y;P(UDL-5blgSWnfs-M$?s2%O# z8~QH;ZpHoDzYCe28Gg>0H?H&r>1H!TWUp|>tcaW|BEuOnZ~iJGN9yh%NqMdmk(QKC zj`k*T%O~Xaw^_D)Q%=NRT$!Hamz7dCmUK+e?@bZ-+a1CW5_p2)L!-if$w(N6TCdS7&OV?*MVIT`{6#56MWMM9yAw_Is}b=0bJ8XPp}pyS59D%<}@6& z8FFZ7=t|(GoGbNA;IR}D!yAAfcF6!9iP}ioYx8__zTe+zN6g^hpc0Xr3YcF%t>Xj- z8P9^axPgd#OGKIl&i^;)*hnp|a#fGPuO;0MrH$a{1yu5LB63V8_{Mu(RiFV}uNzD) zs&c&^f=`ycdfEtXF31SdL=21Y1RF(U?gRq}?b7WP_{w6VW}k@MSx|Q{kfK~y=Ukre zX!k$C0BXig-N_EWuHEt?5!qIN5&S7hdYMtaYjP^bDm_4*AtHUFvw*n%v*bH=#4>w# zfsPBzEMUZaMld@_SiTj&b&lf%&jH^HzJ`dLKruf{o*W{UJ9ZZ6N-i>Q{}es-N)s`> z-qClzhQEZpi_pm-D&zsgqH@a~H|QpOQ=SISQc7)05HV~3UjS|*i* ztj9lvWHT^=p90p58cb!Df(Lw)34S2Y;BV4Mnq!#M2-X7^0`KCl`fZ6jE70o!_)Jpx z;BVW$2Y**lTll&jZqwa?B!C}m0NrA9@MJf`yDsMWCy2uCQ?V3{7AnUy)H11fpX4wiR1-pzR5i}3gRZzjP$g-ixe!5$x~ob z$y25g81I`X)2M=<1N?3ofou3d{zt8H`=f4uIE`Cfvt|uSsYjMBUAiy+RxV{a15C3urCKx~kKYhz8&5{;~`|(R5aVmfz5=K6pm+EAq?+9=!+9 zLCe3#((S*Ee=OQ?&hY2zF5m!)ktM(#ZQ$4RJGKlDFpfta=LDK}>$zz84_dbT*9&U- z3-FI(KaAq!ef+ZqqTGHhXzjGQhtbOkzKc`07wSI$U`zPR3TXMk;Pilk;h(OQda=!b zuPyulSZ0ZVKjG}%F2f(0V(|O*JGV%11FOrNK(B&d82n`s@M}8A(@Y9KvjN1wuT}61 zga7vk_DWw{EDS2*$5d`qpM!?@ww|Fb~9StDIy?QR-zY3hLE21ai!?=6`(+E1jZ!ne^ z(#*=EW6RGehi{39yknUsw@ySBI?j=c%DG!CB5zxkb-jojpD@SpW)b;FL>5PsuO=e1 zb$;M9^E@XTzA8n_Pc*MgFxtNlyV(AJbj#mWz-WI3cCr1p7~7(qKh0?M;$XBtx?a;M?!g?PGk}w(VKXo_-WYVrZPcdIi6$@N0(4Pn5%# z0zOGRNv(q4HTa(C?j6Dp44{={_TWts_zOz}9|Mr9maihM?*0PtG+e_e@LpXH@W=!S`(7ckBW*{5hf7!a0`kRR!OAv~NcF zBrE*32B6{Z9r6x>R7>d2j3h-I=SPi9s_?M z1iFcT{m54<_+5cN?!Rz&wO>6VLNy~aJ80=jITrXtitl<^4;U->ZeU3c#xyP`Q0dWq z82*P!siug0t%BdxmY;_{WgZmSrz^Ln9|dgH@ICx|{3I2<8#spik7b#MAKpFGGRX54 zGG4aOcOX^Hhfq9aaNHWItd7$(D^@!e8R8;P;TePGQ{(NS-sWsz=;@ z1wVxWBz6D8+5oCPzsK}>ZIm8O{NY7mc^p_@!S6kN?L0u5x&Lhy{NB_TX#j(Rg9^Af zVL9F<-JypS{1WMlJ0s{6{Cnz>$c;*=t19@tsV}YzNVD#LuO_&8%)Q_aD)2yVDoV11*)5h43!aFr#e#NmTDTh6kWc0&hB4;XSIu8sg(Ml1FTsQ@V8pRPj#1W7vOuiJ1s1A z`Rb(G@tagO;IHl99lrmjjhmhsf*-X*DUI8ouECGHPq&2d$DQ_3borEsEY$Ps!!4n2 z#^0=Yms0A5l(52E(goOQ0e_ldOryuJmJq&YyzfXi$``}|vKqk-{M|rz0FS42)iGPr z<8~+|)z{D1@hPotwX6;UKF|0>!YJCA>O%JlNj}EmC^Kqch(~r^yVWZEL)0p cSBCQaA1Q@JkH9H^xc~qF07*qoM6N<$f@wmUlK=n! literal 0 HcmV?d00001 diff --git a/resources/proto-ui-1/img/garbage-dark.png b/resources/proto-ui-1/img/garbage-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e8c3eeae5d79676a73c9e47347c023ac9a273022 GIT binary patch literal 9027 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 A>i_@% literal 0 HcmV?d00001 diff --git a/resources/proto-ui-1/img/paintbucket-icon.png b/resources/proto-ui-1/img/paintbucket-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..092eea7b17b3b26d6f0f1ca0950aa07dcd88db42 GIT binary patch literal 1189 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 HFIx96u@K5o literal 7044 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 diff --git a/resources/proto-ui-1/img/pen-icon.png b/resources/proto-ui-1/img/pen-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..d1e6d3a49e3fe51cbff81ff7bc01446649d52c51 GIT binary patch literal 1679 zcmb7^drVVz6vxl)Efi?VEfbXqqnDwUYz%zN*92P!2sowAkp(xmqRv;Qwhl5BYkNUW zbvRqcHiMPbAyK!8N+iR_SS#u*J|{7P4{XKyiX)Z+j!GXpzpB%J{9`w{_xJmq$M<~B z`6YMLth{Vd#IOhe5as4%&IX`xOF>vDE_1)yy9k%i`5$Cw;);(aoR*3Id zRjpDfuby5qk~2T#5$R{o9@iM2V~u9*+O@udgKZB-fIR0(^?Vkr-?l24G63d`>>WN2 z(vtnPVPRmiV2f5#5zgn5dV#Im3BB;;UWaD@|aLa}VPLfi(^uW}(kKQC9H5YH2 z#AQr&gj0E9y&e6<8UOlM>;jPlZ$Qs4LJ?=sDq5Zc~Jel*LzH zY?yTo;#M^3@`H{AZ(G1<_G0huN=r&`k64@+xq|7MX*{{stzSHxXsyD7f4%o43ASta z7&Spc)Nl7hfnW#e$4X&E|3i1h)HwB_mNP0^Z8f~-Sd>V>j)Z}yMU_JIDwPoD>WMt^ zlF3x@ABWk?a~LaM`kI8@1gWHxl+=^BQ87dVm2g6;kvtG|%-}=h(W)?rD;^sKnAH=uXm$T-%dCh%|%<3%~Gp+>zZfR!UBXqA7b6e5`dR4#NRUE|Eqz z2CeUslo~=EB|?6~64D8uRyXzs+kAF^!75L?jP7S;=T3#n{r9^FvdnWUys)XRX`rmF zMZevXV>bP zgTJT|<0&oK7Cp(vD7dW7I{(pfiMtHqO6ddMq7MJWyWy_ycPgf5XxpL21bE#)(N4Y8 znxF8<*m9ns+V4-(Zp$wT#M%s-G*<+!%-?N>1rxaNN8RR#$G!GBP)KjQ@fa}+{~Drh zZj*9bW387}r@Q)-so$=HcXOJje!>)n^B$xQ`&t+!4c!UAPD!Ko1y1TkP^$;A#KlkA z7pT>Xtjn1&ct9z*T~~Ci^l=f_FHeSA!A%#xeW_2HF1`*q44;;39CxMGhCXwzd>PHA zi-qu@?34n`KQryHF(^Q>=`7~)xn2&8@wO1I_xT^5tkzO3<*5HNW?#%3QgY7C%FEpU Heqs5)Ky}MC literal 0 HcmV?d00001 diff --git a/resources/proto-ui-1/index.html b/resources/proto-ui-1/index.html index 6935b1cb..0a47410c 100644 --- a/resources/proto-ui-1/index.html +++ b/resources/proto-ui-1/index.html @@ -5,58 +5,93 @@ - +

-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
-
+
1
-
x
+
-
+
2
-
x
+
3
-
x
+
4
-
x
+
5
-
x
+
6
-
x
+
7
-
x
+
+
+
+ +
8
+
+
+
+ +
9
+
+
+
+ +
10
+
+
+
+ +
11
+
+
+
+ +
12
+
+
+
+ +
13
+
+
+
+ +
14
+
@@ -65,6 +100,19 @@
+
+ Tile view mode: + +
+ Draw canvas background: + +
diff --git a/resources/proto-ui-1/main.css b/resources/proto-ui-1/main.css index 68b26b7a..05c3797a 100644 --- a/resources/proto-ui-1/main.css +++ b/resources/proto-ui-1/main.css @@ -4,6 +4,18 @@ body { font-weight: 300; } +::-webkit-scrollbar { + -webkit-appearance: none; + width: 11px; + height: 11px; +} + +::-webkit-scrollbar-thumb { + border-radius: 8px; + border: 2px solid #444; /* should match background, can't be transparent */ + background-color: #444; /*rgba(0, 0, 0, .5);*/ +} + .main-wrapper { padding: 10px; position: absolute; @@ -23,18 +35,24 @@ body { float: left; height: 46px; width: 46px; - background: no-repeat url(img/magicwand-icon.png); - background-size: 34px 34px; - background-position-x: 6px; - background-position-y: 6px; + background-repeat: no-repeat; + /*background-size: 34px; + background-position: 6px;*/ + background-size: 28px; + background-position: 9px; background-color: rgba(200,200,200, .1); margin: 1px; } +.tool.magicwand { background-image: url(img/magicwand-icon.png); } +.tool.bucket { background-image: url(img/paintbucket-icon.png); } +.tool.pen { background-image: url(img/pen-icon.png); } +.tool.eyedropper { background-image: url(img/eyedropper-icon.png);} + .tool.selected, .tool:hover { cursor: pointer; - background-color: rgba(240,200,230, .3); + background-color: #6b5f68; /*rgba(240,200,230, .3);*/ } .tool.has-group:after { @@ -66,7 +84,61 @@ body { .canvas .draw-area { position: absolute; top:0; right: 0; bottom: 0; left: 0; + box-shadow: 0 0 8px 5px #444; + /* background: repeat url(img/transparent_background.png); + */ + /* + background-color: #eee; + background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), + linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black); + background-size:60px 60px; + background-position:0 0, 30px 30px + */ +} + +.canvas .draw-area-1 { + background: radial-gradient(black 15%, transparent 16%) 0 0, + radial-gradient(black 15%, transparent 16%) 8px 8px, + radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, + radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; + background-color:#282828; + background-size:16px 16px; +} + +.canvas .draw-area-2 { + background-color: #eee; + background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), + linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black); + background-size:60px 60px; + background-position:0 0, 30px 30px +} + +.canvas .draw-area-3 { + background: repeat url(img/transparent_background.png); +} + +.canvas .draw-area-4 { + background: + linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, + linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, + linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, + linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, + linear-gradient(90deg, #1b1b1b 10px, transparent 10px), + linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424); + background-color: #131313; + background-size: 20px 20px; +} + +.canvas .draw-area-5 { + border: #6b5f68 1px solid; + background-color:#444; + background-image: linear-gradient(#6b5f68 1px, transparent 1px), + linear-gradient(90deg, #6b5f68 1px, transparent 1px), + linear-gradient(#6b5f68 1px, transparent 1px), + linear-gradient(90deg, #6b5f68 1px, transparent 1px); + background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px; + background-position:-1px -1px, -1px -1px, -1px -1px, -1px -1px; } .canvas .pusher { @@ -77,17 +149,24 @@ body { .previewlist { float: left; - background-color: red; + background-color: #111; + width: 120px; height: 100%; overflow-y: scroll; } .preview-item { position: relative; - border: gray 1px solid; - width: 200px; - height: 200px; - background-color: violet; + border: #444 6px solid; + border-radius: 3px; + width: 90px; + margin-bottom: 5px; + margin-right: 5px; + font-size: 0; +} + +.preview-item.selected { + border-color: gold; } .preview-item-overlay { @@ -96,16 +175,15 @@ body { background-color: rgba(0, 0, 0, 0.3); font-size: 14px; color: white; - padding: 5px 8px; - cursor: pointer; font-weight: bold; - display: none; + opacity: 0; + height: 30px; + width: 30px; } .preview-item:hover .preview-item-overlay, .preview-item-overlay:hover { - display: block; opacity: 1.0; } @@ -115,18 +193,49 @@ body { border-bottom-right-radius: 3px; top: 0; left: 0; + line-height: 30px; + text-align: center; } .preview-item-overlay.tile-close { - border-bottom-left-radius: 3px; + position: absolute; top: 0; right: 0; + background-color: rgba(0, 0, 0, 0.3); + border-bottom-left-radius: 3px; + height: 30px; + width: 30px; + cursor: pointer; +} + +.preview-item-overlay.tile-close:after { + content: " "; + position: absolute; + background: no-repeat url(img/garbage.png) 5px 5px; + background-size: 20px 20px; + top: 0; right: 0; bottom: 0; left: 0; + z-index: 10; } .preview-item img { width: 100%; } +.grid-mode .previewlist { + float: none; + width: auto; + overflow: hidden; + background: none; +} + +.grid-mode .preview-item { + float: left; +} + +.grid-mode .animpreview { + display: none; +} + .animpreview { overflow: hidden; text-align: center; @@ -142,4 +251,23 @@ body { .animpreview img { width: 50%; box-shadow: 0 0 5px 5px #000; +} + +.ux-options:hover { + opacity: 1.0; +} + +.ux-options { + color: #ddd; + font-size: 14px; + + position: absolute; + padding: 5px; + bottom: 0; + right: 0; + background-color: #333; + opacity: 0.3; + border: #fff solid 3px; + border-right: none; + border-bottom: none; } \ No newline at end of file diff --git a/resources/proto-ui-1/main.js b/resources/proto-ui-1/main.js index 62e54ad7..7eb9abc1 100644 --- a/resources/proto-ui-1/main.js +++ b/resources/proto-ui-1/main.js @@ -1,3 +1,27 @@ $().ready(function(){ + + $(document).on('click', '.tile-close', function(evt) { + $(evt.target).closest('.preview-item').remove(); + }); + + $(document).on('click', '.preview-item', function(evt) { + $('.preview-item').removeClass('selected'); + $(evt.target).closest('.preview-item').addClass('selected'); + }); + + $(document).on('click', '#toggle-mode', function(evt) { + $('body').toggleClass('grid-mode'); + }); +/* + $(document).on('click', '#change-draw-area', function(evt) { + $('body').toggleClass('grid-mode'); + });*/ + $("#change-draw-area").change(function () { + var str = ""; + $("#change-draw-area option:selected").each(function () { + str = $(this).val(); + }); + $(".canvas .draw-area").attr('class', 'draw-area draw-area-'+ str); + }) }); \ No newline at end of file