Giter Club home page Giter Club logo

html5-gewgaws's Introduction

HTML5-Gewgaws

This is a collection of gewgaws written for HTML5, generally (if not exclusively) in Javascript.

"Gewgaw" means exactly what it sounds like. But if you insist on a more specific description, think: small entertainments that are somewhere between automata, games, and art.

(A corollary of this is that if something is a proper HTML5 game or automaton or whatever, it will probably have its own repo instead of being in this one.)

If you want to see these gewgaws in action, you should head on over to the Gewgaws article at Cat's Eye Technologies.

Many of these gewgaws make use of files from the yoob.js library. Generally, these files reside in a local yoob subdirectory of the gegaw's directory. There is some duplication of these files, but this is minor compared to the flexibility of allowing each gewgaw to maintain its own versions of its yoob.js files.

The contents of this repo are in the public domain; see the file UNLICENSE for more information. This includes any images found within, which I have either obtained from public domain sources, or hereby place into the public domain. This includes, too, the bits and pieces of yoob.js, which is itself in the public domain.

Consistent Gewgaw Interface

We're still working this out, but the idea is that these gewgaws present a simple, consistent interface for injecting themselves into an HTML5 page (giving themselves their own "standard UI"; but this is of course optional, and they can be manually instantiated too.)

You ought to be able to say something like this to start any of these gewgaws:

<script src="some-gewgaw.js"></script>
<script>
  launch('../path/to/scripts', 'element_id', config);
</script>

...where element_id is the id of a container div (probably) somewhere in the page. The launch function will create the UI elements needed for the gewgaw (often a canvas and a control panel div) inside this container.

Calling launch() will load any Javascript resources required by the gewgaw. config is an optional object which will be passed to the gewgaw's init() method, and may specify locations of other resources such as images.

There should maybe be some kind of "full window"/"fullscreen" flags in there too โ€” "full window" would expand the container to fill the browser window, and "full screen" would probably add a full-screen-ifying button.

html5-gewgaws's People

Contributors

cpressey avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

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.