AwesomeNode

KO | EN

gitlite — search

#typescript #golang #react #javascript #vuejs #hacktoberfest #python3 #cli #kafka #swift #aws #mysql

★ 47 Open GitHub ↗

Extended cocos2dx DrawNode with tessellation and AntiAliasing for smooth drawing. 😍

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# awesome node
Cocos2d-x tessellation library for drawing smooth anti-aliased curves.

Make drawing great again!

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
<img src="https://img.shields.io/badge/made%20with-cocos2dx-blue.svg" alt="made with Cocos2dx">
![GitHub stars](https://img.shields.io/github/stars/intmainreturn00/AwesomeNode.svg?style=social)

Implementation details [Medium Post](https://medium.com/@intmainreturn00/drawing-smooth-lines-with-cocos2dx-d057c41b8af2)

# Setup
Just grab `AwesomeNode.h` and `AwesomeNode.cpp` into your cocos2d-x based project and you’re all set! (`AwesomeNode` don’t expose any cocos namespaces to global scope).

Don’t forget to add `AwesomeNode.cpp` to `LOCAL_SRC_FILES` section
at `Android.mk` on android. Projects for Android Studio and MSVC are also provided.

# Usage
Initialise the node and add it to scene..
```cpp
auto node = AwesomeNode::create();
addChild(node);
```
…and you can start drawing.

Given that `w` - is the line thickness you want and `pts` is cocos `PointArray` you can do the following:

```cpp
drawALine(A, B, w, Color4F::GREEN);
node->drawACardinalSpline(pts, 0.5, 360, w, Color4F::GREEN);
node->drawAFilledCardinalSpline(pts, 0.5, 360, w, Color4F::GREEN, bottom, Color4F::RED);
```

last one generate curve with color filling from curve to the given Y level, like you can see at sample.

Also you can draw a triangle (`drawTriangle`) with each vertex can has its own color and opacity so OpenGL can provide color interpolation at vertex shader. Tessellation is basically a smart way to represent line by a set of triangles so this one is used all across the library.

Simple implementation for dashed (`drawADashedLine`) and dash-dotted (`drawADashDottedLine`) lines are also included.

Uncomment `#define AWESOMEDEBUG` to see tessellation highlights.

---

[Metal-backend](http://discuss.cocos2d-x.org/t/progress-of-graphics-backend-integration/44671/32) currently doesn't work

[coffee](http://ko-fi.com/intmainreturn00) ☕️

AwesomeNode

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README