Adding new gui to Sketch3d
This commit is contained in:
parent
8eae09591d
commit
e0f92b32dc
6 changed files with 134 additions and 10 deletions
|
|
@ -292,6 +292,7 @@ namespace tp {
|
||||||
Vec2<Type> operator-(Type val) const { return Vec2<Type>(x - val, y - val); }
|
Vec2<Type> operator-(Type val) const { return Vec2<Type>(x - val, y - val); }
|
||||||
Vec2<Type> operator*(Type val) const { return Vec2<Type>(x * val, y * val); }
|
Vec2<Type> operator*(Type val) const { return Vec2<Type>(x * val, y * val); }
|
||||||
Vec2<Type> operator/(Type val) const { return Vec2<Type>(x / val, y / val); }
|
Vec2<Type> operator/(Type val) const { return Vec2<Type>(x / val, y / val); }
|
||||||
|
Vec2<Type> operator/(Vec2<Type> val) const { return Vec2<Type>(x / val.x, y / val.y); }
|
||||||
|
|
||||||
// write
|
// write
|
||||||
void operator-=(Type val) {
|
void operator-=(Type val) {
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@ void runApp() {
|
||||||
auto window = tp::Window::createWindow(800, 600, "Window 1");
|
auto window = tp::Window::createWindow(800, 600, "Window 1");
|
||||||
|
|
||||||
{
|
{
|
||||||
tp::Sketch3DWidget<tp::Window::Events, tp::Graphics::Canvas> gui(window->getCanvas(), {1800, 1000});
|
tp::Sketch3DGUI<tp::Window::Events, tp::Graphics::Canvas> gui(window->getCanvas(), {1920, 1080});
|
||||||
|
|
||||||
if (window) {
|
if (window) {
|
||||||
while (!window->shouldClose()) {
|
while (!window->shouldClose()) {
|
||||||
|
|
@ -47,5 +47,7 @@ int main() {
|
||||||
|
|
||||||
runApp();
|
runApp();
|
||||||
|
|
||||||
|
// FIXME : leaks in stacktrace itself
|
||||||
|
|
||||||
binModule.deinitialize();
|
binModule.deinitialize();
|
||||||
}
|
}
|
||||||
|
|
@ -115,16 +115,16 @@ namespace tp {
|
||||||
class Brush {
|
class Brush {
|
||||||
public:
|
public:
|
||||||
String mType = "equal";
|
String mType = "equal";
|
||||||
Brush() {}
|
Brush() = default;
|
||||||
virtual void sample(Project* proj, Vec2F crs, halnf pressure) {}
|
virtual void sample(Project* proj, Vec2F crs, halnf pressure) {}
|
||||||
virtual void draw(Renderer* render, const Camera* camera) {}
|
virtual void draw(Renderer* render, const Camera* camera) {}
|
||||||
virtual ~Brush() {}
|
virtual ~Brush() = default;
|
||||||
};
|
};
|
||||||
|
|
||||||
class PencilBrush : public Brush {
|
class PencilBrush : public Brush {
|
||||||
public:
|
public:
|
||||||
PencilBrush();
|
PencilBrush();
|
||||||
virtual ~PencilBrush();
|
~PencilBrush() override;
|
||||||
|
|
||||||
virtual void sample(Project* proj, Vec2F crs, halnf pressure) override;
|
virtual void sample(Project* proj, Vec2F crs, halnf pressure) override;
|
||||||
virtual void draw(Renderer* render, const Camera* camera) override;
|
virtual void draw(Renderer* render, const Camera* camera) override;
|
||||||
|
|
@ -147,14 +147,14 @@ namespace tp {
|
||||||
|
|
||||||
halni mMaxPoints = 100;
|
halni mMaxPoints = 100;
|
||||||
|
|
||||||
Stroke* mStroke = NULL;
|
Stroke* mStroke = nullptr;
|
||||||
Stroke mTempDisplayStroke;
|
Stroke mTempDisplayStroke;
|
||||||
};
|
};
|
||||||
|
|
||||||
struct EraserBrush : public Brush {
|
struct EraserBrush : public Brush {
|
||||||
EraserBrush() { mType = "eraser"; }
|
EraserBrush() { mType = "eraser"; }
|
||||||
virtual void sample(Project* proj, Vec2F crs, halnf pressure) override {}
|
void sample(Project* proj, Vec2F crs, halnf pressure) override {}
|
||||||
virtual void draw(Renderer* render, const Camera* camera) override {}
|
void draw(Renderer* render, const Camera* camera) override {}
|
||||||
virtual ~EraserBrush() {}
|
~EraserBrush() override = default;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
@ -12,6 +12,8 @@ namespace tp {
|
||||||
mRenderer(renderResolution) {
|
mRenderer(renderResolution) {
|
||||||
mImage = canvas.createImageFromTextId(mRenderer.getBuff()->texId(), mRenderer.getBuff()->getSize());
|
mImage = canvas.createImageFromTextId(mRenderer.getBuff()->texId(), mRenderer.getBuff()->getSize());
|
||||||
mCanvas = &canvas;
|
mCanvas = &canvas;
|
||||||
|
|
||||||
|
mProject.mBackgroundColor = { 0.13f, 0.13f, 0.13f, 1.f };
|
||||||
}
|
}
|
||||||
|
|
||||||
~Sketch3DWidget() {
|
~Sketch3DWidget() {
|
||||||
|
|
@ -33,9 +35,41 @@ namespace tp {
|
||||||
crs.y /= this->mArea.w;
|
crs.y /= this->mArea.w;
|
||||||
crs = (crs - 0.5) * 2;
|
crs = (crs - 0.5) * 2;
|
||||||
|
|
||||||
mProject.sample(events.pressure, this->mArea.w / this->mArea.z, crs);
|
// TODO : make better api for events
|
||||||
|
Vec2F absolutePos = events.getPos() - this->mArea.pos;
|
||||||
|
|
||||||
// mProject.setBackGroundColor();
|
if (events.isPressed()) {
|
||||||
|
mAction = true;
|
||||||
|
} else if (events.isReleased()) {
|
||||||
|
mAction = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
Vec2F relativePos = ((absolutePos / this->mArea.size) - 0.5f) * 2.f;
|
||||||
|
Vec2F relativePosPrev = ((mActionPosAbsolutePrev / this->mArea.size) - 0.5f) * 2.f;
|
||||||
|
Vec2F relativeDelta = relativePos - relativePosPrev;
|
||||||
|
|
||||||
|
switch (mMode) {
|
||||||
|
case Mode::MOVE: {
|
||||||
|
if (mAction) mProject.mCamera.move(relativePos, relativePosPrev);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case Mode::ZOOM: {
|
||||||
|
halnf factor = absolutePos.y / mActionPosAbsolutePrev.y;
|
||||||
|
if (mAction) mProject.mCamera.zoom(factor);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case Mode::ROTATE: {
|
||||||
|
if (mAction) mProject.mCamera.rotate(-relativeDelta.x * halnf(PI), -relativeDelta.y * halnf(PI));
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case Mode::DRAW: {
|
||||||
|
mProject.sample(events.pressure, this->mArea.w / this->mArea.z, crs);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
default: break;
|
||||||
|
}
|
||||||
|
|
||||||
|
mActionPosAbsolutePrev = absolutePos;
|
||||||
}
|
}
|
||||||
|
|
||||||
void draw(Canvas& canvas) override {
|
void draw(Canvas& canvas) override {
|
||||||
|
|
@ -44,10 +78,79 @@ namespace tp {
|
||||||
canvas.drawImage(this->mArea, &mImage, 0, 1, 12);
|
canvas.drawImage(this->mArea, &mImage, 0, 1, 12);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public:
|
||||||
|
enum class Mode {
|
||||||
|
MOVE, ROTATE, ZOOM, DRAW, NONE
|
||||||
|
} mMode = Mode::NONE;
|
||||||
|
|
||||||
|
Vec2F mActionPosAbsolutePrev = { 0, 0 };
|
||||||
|
bool mAction = false;
|
||||||
|
|
||||||
private:
|
private:
|
||||||
Renderer mRenderer;
|
Renderer mRenderer;
|
||||||
Project mProject;
|
Project mProject;
|
||||||
Canvas::ImageHandle mImage;
|
Canvas::ImageHandle mImage;
|
||||||
Canvas* mCanvas = nullptr;
|
Canvas* mCanvas = nullptr;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
template <typename Events, typename Canvas>
|
||||||
|
class Sketch3DGUI : public Widget<Events, Canvas> {
|
||||||
|
public:
|
||||||
|
Sketch3DGUI(Canvas& canvas, Vec2F renderResolution) : mViewport(canvas, renderResolution) {
|
||||||
|
this->createConfig("Sketch3D");
|
||||||
|
|
||||||
|
this->addColor("Background", "Background");
|
||||||
|
this->addValue("Rounding", "Rounding");
|
||||||
|
|
||||||
|
mDrawButton = new ButtonWidget<Events, Canvas>("Draw", { 0, 0, 100, 30 });
|
||||||
|
mMoveButton = new ButtonWidget<Events, Canvas>("Pan View", { 0, 0, 100, 30 });
|
||||||
|
mRotateButton = new ButtonWidget<Events, Canvas>("Rotate view", { 0, 0, 100, 30 });
|
||||||
|
mZoomButton = new ButtonWidget<Events, Canvas>("Zoom view", { 0, 0, 100, 30 });
|
||||||
|
|
||||||
|
mOptions.mContents.append(mDrawButton);
|
||||||
|
mOptions.mContents.append(mMoveButton);
|
||||||
|
mOptions.mContents.append(mRotateButton);
|
||||||
|
mOptions.mContents.append(mZoomButton);
|
||||||
|
}
|
||||||
|
|
||||||
|
void proc(const Events& events, const RectF& areaParent, const RectF& area) override {
|
||||||
|
this->mArea = area;
|
||||||
|
this->mVisible = area.isOverlap(areaParent);
|
||||||
|
if (!this->mVisible) return;
|
||||||
|
|
||||||
|
mSplitView.proc(events, this->mArea, this->mArea);
|
||||||
|
mViewport.proc(events, this->mArea, mSplitView.getFirst());
|
||||||
|
mOptions.proc(events, this->mArea, mSplitView.getSecond());
|
||||||
|
|
||||||
|
if (mDrawButton->mIsPressed) {
|
||||||
|
mViewport.mMode = Sketch3DWidget<Events, Canvas>::Mode::DRAW;
|
||||||
|
} else if (mMoveButton->mIsPressed) {
|
||||||
|
mViewport.mMode = Sketch3DWidget<Events, Canvas>::Mode::MOVE;
|
||||||
|
} else if (mRotateButton->mIsPressed) {
|
||||||
|
mViewport.mMode = Sketch3DWidget<Events, Canvas>::Mode::ROTATE;
|
||||||
|
} else if (mZoomButton->mIsPressed) {
|
||||||
|
mViewport.mMode = Sketch3DWidget<Events, Canvas>::Mode::ZOOM;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void draw(Canvas& canvas) override {
|
||||||
|
if (!this->mVisible) return;
|
||||||
|
|
||||||
|
canvas.rect(this->mArea, this->getColor("Background"), this->getValue("Rounding"));
|
||||||
|
|
||||||
|
mSplitView.draw(canvas);
|
||||||
|
mViewport.draw(canvas);
|
||||||
|
mOptions.draw(canvas);
|
||||||
|
}
|
||||||
|
|
||||||
|
private:
|
||||||
|
Sketch3DWidget<Events, Canvas> mViewport;
|
||||||
|
SplitView<Events, Canvas> mSplitView;
|
||||||
|
ScrollableWindow<Events, Canvas> mOptions;
|
||||||
|
|
||||||
|
ButtonWidget<Events, Canvas>* mDrawButton = nullptr;
|
||||||
|
ButtonWidget<Events, Canvas>* mMoveButton = nullptr;
|
||||||
|
ButtonWidget<Events, Canvas>* mRotateButton = nullptr;
|
||||||
|
ButtonWidget<Events, Canvas>* mZoomButton = nullptr;
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
@ -8,6 +8,18 @@ namespace tp {
|
||||||
class ButtonWidget : public Widget<Events, Canvas> {
|
class ButtonWidget : public Widget<Events, Canvas> {
|
||||||
public:
|
public:
|
||||||
ButtonWidget() {
|
ButtonWidget() {
|
||||||
|
this->mArea = { 0, 0, 100, 100 };
|
||||||
|
this->createConfig("Button");
|
||||||
|
this->addColor("Pressed", "Action");
|
||||||
|
this->addColor("Hovered", "Interaction");
|
||||||
|
this->addColor("Default", "Accent");
|
||||||
|
this->addValue("Rounding", "Rounding");
|
||||||
|
}
|
||||||
|
|
||||||
|
ButtonWidget(const String& label, const tp::RectF& aArea) {
|
||||||
|
this->mArea = aArea;
|
||||||
|
this->mLabel.mLabel = label;
|
||||||
|
|
||||||
this->createConfig("Button");
|
this->createConfig("Button");
|
||||||
this->addColor("Pressed", "Action");
|
this->addColor("Pressed", "Action");
|
||||||
this->addColor("Hovered", "Interaction");
|
this->addColor("Hovered", "Interaction");
|
||||||
|
|
|
||||||
|
|
@ -132,6 +132,12 @@ namespace tp {
|
||||||
this->addValue("Padding", "Padding");
|
this->addValue("Padding", "Padding");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
~ScrollableWindow() {
|
||||||
|
for (auto content : mContents) {
|
||||||
|
delete content.data();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// takes whole area
|
// takes whole area
|
||||||
void proc(const Events& events, const tp::RectF& areaParent, const tp::RectF& aArea) override {
|
void proc(const Events& events, const tp::RectF& areaParent, const tp::RectF& aArea) override {
|
||||||
this->mArea = aArea;
|
this->mArea = aArea;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue