Comments (1)
Hey, thanks for sharing your projects! Always love to see what people are making with Custom Elements. :)
If you can make Adapter
be a mixin function, then later once Lume has CSS for 3D content, Adapter
could be one way people style the elements (they could apply it to any existing element classes). F.e.:
import {Mesh} from 'lume'
import {Adapter} from '@devcapsule/adapter'
class StyledMesh extends Adapter(Mesh) {}
StyledMesh.classStyle('foo', `
--material: phong;
--material-color: skyblue;
--texture: url(wood.jpg);
--size-x: 20;
--size-y: 30;
--size-z: 40;
--scale-x: 1;
--scale-y: 1;
--scale-z: 1;
/*etc*/
transition: --scale-x 1s ease, --scale-y 1s ease, --scale-z 1s ease;
`)
Here's how a mixin can be made including the type definition:
Line 14 in c86ca70
I'll close this as it is not an issue, but let's keep discussing! Also the forum is great for this type of conversation: https://lume.community (although people have preferred the Discord server, but if you do post in the Forums I'll see it and be happy to chat there too)
from lume.
Related Issues (20)
- More lume-line instance attributes HOT 4
- improve InstancedMesh so that it grows buffers directly instead of replacing THREE.InstancedMesh HOT 2
- Great Lume~ Is it support in Electron app (Windows/macOS)? HOT 2
- HTML elements for 3D positional audio
- eliminate getters/setters, use 100% reactivity with signals and effects HOT 1
- Ensure Three.js origin aligns with the Lume origin (top/left of viewport by default) HOT 1
- Bring trusktr/yet-to-be-named-game-engine into LumeCraft and update it to use latest Lume
- Error in NASA Astrobee Robot example in Android device with destop view enabled. HOT 2
- particle cloud element
- improve caching of resources (f.e. re-use textures from the same URL across elements instead of making one per element)
- Does it support pivot? HOT 6
- Transform controls HOT 3
- camera rig interaction breaks once in a blue moon when selection happens
- improve InstancedMesh updating to prepare for async signals and effects
- geometry smoother for all model elements
- `ResizeObserver` and `getBoundingtClientRect` enhanced for 3D elements
- consolidate "selector ref" functionality into a re-usable class or function, make it search downwards not just upwards
- Possibly simplify composed tree tracking with synchronous observation
- ensure asset-loading elements cancel network requests if they will load a new asset.
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 lume.