Coder Social home page Coder Social logo

davidje13 / face Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 467 KB

Renders an interactive ball-shaped face on the page.

Home Page: https://davidje13.github.io/Face/

License: GNU Lesser General Public License v3.0

JavaScript 97.79% HTML 2.21%
javascript svg

face's People

Contributors

davidje13 avatar

Watchers

 avatar  avatar  avatar

face's Issues

Blinking

Add animation to set blink expression at regular intervals (with randomness)

Hair styles

Allow setting hair styles for Clyde and Halloween

  • centre-parted hair
  • ponytail
  • no hair

Examples from old project:

faces

Refactor rendering

Shapes, blobs and hats should be component types which can be listed as shapes are now. Each component should be able to specify a render mode, then the relevant data. This is also probably a good time to make the z-order explicit, rather than rely on object key order as it does now.

This would simplify the code (and allow breaking it up), and make the render more flexible (e.g. multiple hats, blobs with z-order among shapes.

Skin tone and hair colour modifiers

Allow setting skin tone and hair colour for all skins (perhaps as tangental expressions?)

  • add colour blending support for expressions
  • update create-screenshots and readme to show examples

Simplified API

Create a simplified Javascript & HTML API for easily rendering static & interactive faces on a page

Back rendering

When 3D elements (e.g. nose) are at negative z, they should be rendered behind the ball. Same applies to flat elements drawn with chunky lines (e.g. eyes)

How should 3D elements be rendered when they are partially in-front and partially behind?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.