mirrors/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2025-07-08 00:05:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Update the website's roadmap

Browse source
This commit is contained in:
Keavon Chambers 2023-10-27 15:46:50 -07:00
parent 9b034a5194
commit bfb6df3b74
2 changed files with 108 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -34,7 +34,7 @@ We are also in search of artists to create beautiful sample work in Graphite and
By submitting code for inclusion in the project, you are agreeing to license your changes under the Apache 2.0 license, and that you have the authority to do so. Some directories may have other licenses, like dual-licensed MIT/Apache 2.0, and code submissions to those directories mean you agree to the applicable license(s).
## Feature and roadmap
## Features and roadmap
[See the web page for this information.](https://graphite.rs/features/)

204
website/content/features.md
View file

@ -10,7 +10,7 @@ css = ["/features.css"]
# Graphite features
The current version of Graphite provides tools for designing vector art and graphic design in SVG format. It also supports some experimental, rudimentary raster editing that is improving rapidly. This page covers where the project is at and where it's heading next.
The current version of Graphite provides tools for vector art and graphic design conforming to the ubiquitous SVG format. It also supports some experimental, rudimentary raster editing that is improving rapidly. This page covers where the project is at and where it's heading next.
</div>
</section>
@ -21,6 +21,39 @@ The current version of Graphite provides tools for designing vector art and grap
<div class="section">
## Layers & nodes: hybrid compositing<br /><span style="white-space: nowrap; background: var(--color-flamingo); color: white; font-size: 0.5em; padding: 0.2em 0.4em">work-in-progress</span>
Graphite combines the best ideas from multiple categories of digital content creation software to redefine the workflows of 2D graphics editing. It is influenced by the core editing experience of traditional layer-based raster and vector apps, the nondestructive approaches of VFX compositing programs used by film studios, and the boundless creative possibilities of procedural production tools daily-driven by the 3D industry.
Classic layer-based image editing is easy to understand, with collapsable folders that help artists stay organized. A variety of interactive viewport tools make it easy to manipulate the layers by drawing directly onto the canvas. On the other hand, node-based editing is like artist-friendly programming. It works by describing manipulations as steps in a flowchart, which is vastly more powerful but comes with added complexity.
The hybrid workflow of Graphite offers a classic tool-centric, layer-based editing experience built around a procedural, node-based compositor. Users can ignore the node graph, use it exclusively, or switch back and forth with the press of a button while creating content. Interacting with the canvas using tools will manipulate the nodes behind the scenes. And the layer panel and node graph provide two equivalent, interchangeable views of the same document structure.
</div>
<div class="section">
## Raster & vector: sharp at all sizes<br /><span style="white-space: nowrap; background: var(--color-flamingo); color: white; font-size: 0.5em; padding: 0.2em 0.4em">work-in-progress</span>
Digital 2D art commonly takes two forms. Raster artwork is made out of pixels which means it can look like anything imaginable, but it becomes blurry or pixelated when upscaling to a higher resolution. Vector artwork is made out of curved shapes which is perfect for some art styles but limiting to others. The magic of vector is that its mathematically-described curves can be enlarged to any size and remain crisp.
Other apps usually focus on just raster or vector, forcing artists to buy and learn both products. Mixing art styles requires shuttling content back and forth between programs. And since picking a raster document resolution is a one-time deal, artists may choose to start really big, resulting in sluggish editing performance and multi-gigabyte documents.
Graphite reinvents raster rendering so it stays sharp at any scale. Artwork is treated as data, not pixels, and is always redrawn at the current viewing resolution. Zoom the viewport and export images at any size— the document's paint brushes, masks, filters, and effects will all be rendered at the native resolution.
Marrying vector and raster under one roof enables both art forms to complement each other in a cohesive content creation workflow.
</div>
</div>
</section>
<section>
<div class="diptych">
<div class="section">
## Powered by Graphene
**Graphene** is the node graph engine that powers Graphite's compositor and procedural graphics pipeline. It's a visual scripting environment built upon the high-performance Rust programming language. Its runtime is [designed](/blog/distributed-computing-in-the-graphene-runtime/) to distribute rendering across CPU cores, GPUs, and network/cloud machines while optimizing for interactive frame rates.
@ -43,39 +76,6 @@ Always on the bleeding edge and built to last— Graphite is written on a robust
</section>
<section>
<div class="diptych">
<div class="section">
## Layers & nodes: hybrid compositing<br /><span style="white-space: nowrap; background: var(--color-flamingo); color: white; font-size: 0.5em; padding: 0.2em 0.4em">work-in-progress</span>
Graphite combines the best ideas from multiple categories of digital content creation software to redefine the workflows of 2D graphics editing. It is influenced by the core editing experience of traditional layer-based raster and vector apps, the nondestructive approaches of VFX compositing programs used by film studios, and the boundless creative possibilities of procedural production tools daily-driven by the 3D industry.
Classic layer-based image editing is easy to understand, with collapsable folders that help artists stay organized. A variety of interactive viewport tools make it easy to manipulate the layers by drawing directly onto the canvas. On the other hand, node-based editing is like artist-friendly programming. It works by describing manipulations as steps in a flowchart, which is vastly more powerful but comes with added complexity.
The hybrid workflow of Graphite offers a classic tool-centric, layer-based editing experience built around a procedural, node-based compositor. Users can ignore the node graph, use it exclusively, or switch back and forth with the press of a button while creating content. Interacting with the canvas using tools will manipulate the nodes behind the scenes. And the layer panel and node graph provide two equivalent, interchangeable views of the same document structure.
</div>
<div class="section">
## Raster & vector: sharp at all sizes<br /><span style="white-space: nowrap; background: var(--color-flamingo); color: white; font-size: 0.5em; padding: 0.2em 0.4em">1–2 months away</span>
Digital 2D art commonly takes two forms. Raster artwork is made out of pixels which means it can look like anything imaginable, but it becomes blurry or pixelated when upscaling to a higher resolution. Vector artwork is made out of curved shapes which is perfect for some art styles but limiting to others. The magic of vector is that its mathematically-described curves can be enlarged to any size and remain crisp.
Other apps usually focus on just raster or vector, forcing artists to buy and learn both products. Mixing art styles requires shuttling content back and forth between programs. And since picking a raster document resolution is a one-time deal, artists may choose to start really big, resulting in sluggish editing performance and multi-gigabyte documents.
Graphite reinvents raster rendering so it stays sharp at any scale. Artwork is treated as data, not pixels, and is always redrawn at the current viewing resolution. Zoom the viewport and export images at any size— the document's paint brushes, masks, filters, and effects will all be rendered at the native resolution.
Marrying vector and raster under one roof enables both art forms to complement each other in a cohesive content creation workflow.
</div>
</div>
</section>
<section>
<div class="section">
@ -83,6 +83,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
<div class="roadmap">
<div class="informational-group features">
<!-- Pre-Alpha -->
<div class="informational complete heading" title="Development Complete">
<h3>— Pre-Alpha —</h3>
</div>
@ -90,13 +91,15 @@ Marrying vector and raster under one roof enables both art forms to complement e
<img class="atlas" style="--atlas-index: 0" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Editor systems; basic vector art tools</span>
</div>
<!-- Alpha Milestone 1 -->
<div class="informational complete heading" title="Development Complete">
<h3>— Alpha Milestone 1 —</h3>
</div>
<div class="informational complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 1" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Tool upgrades; Graphene prototyping</span>
<span>Better tools; node graph prototyping</span>
</div>
<!-- Alpha Milestone 2 -->
<div class="informational ongoing heading" title="Development Ongoing">
<h3>— Alpha Milestone 2 —</h3>
</div>
@ -109,10 +112,14 @@ Marrying vector and raster under one roof enables both art forms to complement e
<span>WebGPU accelerated rendering</span>
</div>
<div class="informational ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 2" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Layer stack compositing</span>
<img class="atlas" style="--atlas-index: 14" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Resolution-agnostic raster rendering</span>
</div>
<div class="informational ongoing">
<div class="informational ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 2" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Graph-based layer stacks</span>
</div>
<div class="informational ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Graph-based documents</span>
</div>
@ -121,35 +128,28 @@ Marrying vector and raster under one roof enables both art forms to complement e
<span>Node-based layer tree</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 14" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Resolution-agnostic raster rendering</span>
<img class="atlas" style="--atlas-index: 6" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Standalone desktop app</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 19" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Document history system</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 18" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Stable document format</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Custom subgraph document nodes</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Select mode and masking</span>
<!-- Alpha Milestone 3 -->
<div class="informational heading">
<h3>— Alpha Milestone 3 —</h3>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 13" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>New viewport overlays system</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 6" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Self-updating desktop app</span>
<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Select mode and masking</span>
</div>
<div class="informational heading">
<h3>— Alpha Milestone 3 —</h3>
<div class="informational">
<img class="atlas" style="--atlas-index: 29" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Guide mode</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Custom subgraph document nodes</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 8" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
@ -159,21 +159,25 @@ Marrying vector and raster under one roof enables both art forms to complement e
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Spreadsheet-based vector data</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 10" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Editable SVG import</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 12" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Rust-based vector renderer</span>
</div>
<!-- Alpha Milestone 4 -->
<div class="informational heading">
<h3>— Alpha Milestone 4 —</h3>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 20" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>RAW photo import and processing</span>
<span>Imported RAW photo processing</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 10" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Imported SVG file editing</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 15" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Powerful snapping and grid system</span>
<span>Improved snapping and grid system</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
@ -183,29 +187,34 @@ Marrying vector and raster under one roof enables both art forms to complement e
<img class="atlas" style="--atlas-index: 17" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Code editor for custom nodes</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 19" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Document history system</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 18" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Stable document format</span>
</div>
<!-- Beta -->
<div class="informational heading">
<h3>— Beta —</h3>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 21" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Procedural paint brush styling</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 23" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Frozen history references</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 24" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Internationalization and accessability</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 25" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Reconfigurable workspace panels</span>
<img class="atlas" style="--atlas-index: 23" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Frozen-in-time graph references</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 26" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Liquify and non-affine rendering</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 25" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Reconfigurable workspace panels</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 27" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Interactive graph auto-layout</span>
@ -215,8 +224,24 @@ Marrying vector and raster under one roof enables both art forms to complement e
<span>Automation and batch processing</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 29" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Guide mode</span>
<img class="atlas" style="--atlas-index: 34" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>HDR and WCG color handling</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 35" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Node manager and marketplace</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 36" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Predictive graph rendering/caching</span>
</div>
<!-- 1.0 Release -->
<div class="informational heading">
<h3>— 1.0 Release —</h3>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 21" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Procedural paint brush styling</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 30" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
@ -234,18 +259,6 @@ Marrying vector and raster under one roof enables both art forms to complement e
<img class="atlas" style="--atlas-index: 33" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>PDF export</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 34" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>HDR and WCG color handling</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 35" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Node manager and marketplace</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 36" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Predictive graph rendering/caching</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 37" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Distributed graph rendering</span>
@ -266,13 +279,14 @@ Marrying vector and raster under one roof enables both art forms to complement e
<img class="atlas" style="--atlas-index: 41" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Native UI rewrite from HTML frontend</span>
</div>
<div class="informational heading">
<h3>— 1.0 Release —</h3>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 42" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Timeline and renderer for animation</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 48" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>SVG animation</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 43" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Live video compositing</span>
@ -287,11 +301,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 46" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>Portable render engine</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 48" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />
<span>SVG animation</span>
<span>Portable, embeddable render engine</span>
</div>
<div class="informational">
<img class="atlas" style="--atlas-index: 49" src="https://static.graphite.rs/icons/icon-atlas-roadmap.png" alt="" />