UNPKG

avatar

Version:

skinned avatar player model for voxel games

github.com/deathcap/avatar

55 lines (33 loc) • 2.01 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
# avatar Skinnable avatar player model for voxel games ![screenshot](http://i.imgur.com/HVvs6rv.png "Screenshot") This module is similar to @maxogden's [minecraft-skin](https://github.com/maxogden/minecraft-skin), but instead of using [three.js](http://threejs.org/), it uses [gl-modules](http://modules.gl/). Returns a [gl-vao](https://github.com/gl-modules/gl-vao) object containing the vertices and UV coordinates for the player model, for use with the provided vertex and fragment shaders. For an example, run `npm start` or check out the **[live demo](http://deathcap.github.io/avatar)**. *Try dragging a skin image file from your hard disk onto the demo to change the textures.* The included example uses @substack's skin: ![screenshot](substack.png "example skin") Here's how the avatar looks when using changing it to ![screenshot](http://i.imgur.com/Y9V55g1.png "maxogden.png"), @maxogden skin: ![screenshot](http://i.imgur.com/Nq2hD4S.png "maxogden avatar") Or the classic "[Steve](http://minecraft.gamepedia.com/Skin)" skin from Minecraft (not included): ![screenshot](http://i.imgur.com/eATTezf.png "steve avatar") ## Skin formats Currently supported: * Minecraft 1.7 and earlier (64x32) skin format * Minecraft 1.8 (64x64) skin format * High-resolution multiples of 64x32 or 64x32 ([examples](https://github.com/deathcap/avatar/issues/6)) (Minecraft is property of Mojang Specifications). ## Uniforms * `mat4 projectionMatrix, modelViewMatrix`: the usual transformation matrices * `sampler2D skin`: skin texture, should be in one of the above supported formats (for example from a [gl-texture2d](https://github.com/gl-modules/gl-texture2d)) * `float rArmRotateX`: right arm rotation X (radians) * `float lArmRotateX`: left arm rotation X (radians) * `float rLegRotateX`: right leg rotation X (radians) * `float lLegRotateX`: left leg rotation X (radians) Example of setting the rotation uniforms: ![screenshot](http://i.imgur.com/bDHGpqV.png "Screenshot rotation") ## License MIT