TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Rive Renderer for real-time vector graphics is now open source

432 pointsby rrampageabout 1 year ago

28 comments

dijitabout 1 year ago
Man, I was literally at their booth in GDC 25 minutes ago.<p>Truthfully the program they have looks fantastic at empowering UI&#x2F;UX designers to do more with games.<p>I&#x27;m not sure if everyone is aware, but the normal flow is that a UI&#x2F;UX designer will spend days in Figma; give the output to a programmer and the programmer will (often) say that it&#x27;s impossible to implement for X,Y reason.<p>What follows is a back and forth between the programmer and the designer until eventually a design exists that can be implemented.<p>This is compounded by the fact that there&#x27;s no <i>good</i> UI framework in Unreal engine, at least not for AAA games.<p>So, while I have not done a feasibility test yet, the workflow of this tool is definitely the best I&#x27;ve seen and seems to integrate seamlessly with Unreal Engine and blueprints.<p>I&#x27;m personally really excited, because with this it&#x27;s possible for a UI&#x2F;UX designer to work without the aid of a programmer.<p>(also, game programmers tend to hate doing UI).
评论 #39778144 未加载
评论 #39780989 未加载
评论 #39785436 未加载
zengidabout 1 year ago
There&#x27;s a lot of active research around rendering 2-d vector graphics with GPU tessellation (Raph Levien&#x27;s work for instance), so this is pretty cool that they&#x27;re shipping a product with this technique.<p>I&#x27;ve never used Rive so I&#x27;m wondering if its strictly for making cool animations or if it can be used for building dynamic UI&#x27;s (the kind that you might use an immediate mode gui lib for)?
评论 #39768500 未加载
评论 #39770572 未加载
javajoshabout 1 year ago
Didn&#x27;t we already do this experiment with Flash? Macromedia&#x2F;Adobe made the player free, and charged for tools. In the same way, it seems that Rive wants to open source the player and then charge for the editor. Maybe its a bit different since Rive seems targeted at game devs using other platforms like Unity and Unreal - presumably to embed things like cinematics? But then of course you have this (OSS) player, which implies Rive <i>also</i> wants to own the whole experience. Hence the reference to Flash.<p>It&#x27;s not really my area, but best of luck to you!
评论 #39768202 未加载
评论 #39768085 未加载
评论 #39768378 未加载
评论 #39768947 未加载
satvikpendemabout 1 year ago
I&#x27;ve been looking forward to this ever since they announced it. Previously they used Skia and their entire app is (and rendering output was) built with Flutter. Now Flutter has a new rendering engine via Impeller which is more optimized than Skia for Flutter specific challenges.<p>When I asked the Impeller team before what they thought of the Rive renderer, they said that it is great for vector graphics but Impeller needs to also deal with all of the UI related rendering challenges like displaying text properly, so they&#x27;re not a one to one comparison. Hopefully with this renderer being open source now, both teams can learn from each other.
评论 #39769629 未加载
toddmoreyabout 1 year ago
So I love Rive—the product and the company. And I love open source.<p>But this is an MIT license for Rive&#x27;s rendering abstraction layer, a subset of the Rive runtime that requires the Rive Editor to build content for.<p>I&#x27;m just curious about the goals for open sourcing this and what your hope and plan is for the larger community you&#x27;d like to build around it. Can you think of perhaps another project that would benefit from adopting just the renderer? Thanks!
评论 #39772490 未加载
评论 #39773465 未加载
评论 #39770699 未加载
评论 #39771120 未加载
评论 #39776218 未加载
zogrodeaabout 1 year ago
This looks extremely cool and I&#x27;m excited to use it in my own personal hobby projects.<p>It looks like the somewhat standardised Cairo&#x2F;Skia&#x2F;canvas&#x2F;NanoVG API (moveTo, lineTo, etc.) is provided so should hopefully take not much effort to learn, I&#x27;m hoping.<p>(I do see lineTo here at the very least. <a href="https:&#x2F;&#x2F;github.com&#x2F;rive-app&#x2F;rive-renderer&#x2F;blob&#x2F;main&#x2F;renderer&#x2F;pls_path.hpp">https:&#x2F;&#x2F;github.com&#x2F;rive-app&#x2F;rive-renderer&#x2F;blob&#x2F;main&#x2F;renderer...</a> )
zozbot234about 1 year ago
How does the rendering performance of this compare to something like Skia or Pathfinder? Note that the latter can also optionally do the paths-to-triangles conversion step using GPU compute, if the hardware supports that. There&#x27;s also Vello for a more comprehensive compute-based approach to 2D rendering.
评论 #39769550 未加载
评论 #39768793 未加载
评论 #39768515 未加载
评论 #39768827 未加载
cojoabout 1 year ago
This is really exciting to see for me personally.<p>I&#x27;ve been pushing over the past six months or so for multiple clients, from healthcare companies with basic mobile apps to deep gaming companies &#x2F; products, to adopt Rive over Lottie and other past solutions, as I think it&#x27;s finally hit its stride and is &quot;ready-for-adoption&quot;.<p>This was the last piece that came up in some of those discussions as a potential concern (latest renderer being &quot;closed source&quot; &#x2F; not quite final).<p>Really excited to see this problem space continue to improve thanks to this decision and the work the Rive team is doing in general (drop shadows, blur, etc. are all going to be very exciting as they ship)!
评论 #39786444 未加载
rrampageabout 1 year ago
Repo: <a href="https:&#x2F;&#x2F;github.com&#x2F;rive-app&#x2F;rive-renderer">https:&#x2F;&#x2F;github.com&#x2F;rive-app&#x2F;rive-renderer</a>
评论 #39769283 未加载
devitabout 1 year ago
This problem seems to create a continuous stream of software attempting to solve it with no definitive solution.<p>It&#x27;s kind of strange, because there is a single objectively correct rendering for any vector graphics scene given a pixel sampling function and colorspace metric (the one where each output pixel&#x27;s value is the closest representable color to the convolution of that function with the scene, expressed as a function from R^2 to R and a linear color scheme respectively), and it seems like it would be achievable with GPU compute and some care with error bounds on either curve tessellation or numerical computation of the exact symbolic integrals of curves.<p>And it also seems easy to make such a solution have a tunable level of approximation to have faster rendering.
评论 #39772273 未加载
评论 #39771779 未加载
Solvencyabout 1 year ago
It&#x27;s so insane they don&#x27;t offer any way to export movie files. The animation IDE is decent. Nowhere near as good as Flash was. But at least let me animate in it and export movie files.<p>It&#x27;s hilarious how so much new tech is just barely scratching the surface of what Flash offered in terms of a creative production tool. Every passive consumer fixates on Flash the plug-in and has no idea how incredible the tool was.
评论 #39769505 未加载
terabytestabout 1 year ago
How feasible is it to build web games with this? I’d like to build something with this treating it like you would Pixi.js, it looks to me like it’d be as performant if not better but with the amazing advantage of having a vector asset pipeline built into the system. Using vector graphics with Pixi, especially when rendering in a web worker, is a pain in the ass.
评论 #39772983 未加载
screwregabout 1 year ago
Any chance of publishing the algorighm details? The main header (pls.hpp) mentions some links to private google docs.
评论 #39769816 未加载
rcarmoabout 1 year ago
I like this a lot, but it represents a turning away from desktop technology (as in having a native editor as a desktop app) that just makes me say “no”.
评论 #39772407 未加载
评论 #39770783 未加载
评论 #39772929 未加载
mfabbri77about 1 year ago
Is there technical documentation to understand the method behind the engine? because at first sight it seems like the classic &quot;path flattening to polygon and then triangulation&quot; that has been used for 20+ years (at Mazatech our first AmanithVG on OpenGL used that technique) but I&#x27;m sure there is more than that on Rive renderer ...to be recognized as a such powerful engine.
GlacierFoxabout 1 year ago
So does this mean someome can create a free editor I can use for basic animation that I don&#x27;t have to pay $25 for the rest of my life to use?<p>Edit* $39 per month if you don&#x27;t pay for an entire year in one go. Wtf haha, anyone actually paying this for basic solo-dev work?
评论 #39770286 未加载
评论 #39771387 未加载
评论 #39770395 未加载
mattdeslabout 1 year ago
Happy to see this!<p>Would love to see somebody try to re-implement some limited Canvas2D API but using Rive Renderer as a backend. Would likely be faster and more flexible in some ways (e.g. I&#x27;ve found that Canvas2D clipping is not anti-aliased in some browsers).
jokethrowawayabout 1 year ago
That&#x27;s exciting! Congrats on the release.<p>I didn&#x27;t know about rive but it looks like a better framer &#x2F; lottie.<p>Especially with an OSS renderer with an eye to performance.<p>I tried out the bevy integration (definitely the best implementation of ECS, anywhere) and there&#x27;s a working (still unmerged) fork but it&#x27;s still using vello.<p>Looking forward to see more!
rubymamisabout 1 year ago
How does this renderer compare to Qt Quick&#x27;s renderer (if it&#x27;s at all a fair comparison)?
ddxvabout 1 year ago
Is the idea to supplant lottie?
评论 #39767934 未加载
评论 #39767924 未加载
评论 #39770486 未加载
classifiedabout 1 year ago
Is it significant that the renderer is open-source when you need their paid products to create content for it?
71a54xdabout 1 year ago
But can I export video assets with this!? That&#x27;s my question - I&#x27;ve had to resort to WebGL for a lot of this so far.
junonabout 1 year ago
Wow. And MIT license. This is crazy impressive.
评论 #39770184 未加载
ImHereToVoteabout 1 year ago
Impressive. Would this work with OpenGL ES 3.0?
评论 #39768073 未加载
sizzzzlerzabout 1 year ago
Does anybody know what that figure on the home page is called? It’s sort of like a Lissajous plot but with extra wiggles.
botanicalabout 1 year ago
Is there no Linux support for the editor? I only see libraries for various platforms.
frabertabout 1 year ago
&gt; It isn’t hyperbolic to say what you can do with Rive is about to change in an earth-shattering way.<p>Actually, I think this is exactly what &quot;hyperbolic&quot; means
评论 #39768049 未加载
评论 #39768938 未加载
评论 #39769525 未加载
评论 #39768303 未加载
egypturnashabout 1 year ago
Looks kinda interesting but I am not gonna touch anything that thinks an acceptable set of drawing tools is &quot;pen and a couple of basic shapes&quot;, I quit pulling out every single point by hand in Illustrator a decade ago and my art <i>and</i> my job satisfaction has been much better for it. Finding the right settings for Illustrator&#x27;s pencil tool (the defaults are absolutely useless) sped up my work by at <i>least</i> one order of magnitude.<p>Using the pen tool for all your shapes is about as efficient as using Photoshop&#x27;s pencil tool to set every pixel yourself, or writing your entire app in assembly.
评论 #39769323 未加载
评论 #39768035 未加载
评论 #39768225 未加载
评论 #39768313 未加载