mirror of
https://github.com/thorvg/thorvg.git
synced 2025-06-15 04:24:28 +00:00
94eabc609c
[issues 1479: LinearGradient](thorvg#1479) In order to build you need third party libraries. Before you start please read this: [LearnWebGPU](https://eliemichel.github.io/LearnWebGPU/getting-started/hello-webgpu.html) Usage example: // init glfw glfwInit(); // create a windowed mode window and its opengl context glfwWindowHint(GLFW_CLIENT_API, GLFW_NO_API); GLFWwindow* window = glfwCreateWindow(800, 800, "WebGPU base app", nullptr, nullptr); // get window size int width{}, height{}; glfwGetWindowSize(window, &width, &height); // init engine webgpu tvg::Initializer::init(tvg::CanvasEngine::Wg, 0); // create wg canvas auto canvasWg = tvg::WgCanvas::gen(); canvas_wg->target(glfwGetWin32Window(window), width, height); // gradient color stops tvg::Fill::ColorStop colorStops[2]; colorStops[0] = {0, 0, 0, 0, 255}; colorStops[1] = {1, 255, 255, 255, 255}; // linear gradient auto fill = tvg::LinearGradient::gen(); fill->linear(0, 0, 400, 400); fill->colorStops(colorStops, 2); // prepare rectangle auto shape1 = tvg::Shape::gen(); shape1->appendRect(0, 0, 400, 400); //x, y, w, h shape1->fill(std::move(fill)); canvas_wg->push(std::move(shape1)); // gradient color stops tvg::Fill::ColorStop colorStops2[3]; colorStops2[0] = { 0, 255, 0, 0, 255 }; colorStops2[1] = { 0.5, 255, 255, 0, 255 }; colorStops2[2] = { 1, 255, 255, 255, 255 }; // linear gradient auto fill2 = tvg::LinearGradient::gen(); fill2->linear(400, 200, 400, 600); fill2->colorStops(colorStops2, 3); // prepare circle auto shape2 = tvg::Shape::gen(); shape2->appendCircle(400, 400, 200, 200); //cx, cy, radiusW, radiusH shape2->fill(std::move(fill2)); canvas_wg->push(std::move(shape2)); // gradient color stops tvg::Fill::ColorStop colorStops3[4]; colorStops3[0] = { 0, 0, 127, 0, 127 }; colorStops3[1] = { 0.25, 0, 170, 170, 170 }; colorStops3[2] = { 0.5, 200, 0, 200, 200 }; colorStops3[3] = { 1, 255, 255, 255, 255 }; // linear gradient auto fill3 = tvg::LinearGradient::gen(); fill3->linear(450, 600, 750, 600); fill3->colorStops(colorStops3, 4); // prepare ellipse auto shape3 = tvg::Shape::gen(); shape3->appendCircle(600, 600, 150, 100); //cx, cy, radiusW, radiusH shape3->fill(std::move(fill3)); canvas_wg->push(std::move(shape3)); while (!glfwWindowShouldClose(window)) { // webgpu canvas_wg->draw(); canvas_wg->sync(); // pull events glfwPollEvents(); } // terminate engine and window tvg::Initializer::term(tvg::CanvasEngine::Wg); glfwDestroyWindow(window); glfwTerminate();
61 lines
2.2 KiB
C++
61 lines
2.2 KiB
C++
/*
|
|
* Copyright (c) 2023 the ThorVG project. All rights reserved.
|
|
|
|
* 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.
|
|
*/
|
|
|
|
#ifndef _TVG_WG_PIPELINE_LINEAR_H_
|
|
#define _TVG_WG_PIPELINE_LINEAR_H_
|
|
|
|
#include "tvgWgPipelineBase.h"
|
|
|
|
class WgPipelineLinear;
|
|
|
|
#define MAX_LINEAR_GRADIENT_STOPS 4
|
|
struct WgPipelineLinearGradientInfo {
|
|
alignas(16) float nStops[4]{};
|
|
alignas(16) float startPos[2]{};
|
|
alignas(8) float endPos[2]{};
|
|
alignas(8) float stopPoints[MAX_LINEAR_GRADIENT_STOPS]{};
|
|
alignas(16) float stopColors[4 * MAX_LINEAR_GRADIENT_STOPS]{};
|
|
};
|
|
|
|
struct WgPipelineDataLinear: WgPipelineData {
|
|
WgPipelineLinearGradientInfo uGradientInfo{}; // @binding(1)
|
|
|
|
void updateGradient(LinearGradient* linearGradient);
|
|
};
|
|
|
|
class WgPipelineBindGroupLinear: public WgPipelineBindGroup {
|
|
private:
|
|
WGPUBuffer uBufferGradientInfo{}; // @binding(1)
|
|
public:
|
|
void initialize(WGPUDevice device, WgPipelineLinear& pipelinePipelineLinear);
|
|
void release();
|
|
|
|
void update(WGPUQueue mQueue, WgPipelineDataLinear& pipelineDataLinear);
|
|
};
|
|
|
|
class WgPipelineLinear: public WgPipelineBase {
|
|
public:
|
|
void initialize(WGPUDevice device) override;
|
|
void release() override;
|
|
};
|
|
|
|
#endif //_TVG_WG_PIPELINE_LINEAR_H_
|