{"id":22356882,"url":"https://github.com/ayamflow/experiment-boilerplate","last_synced_at":"2025-03-26T13:20:47.610Z","repository":{"id":5434292,"uuid":"6626756","full_name":"ayamflow/Experiment-Boilerplate","owner":"ayamflow","description":"A HTML/JS Boilerplate for creating canvas experiments.","archived":false,"fork":false,"pushed_at":"2013-12-18T15:51:48.000Z","size":1636,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-31T14:42:01.556Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ayamflow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-11-10T11:09:13.000Z","updated_at":"2016-01-02T00:55:00.000Z","dependencies_parsed_at":"2022-07-06T18:30:39.477Z","dependency_job_id":null,"html_url":"https://github.com/ayamflow/Experiment-Boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayamflow%2FExperiment-Boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayamflow%2FExperiment-Boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayamflow%2FExperiment-Boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayamflow%2FExperiment-Boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ayamflow","download_url":"https://codeload.github.com/ayamflow/Experiment-Boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245659026,"owners_count":20651526,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-04T14:12:18.136Z","updated_at":"2025-03-26T13:20:47.581Z","avatar_url":"https://github.com/ayamflow.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Experiment Boilerplate\n\nA HTML5 Boilerplate for creating JS/Canvas experiments.\n\nIt includes a set of useful libraries availables through Github or Google code, and some basic custom classes for handling window size or scene.\n\n## Included\n* [RequireJS](requirejs.org) Easily handle AMD modules\n* [TinyColor](bgrins.github.io/TinyColor/) Convenient color manager (HSL, RGB, …)\n* [requestAnimationFrame shim](https://gist.github.com/ozke/6209435) \"for smart animating\"\n* [dat.gui](http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage) A nice UI to live-edit variables\n* [Stats.js](https://github.com/mrdoob/stats.js/) FPS/MS overlay\n* [Pixi.js](https://github.com/GoodBoyDigital/pixi.js) If needed, for a simple WebGLRenderer\n* [GruntJS](http://gruntjs.com) For starting a static server with `$ grunt connect`\n\n## Helpers\n* Resize.js A very simple helper to manage Window and access window size.\n* Mouse.js Simple helper to keep track of Mouse current/previous positions and clicks number.\n* LeapBridge.js Simple helper to keep track of current/previous positions of 10 fingers.\n* Playground.js The global controller.\n* MathHelper.js A set of classic math function such as distance or angle between 2 points.\n* AudioHelper.js Helper to load song and play with AudioContext. Will be soon replaced with a better version using Howler.\n* ColorHelper.js Some complentary functions to tinycolor, like creating color scales.\n* ImageDataHelper.js Aim to simplify the management of canvas image data. Really alpha.\n\n## Entities\n* Particle.js A basic particle.\n* Attractor.js A simple particle attractor based on Daniel Shiffman's Nature of Code.\n* Pool.js A tiny object pool class. Untested and WIP.\n* Vector.js A simple class for managing 2D vector. Might replace it with glMatrix in the future. Supposed to be efficient by not creating a lot of vector instances.\n\n## Next to come\n* Better Object Pool\n* Basic Particle class\n* More helpers (Renderers ?, Extend/Class, …)\n\n## Changelog\n* v0.3.3: Added/updated some helpers \u0026 entities from my last project, such as AudioHelper, BufferLoader, ColorHelper, ImageDataHelper, Attractor (for Particle), and a Vector class. They are all still in development though.\n* v0.3.2: Removed Pixi.js for now, added GruntJS for quick static server, added Math, Mouse and LeapBridge helpers. Turned Resize to a singleton with a resizables array. Added a basic object pool.\n* v0.3.1: Removed facebook/twitter/modernizr/html5shim. Added Pixi.js, moved to RequireJS/AMD modules. Added TinyColors, removed FlowUtils.\n* Under 0.3: Basic boilerplate including facebook/twitter share buttons, Modernizr, html5shim.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fayamflow%2Fexperiment-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fayamflow%2Fexperiment-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fayamflow%2Fexperiment-boilerplate/lists"}