Code Monkey home page Code Monkey logo

flat-surface-shader's People

Contributors

wagerfield avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flat-surface-shader's Issues

Demo is down

Hi Matthew -- not sure of the best way to reach you, but the demo page for flat surface shader is down. Perhaps it is a problem with matthew.wagerfield.com?

-Jacob

support other geometry?

hi,
I want to user the flat-surface-shader on sphere, the effect just like a low-poly earth. Can u help me with that? thanks :>

Safari 8.0.7 rendering via WebGL not working (demo website)

Hi,
on Safari 8 rendering via WebGL doesn't work.

Screenshot with console log

Error reported:
[Warning] WebGL: INVALID_VALUE: bufferData: size == 0 (fss.min.js, line 31, x6)
[Warning] WebGL: INVALID_OPERATION: drawArrays: attempt to access out of bounds arrays (fss.min.js, line 31)
[Warning] WebGL: too many errors, no more errors will be reported to the console for this context. (fss.min.js, line 31)

Boostrap integration trouble ?

Hi mate, love your work but by some weird experience the background is above all of my class="well" divs. Destroying pretty much all my design... Any idea of why this does happen ?

Multiple animations in one page.

Greetings and great work you got there!

I want to use this animation on section headers with a title on it and it looks great.

But couldn't manage to have more than one animation divs per page. Is this possible and what's the most practical way for using it?

Thanks!

cursor icon effect

hi, great script, was wondering how to change the mouse icon and have something else instead of the two circles spinning? cant find anything relevant in the css.
thanks

Different shapes

Is there a way to modify it to create different shapes other than triangles?

Or where can I start to look into using different shapes other than triangles?

Thank you in advance.

Alpha Transparency?

Thanks for maintaining this repo --looks great**!**

Any ideas how to implement transparency for the triangles (globally or specifically)?
The README doesn't seem to mention anything relevant and the source, while making using of rgba() appears to ignore the alpha (transparency) values.

I tried modifying the following lines (see http://codepen.io/wouwi/pen/Apvaq) without success:

Line-382:
original: this.opacity = FSS.Utils.isNumber(opacity) ? opacity : 1;
modded: this.opacity = FSS.Utils.isNumber(opacity) ? opacity : 0.5;

Line-405
original: this.hex = '#' + r + g + b;
modded: this.hex = '#00' + r + g + b;

react ussage

hey

did anyone try to use this in react? or to turn it into an npm package?

thanks,
Rares

How to make triangles to have a different form shape

Hello, Im discovering your work and I'm trying to figure out how to make randomize shapes like the demo site. Right now I only get squared shapes with static triangles. Could you explain a bit more please ? And thanks agin for this work !

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.