first commit

This commit is contained in:
onezplpl 2024-08-02 06:39:19 -04:00
commit c2087afc00
No known key found for this signature in database
GPG key ID: 7EC026A136F9EEC3
6 changed files with 398 additions and 0 deletions

9
LICENSE Normal file
View file

@ -0,0 +1,9 @@
MIT License
Copyright (c) 2024 derv
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

4
README.md Normal file
View file

@ -0,0 +1,4 @@
# Onezmoji
Create your own emojis styled like <a href='https://zenoverse.net/art.html'>Doowie</a>!
Inspired by https://neomojimixer.com/

165
emojis.svg Normal file
View file

@ -0,0 +1,165 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="231.78677"
height="187.27272"
viewBox="0 0 115.89339 93.63636"
version="1.1"
id="svg1"
xml:space="preserve"
sodipodi:docname="emojis.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="2.2009868"
inkscape:cx="80.191302"
inkscape:cy="65.198027"
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
id="defs1" /><g
id="layer1"
transform="translate(-576.28967,-425.74296)"><g
id="doowie"
transform="translate(52.399782,8.7650375)"
style="stroke-width:5;stroke-dasharray:none;paint-order:normal"><g
transform="matrix(0.14717702,0,0,0.14717702,549.78969,430.72678)"
style="fill:none;stroke:#5c369b;stroke-width:33.9727;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
id="fur3_main"><path
style="fill:none;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
d="m 178.91781,525.81453 c 0,0 -25.42852,-52.60926 73.15116,-99.16714 l 94.68233,30.84051 c -80.78404,5.44225 -144.36291,21.77179 -167.83349,68.32663 z"
id="path19"
transform="translate(-55.054227)" /><path
style="fill:none;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
d="m 123.84806,489.96817 c 0,0 -13.45495,-56.86219 92.85821,-81.00967 l 85.77703,50.57847 c -80.05046,-12.14922 -145.656,-9.94937 -178.63524,30.4312 z"
id="path17"
transform="translate(-55.054227)" /><path
style="fill:none;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
d="m 19.677379,354.42524 c 0,0 -6.41101,-56.86219 44.24503,-81.00967 -51.517,-40.82552 -27.05178,-103.97649 -27.05178,-103.97649 6.69515,36.62068 15.38259,47.28805 59.96628,62.3475 l 7.956491,92.20746 c -38.142401,-12.14922 -69.402091,-9.94937 -85.116021,30.4312 z"
id="path13"
transform="translate(-55.054227)" /><path
style="fill:none;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
d="m 25.704577,435.00534 c 0,0 -6.41101,-56.86219 44.24503,-81.00967 -51.517,-40.82552 -27.05178,-103.97649 -27.05178,-103.97649 6.69515,36.62068 15.38259,47.28805 59.966283,62.3475 l 7.95649,92.20746 c -38.142403,-12.14922 -69.402093,-9.94937 -85.116023,30.4312 z"
id="path15"
transform="translate(-55.054227)" /><path
style="fill:none;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
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"
transform="translate(-55.054227)" /><path
id="path24"
style="color:#000000;fill:none;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
d="m 450.07444,287.06288 c -16.75817,7.84 -35.92583,14.67225 -51.55652,22.97347 -0.70764,0.37818 -1.34175,0.73067 -2.12673,1.16709 -7.26163,4.0661 -13.44421,8.58112 -16.83424,13.54528 13.66553,-7.26237 30.39063,-13.32568 48.11008,-18.62109 13.91182,-4.10622 28.53311,-7.81297 44.08636,-10.60914 1.53454,-0.13309 1.73375,-0.38553 0.39846,-0.77513 -6.63852,-2.90263 -13.27703,-5.80526 -19.91553,-8.70789 -0.72063,0.34247 -1.44127,0.68494 -2.16188,1.02741 z"
transform="translate(-55.054227)" /></g><g
id="fur2_main"
style="fill:#afa8e7;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
style="color:#000000;fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 123.99383,276.22328 C 118.59706,268.73462 32.030475,111.91841 24.881692,107.74672 -13.367483,85.426337 -53.303325,123.76996 -103.93785,54.368028 -61.591547,45.444255 -28.061624,9.0441243 26.327719,37.65267 19.736955,-8.656355 67.647185,-39.309851 93.039507,-76.431665 136.70962,-38.481173 111.18916,-2.3966973 89.471418,67.690113 87.669631,73.504767 204.2854,225.198 207.73263,230.75618"
id="path33" /><path
style="color:#000000;fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 263.20899,243.2691 c 2.14374,-8.97828 64.31124,-176.967261 62.79914,-185.104933 -8.09047,-43.540131 -63.2106,-48.7243335 -43.74797,-132.400426 34.42164,26.229633 83.88528,27.833736 97.75975,87.701497 30.75394,-35.244274 85.26182,-18.9986946 129.9554,-24.026924 -0.20124,57.855664 -44.19318,62.109175 -111.44335,91.455989 -5.57932,2.434714 -44.23664,189.826517 -46.19251,196.067617"
id="path34"
inkscape:label="path34" /></g><g
id="fur1_main"
transform="matrix(0.14717702,0,0,0.14717702,541.68697,430.72678)"
style="fill:#d7d8ff;fill-opacity:1;stroke-width:33.9727;stroke-dasharray:none;paint-order:normal"><path
id="path3"
style="color:#000000;fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal"
d="m 434.60589,292.67942 c -15.34299,17.06298 -38.79847,29.96992 -37.50793,54.11654 9.44248,-18.97742 39.90061,-36.49658 52.54036,-39.70368 z" /><path
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
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 -39.55441,44.633843 -40.658,91.679294 l -88.31499,32.48884 c 0.24295,-40.02983 -9.51607,-82.529851 -52.74383,-85.509564 z"
id="path10" /><path
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 21.341918,355.39854 c 0,0 -6.41101,-56.86219 44.24503,-81.00967 -51.517,-40.82552 -27.05178,-103.97649 -27.05178,-103.97649 6.69515,36.62068 30.83424,51.04881 75.417932,66.10826 l 4.72343,93.98271 C 80.534128,318.35414 37.055848,315.01797 21.341918,355.39854 Z"
id="path14" /><path
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 25.704577,435.00534 c 0,0 -6.41101,-56.86219 44.24503,-81.00967 -51.517,-40.82552 -30.934215,-59.22263 -30.934215,-59.22263 6.69515,36.62068 34.716675,6.29495 79.300368,21.3544 l 4.72343,93.98271 C 84.896787,397.96094 41.418507,394.62477 25.704577,435.00534 Z"
id="path16" /><path
id="path35"
style="fill-opacity:1;stroke:none;stroke-width:33.9748;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;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" /><path
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 123.84806,489.96817 c 0,0 -13.45495,-56.86219 92.85821,-81.00967 l 111.42051,56.11448 C 248.07632,452.92377 156.8273,449.5876 123.84806,489.96817 Z"
id="path18" /><path
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 178.91781,525.81453 c 0,0 -25.42852,-52.60926 73.15116,-99.16714 l 120.91621,30.70238 c -80.78404,5.44225 -170.59679,21.90992 -194.06737,68.46476 z"
id="path20" /></g><g
id="face_main"
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="path4"
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal"
d="m 347.31246,257.12837 c 0,31.47736 -0.22455,46.91033 -16.2576,46.91032 -16.25485,-10e-6 -16.25758,-20.19767 -16.25758,-46.91032 0,-28.40799 2.19236,-46.9103 16.25758,-46.91031 15.56368,-1e-5 16.2576,17.40695 16.2576,46.91031 z" /><path
id="path4-9"
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal"
d="m 367.32558,256.0419 c 0,31.47735 0.22455,46.91032 16.25759,46.91032 16.25486,-1e-5 16.25759,-20.19768 16.25759,-46.91032 0,-28.408 -2.19237,-46.91031 -16.25759,-46.91031 -15.56367,-10e-6 -16.25759,17.40695 -16.25759,46.91031 z" /><path
style="fill-opacity:1;stroke:none;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="path12" /><path
style="color:#000000;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 532.90234,360.60156 c -6.25832,0.0989 -12.37101,2.68644 -15.85351,7.33985 -3.4825,4.6534 -4.16529,10.12409 -3.78516,15.14257 0.76026,10.03698 5.52915,19.95431 11.90039,28.02344 3.18563,4.03457 6.80047,7.57903 11.13867,10.12305 4.33821,2.54402 9.93722,4.18638 15.65039,2.5039 5.17178,-1.52303 9.16033,-5.61225 11.86719,-10.70898 4.3812,5.89024 9.41542,9.74623 15.16992,11.56055 11.23634,3.54266 21.98401,-2.62624 27.94922,-10.76563 5.96522,-8.13938 8.95768,-18.94663 5.83399,-29.48828 -3.1237,-10.54165 -13.68946,-19.21731 -28.9668,-20.61914 a 8.4931498,8.4931498 0 0 0 -9.23437,7.67969 8.4931498,8.4931498 0 0 0 7.68164,9.23437 c 10.53501,0.96668 13.02076,4.43564 14.23437,8.53125 1.21361,4.09561 -0.17046,10.41914 -3.25,14.6211 -3.07954,4.20195 -6.04314,5.58402 -9.14062,4.60742 -3.09749,-0.9766 -9.53226,-6.35937 -14.87696,-23.02149 a 8.4939991,8.4939991 0 0 0 -16.55859,1.98047 c -0.60757,8.40578 -2.04008,14.03471 -3.41797,17.05469 -1.37789,3.01998 -2.15381,3.0579 -2.08984,3.03906 0.064,-0.0188 -0.49871,0.1714 -2.25977,-0.86133 -1.76106,-1.03272 -4.18431,-3.18944 -6.40039,-5.99609 -4.43217,-5.6133 -7.92575,-13.93329 -8.29297,-18.78125 -0.1836,-2.42398 0.3531,-3.55581 0.44727,-3.68164 0.0942,-0.12583 -0.0829,-0.49201 2.52343,-0.5332 a 8.4931498,8.4931498 0 0 0 8.35743,-8.62696 8.4931498,8.4931498 0 0 0 -8.62696,-8.35742 z"
id="path23" /></g><g
id="face_sad"
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="path5"
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal"
d="m 363.93153,229.65102 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,10e-6 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="path6"
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal"
d="m 341.55348,232.23316 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:none;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="path7" /><path
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="path8" /></g><g
id="face_angry"
style="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"
d="m 310.64081,228.7388 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="path25"
style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal"
d="m 397.33909,234.09664 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:none;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="path26" /><path
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="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_main"
style="stroke-width:5;stroke-dasharray:none;paint-order:normal"
transform="translate(-2.060262,-6.634307)" /></g></g></svg>

After

Width:  |  Height:  |  Size: 20 KiB

112
index.css Normal file
View file

@ -0,0 +1,112 @@
svg.char {
max-width: 100px;
width: 100px;
height: initial;
margin: 10px;
border: solid rgb(85, 153, 255) 2px;
border-left-width: 10px;
border-radius: 10px;
z-index: 10;
}
section.main {
max-width: 90vw;
width: 800px;
margin-left: auto;
margin-right: auto;
background: rgb(255, 255, 255);
border: solid rgb(200, 200, 200) 2px;
border-radius: 10px;
}
body {
background-image: radial-gradient(rgb(222, 223, 228) 35%, rgb(255, 255, 255) 40%);
background-size: 25px 25px;
background-repeat: repeat;
}
:root {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: rgb(44, 41, 53);
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-align: center;
margin: 10px;
margin-bottom: 0;
height: 40px;
line-height: 40px;
}
code {
background: rgb(118, 105, 156);
color: white;
padding: 3px;
}
p,
pre,
sup {
margin: 10px;
}
pre {
overflow: auto;
}
blockquote {
border: solid rgb(255, 196, 237) 2px;
border-left-width: 10px;
border-radius: 10px;
margin: 10px;
padding: 5px;
font-style: italic;
}
a {
color: rgb(96, 95, 182);
font-weight: bold;
text-decoration: none;
}
ul.grid {
padding: 0;
margin: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
ul.grid>a,
ul.grid>span {
text-align: center;
height: 100%;
overflow: hidden;
margin-bottom: 25px;
}
img {
width: min(100px, 18vw);
height: min(100px, 18vw);
}
iframe {
border: none;
margin: auto;
display: block;
width: 300px;
height: 300px
}
svg.char.selected_true {
border-color: rgb(226, 152, 255);
}
input {
display: block;
margin: 10px;
}

22
index.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='/index.css'>
<script src="/index.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<section class='main'>
<h1>Onezmoji Generator</h1>
<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/>
</section>
</body>
</head>

86
index.js Normal file
View file

@ -0,0 +1,86 @@
let char = "doowie";
let charData = {
"emotion": "main",
"face": "main",
"fur1": "main",
"fur2": "main",
"fur3": "main"
}
let colors = {
};
function getRandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
function addChar(i) {
charData[i[0]] = i[1];
main();
}
function main(init = false) {
let ctx = document.querySelector('iframe').contentDocument.querySelectorAll('g > g > g');
let sec = document.body.querySelector('section.main');
if (!init) {
for (let x of document.querySelectorAll('.char')) {
x.remove();
}
} else {
for (let char in charData) {
let p = document.createElement('p');
p.textContent = char;
sec.appendChild(p);
let input = document.createElement('input');
input.type = 'color';
input.id = 'color_' + char;
input.value = getRandomColor();
sec.appendChild(input);
}
}
for (let face of ctx) {
face.style.display = 'none';
}
for (let face of ctx) {
face.style.display = 'block';
let imgElem = document.querySelector('iframe').contentDocument.querySelector('svg');
let imgElem2 = imgElem.cloneNode(true);
imgElem2.classList.add('char');
imgElem2.setAttribute('temp_id', face.id);
let splitId = face.id.split('_');
let val = document.getElementById('color_' + splitId[0]).value;
if (val) {
face.style.fill = val;
face.style.stroke = val;
}
imgElem2.classList.add('selected_' + (charData[splitId[0]] == splitId[1]));
sec.appendChild(imgElem2);
imgElem2.onclick = () => addChar(splitId);
face.style.display = 'none';
}
for (let face of ctx) {
let splitId = face.id.split('_');
if (charData[splitId[0]] == splitId[1]) {
face.style.display = 'block';
} else {
face.style.display = 'none';
}
}
}
window.onload = () => main(true);