2020-11-21 05:09:52 +00:00
|
|
|
# Pixie - A full-featured 2D graphics library for Nim
|
2020-11-20 02:41:32 +00:00
|
|
|
|
2020-11-21 05:09:52 +00:00
|
|
|
⚠️ WARNING: This library is still in heavy development. ⚠️
|
2020-11-20 17:13:53 +00:00
|
|
|
|
2020-11-27 21:51:40 +00:00
|
|
|
Pixie is a 2D graphics library similar to [Cairo](https://www.cairographics.org/) and [Skia](https://skia.org) written (almost) entirely in Nim.
|
2020-11-20 17:13:53 +00:00
|
|
|
|
2020-11-21 05:09:52 +00:00
|
|
|
Features include:
|
|
|
|
* Drawing paths, shapes and curves
|
|
|
|
* Complex masking
|
|
|
|
* Shadows, glows and effects
|
2020-12-04 16:17:03 +00:00
|
|
|
* Loading image file formats (PNG, BMP, JPG, SVG + more in development)
|
2020-11-21 05:09:52 +00:00
|
|
|
|
|
|
|
This library is being actively developed and is not yet ready for use. Since you've managed to stumble onto it, give it a star and check back soon!
|
|
|
|
|
|
|
|
## Testing
|
|
|
|
|
|
|
|
`nimble test`
|
2020-12-01 17:49:41 +00:00
|
|
|
|
|
|
|
## Examples
|
|
|
|
|
2020-12-04 17:41:28 +00:00
|
|
|
### Blur
|
|
|
|
[examples/blur.nim](examples/blur.nim)
|
2020-12-04 16:32:03 +00:00
|
|
|
```nim
|
|
|
|
var p = newPath()
|
2020-12-04 17:32:38 +00:00
|
|
|
p.polygon(100, 100, 70, sides=6)
|
2020-12-04 16:32:03 +00:00
|
|
|
p.closePath()
|
|
|
|
var mask = newImage(200, 200)
|
2020-12-04 17:32:38 +00:00
|
|
|
mask.fillPath(p, rgba(255, 255, 255, 255))
|
2020-12-04 17:43:33 +00:00
|
|
|
blur.blur(20)
|
2020-12-04 16:32:03 +00:00
|
|
|
blur.draw(mask, blendMode = bmMask)
|
|
|
|
image.draw(trees)
|
|
|
|
image.draw(blur)
|
|
|
|
```
|
|
|
|
![example output](examples/blur.png)
|
|
|
|
|
2020-12-04 17:41:28 +00:00
|
|
|
### Rounded rectangle
|
|
|
|
[examples/rounded_rectangle.nim](examples/rounded_rectangle.nim)
|
2020-12-01 17:49:41 +00:00
|
|
|
```nim
|
|
|
|
var path = newPath()
|
|
|
|
let
|
|
|
|
x = 50.0
|
|
|
|
y = 50.0
|
|
|
|
w = 100.0
|
|
|
|
h = 100.0
|
2020-12-04 17:33:58 +00:00
|
|
|
r = 25.0
|
|
|
|
path.moveTo(x+r, y)
|
|
|
|
path.arcTo(x+w, y, x+w, y+h, r)
|
|
|
|
path.arcTo(x+w, y+h, x, y+h, r)
|
|
|
|
path.arcTo(x, y+h, x, y, r)
|
|
|
|
path.arcTo(x, y, x+w, y, r)
|
2020-12-01 17:49:41 +00:00
|
|
|
path.closePath()
|
|
|
|
image.fillPath(path, rgba(255, 0, 0, 255))
|
|
|
|
```
|
|
|
|
![example output](examples/rounded_rectangle.png)
|
|
|
|
|
2020-12-04 17:41:28 +00:00
|
|
|
### Square
|
|
|
|
[examples/square.nim](examples/square.nim)
|
2020-12-01 17:49:41 +00:00
|
|
|
```nim
|
|
|
|
var p = newPath()
|
|
|
|
p.moveTo(50, 50)
|
|
|
|
p.lineTo(50, 150)
|
|
|
|
p.lineTo(150, 150)
|
|
|
|
p.lineTo(150, 50)
|
|
|
|
p.closePath()
|
|
|
|
image.fillPath(p, rgba(255, 0, 0, 255))
|
|
|
|
```
|
|
|
|
![example output](examples/square.png)
|
2020-12-04 17:25:00 +00:00
|
|
|
|
2020-12-04 17:41:28 +00:00
|
|
|
### Tiger
|
|
|
|
[examples/tiger.nim](examples/tiger.nim)
|
2020-12-04 17:25:00 +00:00
|
|
|
```nim
|
|
|
|
var tiger = readImage("examples/data/tiger.svg")
|
|
|
|
image.draw(
|
|
|
|
tiger,
|
|
|
|
translate(vec2(100, 100)) *
|
|
|
|
scale(vec2(0.2, 0.2)) *
|
|
|
|
translate(vec2(-450, -450))
|
|
|
|
)
|
|
|
|
```
|
|
|
|
![example output](examples/tiger.png)
|