Giter VIP home page Giter VIP logo

decorativebackgrounds's Introduction

Decorative WebGL Backgrounds

A collection of decorative shapes displayed as backgrounds using WebGL. The shapes are created with Three.js and animated with the TweenMax library. By Louis Hoebregts.

Decorative WebGL Backgrounds

Article on Codrops

Demo

This demo is kindly sponsored by we.design: Snag the hottest new domain name for designers

Credits

License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

Misc

Follow Louis: Twitter, Codepen, LinkedIn, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2017

decorativebackgrounds's People

Contributors

crnacura 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

decorativebackgrounds's Issues

Uncaught TypeError: Cannot read property 'addEventListener' of undefined

hello,

trying to implement directly online on wordpress installation, the error is a bit differet:

demo2.js?ver=5:96 Uncaught TypeError: Cannot read property 'addEventListener' of undefined
    at HTMLDocument.<anonymous> (demo2.js?ver=5:96)
(anonymous) @ demo2.js?ver=5:96

corresponding to:

TweenMax.ticker.addEventListener("tick", render);

in the demo2.js file

files are correctly loaded, apparently in the correct order:

Schermata 2020-07-03 alle 18 47 30

[Error] Cannot load image file:///.../DecorativeBackgrounds/img/dotTexture.png due to access control checks.

Hello everyone,

I wanted to implement your COOL bgs, but locally it seems not to work with following errors:

[Error] Origin null is not allowed by Access-Control-Allow-Origin.
[Error] Cannot load image file:///Users/matteo/Downloads/DecorativeBackgrounds/img/dotTexture.png due to access control checks.
[Error] Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin. (dotTexture.png, line 0)

what could it be?
ty

More options for backgrounds

I would like to add more ideas and features to this repository,
which would include using multiple shaders, better code refactoring, trackball rotation using quaternions, lighting using webgl.

Feel free to incorporate the same in your next demo!

Index2 not work

After downloading source, the second background animation don`t work ;(
all others work correctly.

What i doing wrong ?

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.