Ming Iu

  • Content count

  • Joined

  • Last visited

About Ming Iu

  • Rank

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. You could also create the gradient as a separate object, and then you can mask it out with a polygon. Here's an example. In that example, I'm using a vector drawing for the gradient, but since gradients don't become blurry when resized, you could probably use a sprite for that as well. I'm not sure if masks have good performance, but if you just need a few of them, then it's probably fine.
  2. Ming Iu

    Accelerated Vector Graphics Plugin for Pixi.js

    Yeah, I always have a hard time using pure JavaScript for large scale projects. I became addicted to all the advanced browsing and refactoring tools of Smalltalk and Eclipse that I feel lost without them when doing JavaScript coding. Note to others: the plugin is written in JavaScript. I use GWT for other projects. Good advice! I wasn't too familiar with the Pixi architecture when I started, and what you say makes sense. I'll try to make those changes soon. Thanks! I'll pass on joining the PixiJS slack for now because I'm generally bad at following Slack/Twitter/FB/etc conversations, so I don't think I'll be of much value there.
  3. I've created a new plugin for Pixi.js for rendering vector art called the pixi-omber-gltf2-vector plugin. To use it, you first export your vector art as 3d meshes in glTF 2.0 format. The plugin can then quickly render those meshes on-screen using WebGL. It has a number of advantages: Vector art results in smaller file sizes for large assets that makes use of transparency. I hope to later add support Draco mesh compression, which should make vector art competitive even for smaller-sized art. You can render on high resolution displays with no loss of detail You don't need to deal with making sure art assets fit within a multiple of 2 texture size or anything. Make your art any size and scale it to what you need This isn't your parent's vector graphics either: It's optimized for rendering using modern 3d graphics hardware. Everything ends up as 3d meshes that can be blasted to the screen quickly You can make use of advanced gradient features that let you make better looking art with more natural shading. You aren't limited to flat shading or boring linear gradients. Let me know what you think!