earcanvas v0.5.16

EarCanvas

HTML / JavaScirpt / CSS Component to be incorporated into a front-end project.

Demo's

I've provided two demos of how to instantiate and use EarCanvas:

as a module (preferred)
npm run demo:module:serve
uses webpack devserver so you can make changes in the /demo/module folder and see them live at http://localhost:8080

as a script tag import
npm run demo:script
will be statically served at http://localhost:5000

Documentation

npm run docs

Developing

3D production

There is a file called assets/ear.glb which contains the 3D mesh of the ear along with many other invisible yet important objects:

• cameraBounds
• zones
• outer zones
• zone default positions

notes: Do not remove the material from the ear even though it's a blank image, it signals three.js that a texture will be used and it's UV mapping is preserved. The actual diffuse and emissiveMaps will get loaded at runtime.

TODO

• try moving ear model, textures, and envmaps into assets folder still available after module is installed