https://github.com/sketchpunklabs/autoskinning

Autoskinning 3D meshes using web technologies
https://github.com/sketchpunklabs/autoskinning

animation modeling threejs webgl

Last synced: 7 months ago
JSON representation

Autoskinning 3D meshes using web technologies

• Host: GitHub
• URL: https://github.com/sketchpunklabs/autoskinning
• Owner: sketchpunklabs
• License: mit
• Created: 2023-12-05T13:22:08.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-30T20:57:07.000Z (almost 2 years ago)
• Last Synced: 2025-03-25T19:53:39.198Z (8 months ago)
• Topics: animation, modeling, threejs, webgl
• Language: HTML
• Homepage: https://sketchpunklabs.github.io/autoskinning/
• Size: 548 KB
• Stars: 14
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# AutoSkinning

[![twitter](https://img.shields.io/badge/Twitter-profile-blue?style=flat-square&logo=twitter)](https://twitter.com/SketchpunkLabs)

[![mastodon](https://img.shields.io/badge/Mastodon-profile-blue?style=flat-square&logo=mastodon)](https://mastodon.gamedev.place/@sketchpunk)

[![bluesky](https://img.shields.io/badge/Bluesky-profile-blue?style=flat-square&logo=threads)](https://bsky.app/profile/sketchpunk.bsky.social)

[![bluesky](https://img.shields.io/badge/Threads-profile-blue?style=flat-square&logo=threads)](https://www.threads.net/@sketchpunklabs)

[![youtube](https://img.shields.io/badge/Youtube-subscribe-red?style=flat-square&logo=youtube)](https://youtube.com/c/sketchpunklabs)

[![github](https://img.shields.io/badge/Sponsor-donate-red?style=flat-square&logo=github)](https://github.com/sponsors/sketchpunklabs)

[![Patreon](https://img.shields.io/badge/Patreon-donate-red?style=flat-square&logo=youtube)](https://www.patreon.com/sketchpunk)




Live Demo: https://sketchpunklabs.github.io/autoskinning/

### TL;DR ###

This repo contains various prototypes to autoskin 3D models using web technologies.

It does so by using compute shaders to offline all the heavy number crunching to the GPU.

Technologies Used

- Raw WebGL

- ThreeJS for Rendering

- GPGPU - Compute shaders that saves to DataTextures

- TransformFeedback - Compute shaders that saves to GL Attribute Buffers

#### Note ####

This library uses a modified version of the ThreeJS as it does not have support

to use WebGL's Transformfeedback. This will not work using vanilla Threejs.

### Development Setup ###

```

git clone --depth=1 https://github.com/sketchpunklabs/autoskinning

cd autoskinning

npm install

npm run dev

```