Comments (12)
I would propose moving this library to https://github.com/pmndrs @RenaudRohlinger is a member but the point of it is that critical libraries can be maintained as a collective. We have helped multiple libs already that otherwise would have been abandoned like https://github.com/pmndrs/cannon-es or https://github.com/pmndrs/detect-gpu
The author remains, it's still yours @spite but we take liberty in maintaining, inviting more devs to join as well as keeping it up to date with tooling, types and so on. this way something so useful like meshline doesn't outdate as long as people are relying on it and have a vested interest in keeping it alive.
from three.meshline.
@spite can we move it to https://github.com/pmndrs?
from three.meshline.
https://github.com/utsuboco/THREE.MeshLine
I made a new version of a library using vite and typescript.
Temporary I published it on npm under the name meshline. It should work the same way, and it now exports es(2.89kb brotli), umd(3.13kb) and has the ts definitions.
see #139 (comment)
Demo:
https://codesandbox.io/s/confetti-typescript-meshline-0f4mi?file=/src/index.tsx
from three.meshline.
https://github.com/utsuboco/THREE.MeshLine I made a new version of a library using vite and typescript.
Temporary I published it on npm under the name meshline. It should work the same way, and it now exports es(2.89kb brotli), umd(3.13kb) and has the ts definitions.
see #139 (comment)
Demo: https://codesandbox.io/s/confetti-typescript-meshline-0f4mi?file=/src/index.tsx
For those that come later, after trying many forks/permutations to get MeshLine working with the latest three/react-three-fiber/drei stack (at time of writing) and typescript, @RenaudRohlinger version worked for me.
Note that there are some critical changes from the original r3f Fatline demo code, base your code off the example given in the quoted reply and/or the forked repo README--NOT off the original r3f demo! (I burned an hour to a bug caused by not noticing this.) In particular, vertices
is switched for points
.
The components will give TS errors about not being on JSX.IntrinsicElements
. To fix and make full use of the awesome TS support in this fork, this worked for me:
import {
extend, ReactThreeFiber,
} from '@react-three/fiber';
import { MeshLine, MeshLineMaterial, MeshLineRaycast } from 'meshline';
extend({ MeshLine, MeshLineMaterial });
/* eslint-disable no-unused-vars */
declare global {
namespace JSX {
interface IntrinsicElements {
'meshLine': ReactThreeFiber.Object3DNode<MeshLine, typeof MeshLine>;
'meshLineMaterial': ReactThreeFiber.Object3DNode<MeshLineMaterial, typeof MeshLineMaterial>;
}
}
}
/* eslint-enable no-unused-vars */
Which owes credit to: pmndrs/react-three-fiber#130 (comment)
HUGE THANK YOU TO THIS LIB AND TO RenaudRohlinger. Happy lining!
from three.meshline.
@spite @bryantcodesart @robksawyer
@RenaudRohlinger has agreed to move it over to pmndrs https://github.com/pmndrs/THREE.MeshLine this way more devs will be able to maintain and merge prs.
i've opted to make some slight breaking changes and release a major: pmndrs#4
examples are still open, it seems the demos that were in the repo don't work any longer #154 if i find time i can try to fix them up.
from three.meshline.
Is it intentional that the pmndrs repo has issues disabled?
from three.meshline.
I guess the author might want to deprecate this project. I sent links to him on Twitter twice, both ignored. while he is definitely active on Twitter and on GitHub. Just sad he didn't assign another maintainer for this project.
from three.meshline.
There is another maintainer. @jiyinyiyong do you want to be a maintainer?
from three.meshline.
sorry I got too many projects... how about @RenaudRohlinger ?
from three.meshline.
@spite I have some time now. guess I could help migrating this lib to ES Modules.
forked my own version of the package... https://github.com/Quatrefoil-GL/meshline .
from three.meshline.
any updates on this?
from three.meshline.
Awesome! Thanks for following up.
from three.meshline.
Related Issues (20)
- Dashed lines disrupt transparent planes they're drawn over
- Confusing result after scaling HOT 1
- ThreeJS r125 is incompatible with MeshLine HOT 2
- Not consistent line width. HOT 7
- After a recent update, line width is half, only right half is visible (not obvious)
- Low precision on Raycaster
- BufferGeometry need to be called with `new` HOT 5
- Class constructor ShaderMaterial cannot be invoked without 'new' HOT 2
- Is there any way to create a line mesh with a z thickness?
- Possible bug: An upper limit on the number of vertices in a MeshLine
- Bug in perspective camera
- instanciating a new mesh material has to be done with 'new' HOT 6
- Is there a way to fix how mesh line loads up?
- MeshLineMaterial.copy fails
- Meshline to replace LineSegments
- Can I use this component with ar.js webcam?
- Examples do not work HOT 7
- WARNING: Multiple instances of Three.js being imported. HOT 3
- project is inactive? HOT 4
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 three.meshline.