so, what we need to do is 17x16 random animu pixelface random generator with distincted areas for random appendages in features in solid only solid code of htmlcssjs.


<mark>you need to consider also an empty area around facial outline in 1px. try comprehend it.</mark>
you need to comprehend it.

you need to comprrehend that features except hairstyle should be within that facial outline.

you need to comprehend that facial outline cannot be just square in perimeter of a grid.

you just need to comprehend.

comprehendoz, ne?


now comprehend where actual all facial outline should exactly reside and in which exact shape in through 1px.


you do not need empty the top, since it is a harstyle area which do not gives a fuks about facial outline.

facial outline ends or starts from row 6.



strictly only prototype of base grid 17x16 grid ascii 17x16 grid example for chat only:

```
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x1 row 1
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x2 row 2
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x3 row 3
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x4 row 4
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x5 row 5
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--eyes x1 row 6
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--eyes x2 row 7
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--eyes x3 row 8
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--eyes x4 row 9
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--eyes x5 row 10
▓█▓▓▓▓▓▓▓▓▓▓▓▓▓█▓<--nose||nothing x1 row 11
▓▓█▓▓▓▓▓▓▓▓▓▓▓█▓▓<--nose||nothing x2 row 12
▓▓▓█▓▓▓▓▓▓▓▓▓█▓▓▓<--mouth x1 row 13
▓▓▓▓█▓▓▓▓▓▓▓█▓▓▓▓<--mouth x2 row 14
▓▓▓▓▓█▓▓▓▓▓█▓▓▓▓▓<--mouth x3 row 15
▓▓▓▓▓▓█████▓▓▓▓▓▓<--chin and facial outline x1 row 16
```



strictly only prototype of facial outline ascii 17x16 grid  example for chat only:

```
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x1 row 1
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x2 row 2
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x3 row 3
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x4 row 4
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓<--hairstyle x5 row 5
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--facial outline row 6 x 1, 17 columns
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--facial outline row 7 x 1, 17 columns
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--facial outline row 8 x 1, 17 columns
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--facial outline row 9 x 1, 17 columns
█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█<--facial outline row 10 x 1, 17 columns
▓█▓▓▓▓▓▓▓▓▓▓▓▓▓█▓<--facial outline row 11 x 2, 16 columns
▓▓█▓▓▓▓▓▓▓▓▓▓▓█▓▓<--facial outline row 12 x 3, 15 columns
▓▓▓█▓▓▓▓▓▓▓▓▓█▓▓▓<--facial outline row 13 x 4, 14 columns
▓▓▓▓█▓▓▓▓▓▓▓█▓▓▓▓<--facial outline row 14 x 5, 13 columns
▓▓▓▓▓█▓▓▓▓▓█▓▓▓▓▓<--facial outline row 15 x 6, 12 columns
▓▓▓▓▓▓█████▓▓▓▓▓▓<--facial outline row 16 x 7-11 columns
```



strictly only indexed prototype of facial features in random indices areas ascii example for chat only:

```
HHHHHHHHHHHHHHHHH<--hairstyle x1 row 1
HHHHHHHHHHHHHHHHH<--hairstyle x2 row 2
HHHHHHHHHHHHHHHHH<--hairstyle x3 row 3
HHHHHHHHHHHHHHHHH<--hairstyle x4 row 4
HHHHHHHHHHHHHHHHH<--hairstyle x5 row 5
█▓EHEHEH▓HEHEHE▓█<--eyes x1 row 6
█HEHEHEHEHEHEHEH█<--eyes x2 row 7
█▓▓EEEEE▓EEEEE▓▓█<--eyes x3 row 8
█▓EEEEEE▓EEEEEE▓█<--eyes x4 row 9
█▓EEEEEE▓EEEEEE▓█<--eyes x5 row 10
▓█▓▓▓▓▓NNN▓▓▓▓▓█▓<--nose||nothing x1 row 11
▓▓█▓▓▓▓NNN▓▓▓▓█▓▓<--nose||nothing x2 row 12
▓▓▓█MMMMMMMMM█▓▓▓<--mouth x1 row 13
▓▓▓▓█MMMMMMM█▓▓▓▓<--mouth x2 row 14
▓▓▓▓▓█MMMMM█▓▓▓▓▓<--mouth x3 row 15
▓▓▓▓▓▓█████▓▓▓▓▓▓<--chin and facial outline x1 row 16
```



all should be colorful pixels, not like for chat only ascii in prototype inside code.


now comprehend without codes outputs in chats what is what and how to index things properly through all arrays.


extremely strictly recomprehend how to index things according to ascii represented and facial border outline properly through all arrays and indices randomly.
extremely strictly do extremely strictly new extremely strictly full code for normal testings.