add more emojis
This commit is contained in:
onezplpl
parent
485d70863c
commit
6cb4a09a2c
4 changed files with 67 additions and 21 deletions
65
emojis.svg
65
emojis.svg
|
|
@ -22,15 +22,15 @@
|
|||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="2.2009868"
|
||||
inkscape:cx="80.191302"
|
||||
inkscape:cy="65.198027"
|
||||
inkscape:zoom="3.1126654"
|
||||
inkscape:cx="165.93496"
|
||||
inkscape:cy="134.77196"
|
||||
inkscape:window-width="1860"
|
||||
inkscape:window-height="1005"
|
||||
inkscape:window-x="30"
|
||||
inkscape:window-y="45"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="doowie" /><defs
|
||||
inkscape:current-layer="face_troll" /><defs
|
||||
id="defs1" /><g
|
||||
id="layer1"
|
||||
transform="translate(-576.28967,-425.74296)"><g
|
||||
|
|
@ -60,14 +60,6 @@
|
|||
d="m 102.90575,76.575786 c 0,0 52.37523,-23.048753 90.50858,18.121419 23.63722,-61.335201 91.20824,-56.779989 91.20824,-56.779989 -32.96695,17.293904 -40.56429,28.763211 -41.66788,75.808664 l -85.65771,35.04679 c 0.24295,-40.02983 -11.16347,-69.217171 -54.39123,-72.196884 z"
|
||||
id="path11"
|
||||
transform="translate(-55.054227)" /><path
|
||||
style="color:#000000;fill:none;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
|
||||
d="M 129.13281,191.69567 C 128.32038,182.50083 134.03902,3.4690053 130.02566,-3.7698547 108.55237,-42.500935 54.630943,-29.947665 46.569213,-115.47831 c 40.96038,13.96746 88.382247,-0.18852 120.516327,52.195165 17.99778,-43.174575 74.84439,-45.042705 115.64002,-63.977215 18.14635,54.936585 -22.22936,72.913935 -76.71092,122.0624953 -4.51999,4.07754 18.20912,194.0603347 18.33219,200.5995747"
|
||||
id="path41"
|
||||
transform="rotate(-30.729349,252.84433,343.48823)" /><path
|
||||
style="color:#000000;fill:none;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
|
||||
d="M 129.13281,191.69567 C 128.32038,182.50083 134.03902,3.4690053 130.02566,-3.7698547 108.55237,-42.500935 54.630943,-29.947665 46.569213,-115.47831 c 40.96038,13.96746 88.382247,-0.18852 120.516327,52.195165 17.99778,-43.174575 74.84439,-45.042705 115.64002,-63.977215 18.14635,54.936585 -22.22936,72.913935 -76.71092,122.0624953 -4.51999,4.07754 18.20912,194.0603347 18.33219,200.5995747"
|
||||
id="path21"
|
||||
transform="rotate(18.478428,10.119336,460.37707)" /><path
|
||||
id="path1"
|
||||
style="fill:none;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
|
||||
d="m 442.82375,297.57117 c 128.84636,-9.58651 185.5239,-43.08994 206.70913,134.13989 -15.37798,35.58561 -318.0584,48.62196 -389.47099,48.62196 -100.93658,0 -182.76185,-81.82527 -182.761856,-182.76185 0,-100.93659 81.825266,-182.76186 182.761856,-182.76186 100.93659,0 182.76187,81.82527 182.76186,182.76186 z"
|
||||
|
|
@ -141,7 +133,7 @@
|
|||
d="m 532.90234,425.60739 c -6.25832,-0.072 -12.37101,-1.95444 -15.85351,-5.3399 -3.4825,-3.38545 -4.16529,-7.3655 -3.78516,-11.01656 0.76026,-7.30212 5.52915,-14.5172 11.90039,-20.38767 3.18563,-2.93524 6.80047,-5.51391 11.13867,-7.36474 4.33821,-1.85083 9.93722,-3.04568 15.65039,-1.82164 5.17178,1.10804 9.16033,4.08303 11.86719,7.79102 4.3812,-4.28528 9.41542,-7.0906 15.16992,-8.41056 11.23634,-2.57736 21.98401,1.91065 27.94922,7.83224 5.96522,5.92157 8.95768,13.78409 5.83399,21.45337 -3.1237,7.66928 -13.68946,13.98102 -28.9668,15.00088 a 8.4931498,6.1789538 0 0 1 -9.23437,-5.58715 8.4931498,6.1789538 0 0 1 7.68164,-6.7182 c 10.53501,-0.70328 13.02076,-3.22703 14.23437,-6.20668 1.21361,-2.97964 -0.17046,-7.58015 -3.25,-10.63717 -3.07954,-3.05701 -6.04314,-4.0625 -9.14062,-3.352 -3.09749,0.7105 -9.53226,4.62658 -14.87696,16.74864 a 8.4939991,6.1795716 0 0 1 -16.55859,-1.44083 c -0.60757,-6.11539 -2.04008,-10.21056 -3.41797,-12.40766 -1.37789,-2.19711 -2.15381,-2.22469 -2.08984,-2.21099 0.064,0.0137 -0.49871,-0.1247 -2.25977,0.62664 -1.76106,0.75133 -4.18431,2.32039 -6.40039,4.36229 -4.43217,4.0838 -7.92575,10.13677 -8.29297,13.66377 -0.1836,1.7635 0.3531,2.58693 0.44727,2.67847 0.0942,0.0916 -0.0829,0.35795 2.52343,0.38792 a 8.4931498,6.1789538 0 0 1 8.35743,6.2763 8.4931498,6.1789538 0 0 1 -8.62696,6.08021 z"
|
||||
id="path8" /></g><g
|
||||
id="face_angry"
|
||||
style="fill:#5c369b;fill-opacity:1;stroke-width:33.9727;stroke-dasharray:none;paint-order:normal"
|
||||
style="display:inline;fill:#5c369b;fill-opacity:1;stroke-width:33.9727;stroke-dasharray:none;paint-order:normal"
|
||||
transform="matrix(0.14717702,0,0,0.14717702,541.68697,430.72678)"><path
|
||||
id="path22"
|
||||
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal"
|
||||
|
|
@ -155,11 +147,56 @@
|
|||
style="color:#000000;display:inline;fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
|
||||
d="m 532.90234,425.60739 c -6.25832,-0.072 -12.37101,-1.95444 -15.85351,-5.3399 -3.4825,-3.38545 -4.16529,-7.3655 -3.78516,-11.01656 0.76026,-7.30212 5.52915,-14.5172 11.90039,-20.38767 3.18563,-2.93524 6.80047,-5.51391 11.13867,-7.36474 4.33821,-1.85083 9.93722,-3.04568 15.65039,-1.82164 5.17178,1.10804 9.16033,4.08303 11.86719,7.79102 4.3812,-4.28528 9.41542,-7.0906 15.16992,-8.41056 11.23634,-2.57736 21.98401,1.91065 27.94922,7.83224 5.96522,5.92157 8.95768,13.78409 5.83399,21.45337 -3.1237,7.66928 -13.68946,13.98102 -28.9668,15.00088 a 8.4931498,6.1789538 0 0 1 -9.23437,-5.58715 8.4931498,6.1789538 0 0 1 7.68164,-6.7182 c 10.53501,-0.70328 13.02076,-3.22703 14.23437,-6.20668 1.21361,-2.97964 -0.17046,-7.58015 -3.25,-10.63717 -3.07954,-3.05701 -6.04314,-4.0625 -9.14062,-3.352 -3.09749,0.7105 -9.53226,4.62658 -14.87696,16.74864 a 8.4939991,6.1795716 0 0 1 -16.55859,-1.44083 c -0.60757,-6.11539 -2.04008,-10.21056 -3.41797,-12.40766 -1.37789,-2.19711 -2.15381,-2.22469 -2.08984,-2.21099 0.064,0.0137 -0.49871,-0.1247 -2.25977,0.62664 -1.76106,0.75133 -4.18431,2.32039 -6.40039,4.36229 -4.43217,4.0838 -7.92575,10.13677 -8.29297,13.66377 -0.1836,1.7635 0.3531,2.58693 0.44727,2.67847 0.0942,0.0916 -0.0829,0.35795 2.52343,0.38792 a 8.4931498,6.1789538 0 0 1 8.35743,6.2763 8.4931498,6.1789538 0 0 1 -8.62696,6.08021 z"
|
||||
id="path27" /></g><g
|
||||
id="face_troll"
|
||||
style="stroke-width:33.9727;stroke-dasharray:none;paint-order:normal;display:inline;fill:#5c369b;fill-opacity:1;stroke:#5c369b;stroke-opacity:1"
|
||||
transform="matrix(0.14717702,0,0,0.14717702,541.68697,430.72678)"><path
|
||||
id="path21"
|
||||
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal;stroke-opacity:1"
|
||||
d="m 308.46563,308.24019 c -1.20604,-7.51441 -1.52612,-16.98391 -1.52612,-27.93458 0,-26.71262 0.002,-46.9115 16.25647,-46.91151 16.03303,-1e-5 16.25646,15.43418 16.25646,46.91151 0,6.97759 -0.0533,13.25026 -0.31849,18.80442 -4.13959,0.79705 -8.24403,1.65098 -12.23548,2.49487 -5.16339,1.09165 -12.09942,3.8351 -18.43284,6.63529 z" /><path
|
||||
id="path29"
|
||||
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal;stroke-opacity:1"
|
||||
d="m 393.82963,303.86555 c -1.20013,-1.09139 -2.41713,-1.99408 -3.58305,-2.4816 -8.76745,-3.66604 -18.32498,-4.49183 -28.04075,-3.9281 -0.13304,-4.55309 -0.14597,-9.53511 -0.14597,-14.9294 0,-31.47732 0.22344,-46.91152 16.25646,-46.91152 16.25484,1e-5 16.25647,20.1989 16.25647,46.91152 0,7.96417 -0.18523,15.12144 -0.74316,21.3391 z" /><path
|
||||
style="fill-opacity:1;stroke:#5c369b;stroke-width:33.9727;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
|
||||
d="m 561.84465,349.89855 c -9.62791,1.54708 -30.41966,-16.67043 -23.7757,-25.70029 6.64398,-9.02985 32.60078,-11.11363 41.54058,-4.7668 8.93981,6.34682 -8.13698,28.92001 -17.76488,30.46709 z"
|
||||
id="path30" /><path
|
||||
style="fill-opacity:1;fill:#ffffff;stroke:#5c369b;stroke-opacity:1;stroke-width:6.79453907;stroke-dasharray:none"
|
||||
d="m 616.64033,397.75163 c -10.58102,-14.11738 -16.77386,12.08081 -66.16038,14.63302 -49.38652,2.55221 -79.53785,-3.31902 -79.53785,-3.31902 0,0 35.99229,38.82299 91.89323,39.01709 55.90094,0.1941 64.38602,-36.21372 53.805,-50.33109 z"
|
||||
id="path32"
|
||||
sodipodi:nodetypes="zzczz" /><path
|
||||
style="fill:none;fill-opacity:1;stroke:#5c369b;stroke-width:10.1918;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 598.76495,383.29345 c 5.55763,-3.36591 7.63932,-17.74548 20.22821,0.30195"
|
||||
id="path36"
|
||||
sodipodi:nodetypes="cc" /><path
|
||||
style="fill:none;fill-opacity:1;stroke:#5c369b;stroke-width:10.1918;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 468.45579,388.52164 c 0,0 -14.7609,10.75768 -15.58776,18.19326 -0.82686,7.43558 9.79375,18.4981 9.79375,18.4981"
|
||||
id="path37"
|
||||
sodipodi:nodetypes="czc" /><path
|
||||
id="path38"
|
||||
style="fill-opacity:1;stroke:none;stroke-width:10.1918;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 618.71304 420.68528 L 493.59134 427.00871 C 503.34665 433.21054 515.93583 439.60298 530.9613 443.70311 L 602.1049 439.3968 C 610.91829 434.28792 616.17979 427.5081 618.71304 420.68528 z " /></g><g
|
||||
id="emotion_tear"
|
||||
style="fill:#0ac6ff;fill-opacity:1"><path
|
||||
id="path28"
|
||||
style="fill:#0ac6ff;fill-opacity:1;stroke:none;stroke-width:5.00032;stroke-linecap:round;stroke-linejoin:round"
|
||||
d="m 602.19798,477.7642 c 0,2.6917 -0.68727,4.87375 -1.53505,4.87374 -0.84778,-1e-5 -1.53504,-2.18205 -1.53504,-4.87374 0,-2.69169 1.53504,-4.87375 1.53504,-4.87375 0,0 1.53505,2.18204 1.53505,4.87375 z" /></g><g
|
||||
id="emotion_heart"
|
||||
style="fill:#ff7373;fill-opacity:1;stroke-width:5;stroke-dasharray:none;paint-order:normal"
|
||||
transform="translate(0.16607883,-0.43578861)"><path
|
||||
id="path28-3"
|
||||
style="fill-opacity:1;stroke:none;stroke-width:5.00032;stroke-linecap:round;stroke-linejoin:round"
|
||||
d="m 604.29485,476.49978 c 0,-1.11612 -0.40161,-2.35947 -2.19277,-2.3406 -1.23384,0.0138 -1.47042,1.08441 -1.47042,1.08441 0,0 -0.0683,-0.90392 -1.71534,-0.95758 -1.09006,-0.0355 -1.82927,0.96496 -1.82927,2.21377 0,1.40443 3.70313,4.48202 3.70313,4.48202 0,0 3.50467,-3.07757 3.50467,-4.48202 z"
|
||||
sodipodi:nodetypes="sscsscs" /></g><g
|
||||
id="emotion_main"
|
||||
style="stroke-width:5;stroke-dasharray:none;paint-order:normal"
|
||||
transform="translate(-2.060262,-6.634307)" /></g></g></svg>
|
||||
transform="translate(-2.060262,-6.634307)" /><g
|
||||
id="emotion_blush"
|
||||
style="fill:none;fill-opacity:1;stroke:#ff7373;stroke-width:1.4277;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
|
||||
transform="matrix(1.1038334,0,0,1,-38.679382,0.9089577)"><path
|
||||
style="fill:none;fill-opacity:1;stroke-width:1.4277;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:normal"
|
||||
d="m 584.66333,489.43212 3.04838,-3.45323 0.97042,5.79053 4.1237,-4.94721"
|
||||
id="path2"
|
||||
sodipodi:nodetypes="cccc" /><path
|
||||
style="fill:none;fill-opacity:1;stroke-width:1.4277;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:normal"
|
||||
d="m 612.50826,486.84714 -2.02313,-1.3756 -0.30282,5.79053 -1.65609,-2.10901"
|
||||
id="path9"
|
||||
sodipodi:nodetypes="cccc" /></g></g></g></svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 24 KiB |
|
|
@ -109,4 +109,11 @@ svg.char.selected_true {
|
|||
input {
|
||||
display: block;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.inputs {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
|
@ -14,9 +14,8 @@
|
|||
<p>Make your own Onezmoji! Work in progress...</p>
|
||||
<p><i>More at <a href='https://zenoverse.net/'>the Zenoverse</a></i></p>
|
||||
|
||||
<iframe src='emojis.svg'>
|
||||
|
||||
<br/>
|
||||
<iframe src='emojis.svg'></iframe>
|
||||
<div class='inputs'></div>
|
||||
</section>
|
||||
</body>
|
||||
</head>
|
||||
11
index.js
11
index.js
|
|
@ -34,14 +34,14 @@ function main(init = false) {
|
|||
}
|
||||
} else {
|
||||
for (let char in charData) {
|
||||
let p = document.createElement('p');
|
||||
let p = document.createElement('span');
|
||||
p.textContent = char;
|
||||
sec.appendChild(p);
|
||||
document.querySelector('.inputs').appendChild(p);
|
||||
let input = document.createElement('input');
|
||||
input.type = 'color';
|
||||
input.id = 'color_' + char;
|
||||
input.value = getRandomColor();
|
||||
sec.appendChild(input);
|
||||
document.querySelector('.inputs').appendChild(input);
|
||||
input.onchange = () => main(false);
|
||||
}
|
||||
}
|
||||
|
|
@ -84,4 +84,7 @@ function main(init = false) {
|
|||
}
|
||||
}
|
||||
|
||||
window.onload = () => main(true);
|
||||
window.onload = () => {
|
||||
main(true);
|
||||
main(false);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue