Comments (6)
Sure thing. I'll work on that soon-ish 👍
from pixi-react.
I believe this should be up to the developer. PIXI memoizes the elements to render, clears the canvas and redraw the elements back to improve performance.
If you're using the Graphics.draw
prop, you can simply add g.clear()
before you draw another rectangle. See this example: https://codepen.io/inlet/pen/RMLJKm?editors=0011
We could clear the graphics before the prop draw
is called here, but I think this is not what you want as a developer.
from pixi-react.
Closing issue now, please let me know if you think we should reopen it.
from pixi-react.
Yes. I'm using g.clear()
:)
I just think it would be helpful for the user to let them know that.
My point is: If they are not familiar enough with Pixi, they may expect that passing a new prop to the Graphics component, it would just clear the Graphics component "canvas" and write on a blank canvas (You have to explicitly call the method .clear()
in order to have that desired behaviour).
That actually confused me - when it happened to me - until I found out what it was going on.
Again, if that make sense to you, I can create a PR (an update of the docs with the note).
It's not a big deal and it's not part of the library, but it's a good thing to know - at least for newbies.
from pixi-react.
Good point, would be great if you add this to the README. Thanks!
from pixi-react.
Hi @bichotll,
I've added a note to the Graphics
doc, see:
https://reactpixi.org/#/components/graphics
from pixi-react.
Related Issues (20)
- Bug: interactive does not exist HOT 2
- Bug: PixiComponent type issue with Container HOT 2
- Bug: Cannot read properties of undefined (reading 'alternate')
- Bug: PixiComponent type issue with Text
- Feature Request: Please include examples about Custom Components using High Order Components
- Bug: React$1.Component is not a constructor HOT 1
- Bug: BitmapText style not changing when `style` prop changes
- Bug: issues with interactivity if you never import pixi.js HOT 1
- Feature Request: Add documentation for event handling
- [Feature Request] Add HTMLText Component
- Bug: Component and child components not being destroyed on unmount by default
- Bug: Peer Dependency of pixi.js breaks any app <7.2 HOT 3
- Bug: `__REACT_PIXI_REQUEST_RENDER__` event is not emitted when expected HOT 1
- Bug: Error message is too long.
- Bug: TypeError: Cannot read properties of null (reading 'stage')
- Bug: unable to see "Hello world" text from readme example? HOT 2
- Bug: ReferenceError: Worker is not defined HOT 5
- Feature Request: PIXI v8 support HOT 6
- Bug: Events don't seem to work at all. HOT 1
- Bug: How to mask sprites with sprites in pixi-react? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pixi-react.