Boxy SVG
Inkscape
Vectr
Affinity Designer
Sketch
Adobe Illustrator CC
Vectornator
Gravit Designer
Pixi.js
Anime.js
p5.js
D3.js
Three.js
Paper.js
Substance
Glottologist
Boxy SVG Pixi.jsBased on our record, Boxy SVG should be more popular than Pixi.js. It has been mentiond 16 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
You might also find Boxy SVG useful as it has built-in support for symbol-based icon sprites: https://boxy-svg.com/#demo-symbols. - Source: Hacker News / about 2 months ago
I shelled out $10 for BoxySVG a couple of years ago on Mac and it's been a solid little tool. https://boxy-svg.com/. - Source: Hacker News / about 2 months ago
There is also Boxy SVG (https://boxy-svg.com) which combines both designer and developer oriented functionality and uses SVG as its native file format. Unlike Illustrator/Sketch/Inkscape it can also create and manipulate SVG animation elements (https://boxy-svg.com/blog/21) - a very powerful feature which is now supported by all major browsers. - Source: Hacker News / 6 months ago
What I did for my instance (aipub.social) was I took the original logo file from github (https://github.com/mastodon/mastodon/tree/main/app/javascript/images) which is "logo-symbol-wordmark.svg" and pasted the SVG url into this online SVG editor, https://boxy-svg.com/ that allowed me to edit the existing one to my liking, in my case I just wanted to change "Mastodon" to "AIpub". This keeps it the same file... Source: 12 months ago
Thanks!! Agree 100% re the edges. I've actually tried that and failed to make it look nice. I'm very new to this and I only have Inkscape & BoxySVG, since I use a Chromebook which doesn't work with Illustrator. I'll keep trying, though, as I fully agree with the concept. Source: over 1 year ago
If you're into video game dev, then PixiJS is something you need to know about. It's a HTML5 game engine that provides a lightweight 2D library across all devices. This latest update has a new package structure, custom builds, graphics API overhaul, and lots more. You can read about all these changes in the PixiJS Migration Guide. Also big congrats to PixiJS for being part of the open source community for ten... - Source: dev.to / 2 months ago
I would need a renderer to display the graphics of my calculations on the "backend". After some research I think pixijs which is written in TS could be a great tool. Source: about 1 year ago
And if that seems to up your alley you could look into Javascript game/renderer frameworks. They have 2D engines like https://github.com/photonstorm/phaser or https://github.com/pixijs/pixijs . Or my personal choice A-Frame which is a 3D, AR and VR engine (XR) https://github.com/aframevr/ . Source: over 1 year ago
This has a high risk of being confused with pixi.js: https://github.com/pixijs/pixijs. - Source: Hacker News / almost 3 years ago
WebGL, I hear, has a similar API to OpenGL. (Also, WebGPU is coming at some point.) Or, you could use a thin library that handles the WebGL drawing of sprites for you. I prefer that option over using a full game engine: I find it's better to only include dependencies when they become necessary. I recently tried a web rendering library called PixiJS, and it seemed like a pretty clean and nice-sized API, and... Source: almost 3 years ago
Inkscape - Inkscape is a free, open source professional vector graphics editor for Windows, Mac OS X and Linux.
Anime.js - Lightweight JavaScript animation library
Vectr - Free vector graphics editor. A simple yet powerful web and desktop cross-platform tool for everyone.
p5.js - JS library for creating graphic and interactive experiences
Affinity Designer - Professional creative software, exclusively for Mac.
D3.js - D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.