Val Town Code SearchReturn to Val Town

1# Playing with Pixels in JavaScript
2
3Programmatically generate PNG images, pixel by pixel!
4
5[![](https://andreterron-women_and_power.web.val.run/)](https://www.val.town/v/andreterron.women_and_power)
6
7This val uses [PNGLib](https://www.npmjs.com/package/pnglib) and Val Town's [Express API](https://docs.val.town/api#9bff1f5f778e4fe3a143df8169101795) to create and host PNG images. It can be particularly useful if you want to dynamically generate an image – for any website or API that accepts png urls.
8
9## Usage
111. Copy and paste the code below or fork one of the examples
122. Click the 🔒 lock to make your val public
133. Visualize your image in via its Express endpoint: Open the [**⋮**] menu > Endpoints > Copy express endpoint
14
15```js
16// Code from @andreterron.hostpng_example
17let my_image = @andreterron.png({
18  width: 256,
19  height: 256,
34```
35
36Code from [@andreterron.hostpng_example](https://www.val.town/v/andreterron.hostpng_example), and it generates this image:
37
38![this example](https://andreterron-hostpng_example.web.val.run/)

1# Telegram DALLE Bot
2
3A personal telegram bot you can message to create images with OpenAI's [DALLE](https://openai.com/dall-e-2) ✨
4
5![DALLE: A Macintosh II sitting on a desk, painted by Picasso in his blue period.](https://i.imgur.com/uJrP5mE.png)

1A wrapper for OpenAI's DALLE API. See the API reference here: https://platform.openai.com/docs/api-reference/images/create?lang=curl

1# SVG Button Link for Markdown
2
3Pioneered by [@easrng](/u/easrng), this val allows you to create an SVG image via the Express API, which we can embed in Val Town markdown, and wrap so it acts like a button.
4
5## Usage

1Migrated from folder: experiments/kv_store/tempImageVal

1Migrated from folder: image_upscaler/fetchImageAsBase64

1Migrated from folder: image_upscaler/upscaleThisUrl

8
9<div align="center">
10<img src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/67a1d35e-c37c-41a4-0e5a-03a9ba585d00/public" width="500px"/>
11</div>