Skip to content

Instantly share code, notes, and snippets.

@talkol
Last active December 27, 2019 14:01
Show Gist options
  • Save talkol/4a227c3358a38f61febb76f0953b572e to your computer and use it in GitHub Desktop.
Save talkol/4a227c3358a38f61febb76f0953b572e to your computer and use it in GitHub Desktop.
  • I'm working on a Spider-Man game in WebVR (using A-Frame library) and I want to replace the default VR hand model of A-Frame with a custom model of Spider-Man's hands.

  • This is the default model in A-Frame of the VR hands - Left | Right. Please download it and take a look.

  • The result should be similar GLB files (left and right) that have a similar proportions/physical size and similar animations (with slight differences explained below). Take a look at the animation names and format in the default model because the result should be a drop-in replacement in my game (my game currently relies on the default GLB files).

  • I want the hands to have more poly detail than the default model, I found this model that I like - HandRef1. Let's base the result on it (the high poly version). You can download this model from the link, it's free to use, just click "Download 3D Model".

  • The first modification of the new model is to cut the hand at the wrist. Second, the model should be closed, so you won't be able to look inside the hand from the back. Here's an example.

  • The model should include a texture of Spider-Man's hand. I found these hand textures that I like - Spider-Man:Interactive, you can rely on them to save some work. You can download the textures from this link as well, they're free, just click "Download 3D Model".

  • You should add bones to the model so it can be animated. The default posture of the hand should be similar to the default model.

  • There's no need to reconstruct all the animations from the default model, I need only 3:

    1. "Grip" - Similar to the animation named "Grip" in the default model.

    2. "Open" - Similar to the animated named "Open" in the default model but with the fingers streched out like when Spider-Man is gripping a wall. Here's an example.

    3. "Web" - Animating the fingers to Spider-Man's web shooting posture - here's an example.

  • The result should be given as a GLB file (and GLTF).

  • Try dragging the default model to this online viewer. Then, drag your result to see if you get something similar. Notice that the online viewer let's you see all the animations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment