gre/gl-react-dom-v2

Stars
138
Rank 264,508 (Top 6 %)
Language
JavaScript
Created about 9 years ago
Updated about 7 years ago

gre/gl-react-dom-v2

gre

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm

STATUS: project is being rewritten from scratch in https://github.com/gre/gl-react. It will be the next v3.

Gitbook documentation / gl-react / live demos / gl-react-native / #gl-react on reactiflux

gl-react-dom

WebGL bindings for React DOM to implement complex effects over images and content, in the descriptive VDOM paradigm.

gl-react-dom is an implementation of gl-react for react-dom. Please read the main gl-react README for more information.

Documentation

Installation

Install the dependency to your React application:

npm i --save gl-react-dom

gl-react

gl-react – React library to write and compose WebGL shaders

react-native-view-shot

Snapshot a React Native view and save it to an image

gl-react-native-v2

DEPRECATED, Please migrate to latest version of gl-react-native that works nicely with expo-gl and unimodules

bezier-easing

cubic-bezier implementation for your JavaScript animation easings – MIT License

diaporama

image/video/content slideshow engine providing high quality animation effects including Kenburns Effect and GLSL Transitions.

gl-transition-libs

libraries to run GL Transitions and source code of

illuminated.js

Illuminated.js – 2D lights and shadows rendering engine for HTML5 applications

bezier-easing-editor

Cubic Bezier Curve editor made with React & SVG

deprecated-glsl.js

NOT MAINTAINED prefer the use of http://stack.gl or gl-react – a light Javascript & GLSL library for vizualisation and game purposes (2D or 3D).

gl-react-v2

gl-react-image-effects

[WIP] universal image app that uses different gl-react components

wavegl

Generate Audio in the GPU and pipe to the Audio Card.

deprecated-flexible-nav

NOT MAINTAINED – Improve your navigation experience - this jQuery lib improves a webpage navigation and helps to visualize different sections. of a document, an article,.. any web page.

behind-asteroids

"Behind Asteroids, The Dark Side" is a JS13K entry for 2015 – winner in Desktop, Mobile and Community categories

diaporama-maker

[BETA] An image slideshow editor – including KenBurns effect and GLSL Transitions. (performed with diaporama)

qrloop

Encode a big binary blob to a loop of QR codes

transitions.glsl.io

WE HAVE MOVED TO

play2vim

Play framework vim plugin

playpainter

A simple Play 2 framework, Canvas and WebSocket experiment where many users can paint their draws simultaneously on a Canvas.

screenshot-webservice

UNMAINTAINED – Screenshot Webservice is an open-source REST web service to perform web page screenshots.

playCLI

Play Framework Iteratees + UNIX pipe library

kenburns

Ken Burns effect for DOM, Canvas2D, WebGL

gl-react-image

Universal gl-react Image that implements resizeMode in OpenGL

dta

Drone Tank Arena is a BattleZone-like FPS made in WebGL made during 7dfps contest.

gre

https://greweb.me/

zound-live

ipo

easing library allowing to describe complex easings in JSON

zound

Zound, a PlayFramework 2 audio streaming experiment using Iteratees

multi-slider

React component for multiple values slider (allocate values)

reactjsconf2016

Example used in gl-react's talk at React.js conf 2016

json-beautify

JSON.stringify with fixed maximum character width.

gl-react-blur

Universal gl-react multi-pass gaussian Blur effect with configurable intensity

one-day-one-plot

=> now merged into https://github.com/gre/gre

beez

100% web real-time audio experiment using smartphones as effect controller. (tech: Android Chrome + WebRTC + Web Audio API)

deprecated-qajax

NOT MAINTAINED – this library was fun but hey, you can just use https://github.com/github/fetch now :) – Minimal Promise ajax library based on Q

glsl-transitions

OUTDATED – please migrate to gl-transitions

same-game-gravity

The Same Game Gravity Desktop version code - licence GPL v3

gl-react-dom-static-container

StaticContainer for gl-react-dom: render the Surface once, snapshot it and release the WebGL context

json2d

Express vectorial content in JSON using canvas2d directives

smoothstep

the smoothstep() function

webaudio-hooks

web audio & midi VS react hooks

glsl-transition

DEPRECATED – new project =>

zpeech

ZPeech, vowel formant analysis experiment with Web Audio API

jscrush

Minimal version of a JSCrusher to be used for js#k golf contest.

diaporama-react

Diaporama component for React

deprecated-gl-react-inspector

DEPRECATED it will be in gre/gl-react monolithic repo

js1k-starter

A convenient JS1K starter with livereload, jscrushing, multifiles support, shader minification, env code splitting

WebAppBuilder

Important note: I'm working on a more Makefile compliant way for WebAppBuilder (like i've done in some of my recent libs) | using Rakefile and ant are good alternatives | a lightweight Makefile to build a web app project for multiple platforms. This is a mashup of existing cool stuff like : a small template system (Mustache), SASS with Compass, Javascript minimizer, ...

react-native-webgl-view-shot

React Native WebGL extension to rasterize a view as a GL Texture.

memocart

MEMO CART – lowrezjam 2017 – game

deprecated-qretry

UNMAINTAINED– Promise retry system for Q

timelapse

js13kgames submission - Timelapse, a psychedelic rhythm game - Web Audio API + WebGL (GLSL)

audio-notes

Note frequencies for equal-tempered scale

jardin

[STATUS: project paused. no time to maintain] gre's personal gardening data & tools

webgltexture-loader

load & cache various kind of WebGLTexture with an extensible and loosely coupled system

DEPRECATED_react-native-view-shot-example

DEPRECATED – see updated example in https://github.com/gre/react-native-view-shot (example folder)

deprecated-qimage

UNMAINTAINED no need for a lib, see https://twitter.com/greweb/status/675620261232836608 – Simple Promise Image Loader based on Q

diaporama-recorder

Client side library to record a diaporama and obtain a stream of frames

kenburns-editor

React component to edit a Kenburns effect

ibex

the entry hosted on js13k is broken, please go on ->

glsl-uniforms-editor

UNMAINTAINED – React component with inputs to edit uniforms of a GLSL shader

sliding-window

sliding-window is an unidimensional chunk allocation / free system.

glsl-transition-vignette-grid

OUTDATED – renders a grid of glsl-transition-vignette efficiently (cached + pull of WebGL canvas)

chess-game

NOT MAINTAINED – A sample Chess Game made with HTML5 and CSS3 and targeting multi plateform. (made for "HTML5 Game Most Wanted") - the game is not fully finished but illustrates some concepts explained in the book

twitbot

a Clojure twitter bot engine that uses Google Spreadsheet as a sentence database, made for educational purpose

livedraw

livedraw is a real-time collaborative pen plotter stream experience (e.g. twitch)

gl-react-contrast-saturation-brightness

Universal gl-react which combines Contrast, Saturation and Brightness effects

HTML5-File-Uploader

Asynchronous file upload, using html5 drag and drop if supported. Example with play! framework

gl-react-hue-rotate

Universal gl-react Hue Rotate effect

zampling

a simple audio editor built with Web Audio API

playCLI-examples

Presentation slides and Examples for playCLI

gl-react-color-matrix

Universal gl-react effect to apply 4x4 rgba color matrix on a content

glsl-transition-examples

OUTDATED – GLSL Transition Examples

glsl-transition-vignette

OUTDATED – A React component which display a GLSL Transition as a vignette (with hover and click controls)

deprecated-qanimationframe

DEPRECATED just use requestAnimationFrame– Promisified requestAnimationFrame with Q

workshop-gl-react-expo

Battle-Brushes

HTML5 Canvas game - brushes try to paint the best surface on screen

same-game

a same game in HTML canvas

ld29

Anthill, a game made for LudumDare 29

glsldoc

a JSON-structured documentation of all WebGL GLSL predefined functions, constants, types, qualifiers,...

blazing-race

Blazing Race is a HTML5 against-the-clock platform game where you control a fireball with your mouse and you try to light candles.

ld25

Ludum Dare 25 "You are the Villain" submission - HTML5 game

deprecated-kenburns-webgl

DEPRECATED use [email protected] – Ken Burns effect – webgl implementation

backbone-extend-standalone

Standalone version of Backbone's extend

Play-completion

a bash completion for Play! Framework

react-json2d

morpion-solitaire

A morpion solitaire game implementation in C using ncurses.

audio-chunks

slice/append/insert/subset/copy operations on AudioBuffer linked-list chunks

shape-editor

A graphic editor in Java made for an university project.

rect-crop

Crop a dimension in a viewport: Compute a rectangle from a zoom ratio and a center point while preserving the dimension ratio.

rect-clamp

Constraint a Rectangle into another by preserving the ratio.

bezier-easing-picker

React component which allows to pick predefined bezier curve

deprecated-kenburns-dom

DEPRECATED use [email protected] – Ken Burns effect – DOM implementation

gl-react-negative

Universal gl-react negative effect

Bee--Hornets-and-flowers

A WebWorkers and Canvas demo. You control the bee and have to consume flowers pollen and avoid hornets collision.

deprecated-kenburns-core

DEPRECATED use [email protected] – Ken Burns effect – core

rust-generative-web-setup-example

js13k-2017

AMAZ3D is a game, made in a few days for js13k 2017 gamejam.

ld41

Tetrikaruga – entry for LD41 gamejam

ld28

LudumDare 28 - You Only Get One