/kframe

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

Primary LanguageJavaScriptMIT LicenseMIT

kframe

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
  • 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
  • reverse-look-controls - Fork of A-Frame v0.3.0 look controls component with reversed mouse drag.
  • 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-based text in A-Frame

Local Installation

git clone git@github.com:ngokevin/kframe
npm install  # Run npm install on all inner modules
npm run dev  # Webpack dev server that watches all component files