https://github.com/lched/customthreeskeletonhelper

Three.js skeletonHelper implementation accomodating wider lines
https://github.com/lched/customthreeskeletonhelper

bvh skeleton three three-js

Last synced: 14 days ago
JSON representation

Three.js skeletonHelper implementation accomodating wider lines

• Host: GitHub
• URL: https://github.com/lched/customthreeskeletonhelper
• Owner: lched
• Created: 2024-10-16T22:22:55.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T22:31:34.000Z (2 months ago)
• Last Synced: 2024-10-27T22:35:36.345Z (about 2 months ago)
• Topics: bvh, skeleton, three, three-js
• Language: JavaScript
• Homepage:
• Size: 1.06 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CustomThreeSkeletonHelper

Custom reimplementation of Three.js SkeletonHelper that allows to edit properties such as linewidth that are [otherwise ignored by WebGL](https://threejs.org/docs/index.html#api/en/materials/LineBasicMaterial).

The interesting file here is [src/customSkeletonHelper.js](https://github.com/lched/customThreeSkeletonHelper/blob/main/src/customSkeletonHelper.js).

To use it in your project, simply copy that file and import the SkeletonHelper like:

    import {SkeletonHelper} from  './customSkeletonHelper';

Then use that version instead of the one from Three. Properties can be passed to the object when instantiating it or through one of the Set methods.

![image showing skeleton with customized linewidth](https://github.com/lched/customThreeSkeletonHelper/blob/main/example.png)

Inspired by [https://discourse.threejs.org/t/extend-skeletonhelper-to-accommodate-fat-lines-perhaps-with-linesegments2/59436](https://discourse.threejs.org/t/extend-skeletonhelper-to-accommodate-fat-lines-perhaps-with-linesegments2/59436)