andrewprifer / framer-motion-theatre Goto Github PK
View Code? Open in Web Editor NEWToolset for creating animated React components built on Theatre.js and Framer Motion.
Toolset for creating animated React components built on Theatre.js and Framer Motion.
And think about other name changes while we can.
We are attaching mouse listeners for hover and click directly to the selectionTarget for now, mainly so that we can receive these events even when the gizmo is not active. This wouldn't be necessary if we used a more robust system that'd be aware of hover even when the gizmo becomes active during a hover. Attaching these listeners to the gizmo would allow us to block pointer events to the element so that when the gizmo is active, users can hover over them without activating the regular behavior of the selectionTarget. We can't do this as long as we need pointer events for our own listeners.
framer-motion-theatre/lib/main.tsx
Lines 219 to 222 in 9578ee9
studio="auto"
With start and stop, it doesn't make sense to tie it to the lifetime of the provider anyway. If theatre wants to animate values, the ticker should just run.
Currently we simply have two different entry points, 1 for dev, 1 for prod. Use the define
config property and tree-shaking instead. Have a conditional config we can run twice for each target. This will scale better to when we want to alter things deeper in the import hierarchy anyway, like stripping UI code from createThreeGizmo()
.
https://tsup.egoist.dev/#conditional-config
https://tsup.egoist.dev/#compile-time-environment-variables
https://tsup.egoist.dev/#custom-esbuild-plugin-and-options
If treeshaking is not working, try the treeshake
option which runs Rollup on the output:
https://tsup.egoist.dev/#tree-shaking
This would have the advantages that
Disadvantages:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.