pixie/README.md

83 lines
1.9 KiB
Markdown
Raw Normal View History

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 16:32:03 +00:00
### examples/blur.nim
```nim
var trees = readImage("examples/data/trees.png")
var blur = trees.copy()
blur.blur(10)
var p = newPath()
let
size = 80.0
x = 100.0
y = 100.0
p.moveTo(x + size * cos(0.0), y + size * sin(0.0))
for side in 0 ..< 7:
p.lineTo(
x + size * cos(side.float32 * 2.0 * PI / 6.0),
y + size * sin(side.float32 * 2.0 * PI / 6.0)
)
p.closePath()
var mask = newImage(200, 200)
mask.fillPath(p, rgba(255, 0, 0, 255))
mask.sharpOpacity()
blur.draw(mask, blendMode = bmMask)
image.draw(trees)
image.draw(blur)
```
![example output](examples/blur.png)
2020-12-01 17:49:41 +00:00
### examples/rounded_rectangle.nim
```nim
var path = newPath()
let
x = 50.0
y = 50.0
w = 100.0
h = 100.0
nw = 25.0
ne = 25.0
se = 25.0
sw = 25.0
path.moveTo(x+nw, y)
path.arcTo(x+w, y, x+w, y+h, ne)
path.arcTo(x+w, y+h, x, y+h, se)
path.arcTo(x, y+h, x, y, sw)
path.arcTo(x, y, x+w, y, nw)
path.closePath()
path.closePath()
image.fillPath(path, rgba(255, 0, 0, 255))
```
![example output](examples/rounded_rectangle.png)
### examples/square.nim
```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))
#image.strokePath(p, rgba(0, 0, 0, 255), strokeWidth = 5.0)
```
![example output](examples/square.png)