Git Product home page Git Product logo

tarp's Introduction

Tarp (v0.1.6)

Overview

Tarp is an almost single header C library to raster vector graphics. It provides a lightweight and portable API purely focussed on decently fast rendering without any gimmicks.

tarp demo

What can Tarp do?

  • Rasterize fills and strokes.
  • Stroke joins (round, bevel, miter) and caps (round, square, butt).
  • Dashed strokes.
  • Gradients (linear and radial) as fill and strokes.
  • Transformations for path, fills and strokes.
  • EvenOdd and NonZero fill rules.
  • Nested path clipping.
  • Non-scaling stroke.
  • Caching API to allow manual caching of a path with different styles, transforms, etc.

What does Tarp not want to provide?

  • A matrix stack.
  • Any form of document representation.
  • Any form of document loading. (SVG etc.)
  • Bezier math that goes beyond rendering.
  • Raster image rendering
  • Text rendering. (Dealing with fonts is a huge task by itself, you can easily build a font rasterizer on top of Tarp using stb_truetype or freetype, though)

Basic usage

Install Tarp or add the Tarp folder to your source directory. Include it into your project with #include <Tarp/Tarp.h>. Specify the implementation you want to compile in one c/c++ file to create the implementation, i.e.:

/* include OpenGL here! */

/* tell Tarp to compile the opengl implementations */
#define TARP_IMPLEMENTATION_OPENGL
#include <Tarp/Tarp.h>

Here is a basic Tarp example:

tpContext ctx;
tpPath path;
tpStyle style;
tpMat4 proj;

/* initialize the tarp context */
ctx = tpContextCreate();
if (!tpContextIsValidHandle(ctx))
{
    printf("Could not init Tarp context: %s\n", tpErrorMessage());
    return EXIT_FAILURE;
}

/* set an orthographic projection based on the window size */
proj = tpMat4MakeOrtho(0, wwidth, wheight, 0, -1, 1);
tpSetProjection(ctx, &proj);

/* create a path and add one circle contour */
path = tpPathCreate();
tpPathAddCircle(path, 400, 300, 100);

/* add another custom contour to the path */
tpPathMoveTo(path, 400, 320);
tpPathLineTo(path, 420, 280);
tpPathQuadraticCurveTo(path, 400, 260, 380, 280);
tpPathClose(path); /* close the contour */

/* create a style that we can draw the path with */
style = tpStyleMake();
style.fill = tpPaintMakeColor(1.0f, 1.0f, 0.0f, 1.0f);
style.stroke = tpPaintMakeColor(1.0f, 0.6f, 0.1f, 1.0f);
style.strokeWidth = 10.0;
style.strokeJoin = kTpStrokeJoinRound;

/* ... */

/* call this at the beginning of your frame */
tpPrepareDrawing(ctx);

/* draw the path with our style */
tpDrawPath(ctx, path, &style);

/* call this when you are done with Tarp for the frame */
tpFinishDrawing(ctx);

/* ... */

/* clean up tarp */
tpPathDestroy(path);
tpContextDestroy(ctx);

Check out HelloWorld.c in the examples folder for the full source of this example using OpenGL and GLFW.

Building the examples using CMake

cd Tarp
mkdir build
cd build
cmake ..
make

Building the examples using Meson & Ninja

cd Tarp
meson build
cd build
ninja

Installing Tarp

If you use Tarp a lot and you'd prefer to have it installed, you can do it in one of the following ways: make install if you are using CMake and ninja install if you are using Meson.

TODO

  • Possibly an OpenGL ES based backend?
  • Try out NV_path_rendering on linux as a backend?
  • Vulkan backend?
  • Metal backend on osx/ios?

How does Tarp rasterize

The only available backend right now is one written in OpenGL. It is based on the stencil and cover method.

Supported Platforms

Any platform that supports OpenGL 3.0+. Tested on OSX, Linux and Windows so far.

Credits & Inspiration

  • ShivaVG for some implementation ideas/specifics.
  • PaperJS as a lot of the tarp code is pulled out of my C++ port of it.
  • STB for the single header library style.

License

MIT License:

Copyright (c) 2018 Matthias Dörfelt

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

tarp's People

Contributors

barbeque avatar conversy avatar mokafolio avatar tilmannr avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.