# Genuary2024_Pixels+ScreenSaver+Indicator+NewLibrary

# PixelMess

The prompt for **Genuary 2024 Day 4**  is **Pixel**, **Day 6: Screensaver, Day 7: Indicator** and **Day 21: New Library**

PixelMess is coded with **Python, Tixyland & Hydra**

## **Pixelation Design**

The **Bokeh** Library in **Python is a new library, I haven't** used before and the background image is made by it while being pixelated by **Hydra**

**Hydra** adds more pixelation to the **TixyLand** code by adding an **indicator** type feeling while also adding a glitched out screensaver type look

## Poetry

```ocaml
Pixelated Mess
With an indicator to show the progress
Of this screen that needs saving from this test
That occurred when the keys were pressed
```

## Video

<iframe width="560" height="315" src="https://www.youtube.com/embed/awpafi3Mcwo?si=Dlisw3nRCqcZwVlM"></iframe>

## Code

### Tixyland

```javascript
Math.sin(~y/8%t ^ t)
```

### Hydra

```javascript
s0.initScreen()
s1.initScreen()

src(s0).
blend(src(s0).scale(0.99).kaleid(4).
diff(src(s1).scale(15.01))).
diff(src(s0).scale(1.10).pixelate(500)).
blend(src(s1).scale(7.30)).out()


speed = 0.125
```

### Python

```python
# Based of this https://docs.bokeh.org/en/latest/docs/examples/basic/scatters/image_url.html

import numpy as np

from bokeh.core.properties import value
from bokeh.plotting import figure, show

url = "https://cdn.hashnode.com/res/hashnode/image/upload/v1695178302414/659c3c42-4522-4eef-bf50-795b7dd0e28e.jpeg?auto=compress,format&format=webp"
x = np.random.random(10000) * 100050
y = np.random.random(10000) * 100050

p = figure(match_aspect=True, toolbar_location=None,
           background_fill_color="gold")

# value is used here to prevent the string URL from being
# interpreted as a column name from the data source.
p.image_url(url=value(url), x=x, y=y, alpha=0.78, anchor="center",
            w=26, w_units="screen", h=26, h_units="screen")

show(p)
```