kframe

Kevin's collection of A-Frame components and scenes.

VIEW DEMOS

Components

See documentation for individual components:

animation - Animations in A-Frame using anime.js
audioanalyser - Audio visualizations in A-Frame using Web Audio (AnalyserNode)
broadcast - Multi-user in A-Frame using raw websockets
entity-generator - Generate a number of entities in A-Frame given a mixin
event-set - Set properties in response to events in A-Frame
firebase - Multi-user in A-Frame using Firebase
layout - Position and layout child entities in 3D space for A-Frame
log - In-VR console logs for A-Frame.
look-at - Rotate an entity to face towards another entity in A-Frame
mountain - Mountain terrain in A-Frame using randomly-generated height maps
randomizer - Randomize color, position, rotation, and scale in A-Frame
redux - Hook in Redux reducers, data bindings, and action dispatches for A-Frame
sun-sky - Gradient sky with adjustable sun in A-Frame
template - Encapsulate groups of entities, use templating engines, and do string interpolations in A-Frame
text-geometry - Geometry-based text for A-Frame

Local Installation

Go to the folder of the component or scene you wish to develop and check out its README. The steps generally involve:

git clone [email protected]:ngokevin/kframe && cd kframe
# Head to the folder to develop (e.g., `cd components/foo`, `cd scenes/foo`).
npm install
npm run dev  # (or sometimes `npm run start`)

A page should open in your browser. You can develop on the source code and the server will handle live compilation and bundling.

kframe's People