Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
update title and links
  • Loading branch information
ngokevin committed Dec 1, 2018
1 parent b6cb99b commit c011b59
Show file tree
Hide file tree
Showing 121 changed files with 284 additions and 286 deletions.
62 changes: 30 additions & 32 deletions README.md
@@ -1,42 +1,40 @@
# kframe

![kframe](https://cloud.githubusercontent.com/assets/674727/15790659/69860590-2987-11e6-9511-65c28e583c6f.png)
# superframe

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

[VIEW DEMOS](https://ngokevin.github.io/kframe/)
[VIEW DEMOS](https://supermedium.com/superframe/)

## Components

See documentation for individual components:

- [aabb-collider](https://github.com/ngokevin/kframe/tree/master/components/aabb-collider/) - An axis-aligned bounding box component for A-Frame.
- [animation](https://github.com/ngokevin/kframe/tree/master/components/animation/) - Animations in A-Frame using anime.js
- [animation-timeline](https://github.com/ngokevin/kframe/tree/master/components/animation-timeline/) - A timeline component to use with the A-Frame animation component.
- [atlas-uvs](https://github.com/ngokevin/kframe/tree/master/components/atlas-uvs/) - An A-Frame component to set UVs onto a plane geometry given a gridded texture atlas.
- [audioanalyser](https://github.com/ngokevin/kframe/tree/master/components/audioanalyser/) - Audio visualizations in A-Frame using Web Audio (AnalyserNode)
- [broadcast](https://github.com/ngokevin/kframe/tree/master/components/broadcast/) - Multi-user in A-Frame using raw websockets
- [camera-recorder](https://github.com/ngokevin/kframe/tree/master/components/camera-recorder/) - A component to film and record A-Frame scenes with a controlled camera (pans, dollies, tilts).
- [debug-cursor](https://github.com/ngokevin/kframe/tree/master/components/debug-cursor/) - A component to pretty-log cursor events.
- [entity-generator](https://github.com/ngokevin/kframe/tree/master/components/entity-generator/) - Generate a number of entities in A-Frame given a mixin
- [event-set](https://github.com/ngokevin/kframe/tree/master/components/event-set/) - Set properties in response to events in A-Frame
- [firebase](https://github.com/ngokevin/kframe/tree/master/components/firebase/) - Multi-user in A-Frame using Firebase
- [fps-counter](https://github.com/ngokevin/kframe/tree/master/components/fps-counter/) - A simple FPS counter component to measure performance in VR for A-Frame.
- [geometry-merger](https://github.com/ngokevin/kframe/tree/master/components/geometry-merger/) - An A-Frame component to merge geometries to reduce draw calls.
- [gltf-part](https://github.com/ngokevin/kframe/tree/master/components/gltf-part/) - A component to extract parts from a GLTF model into their own A-Frame entities.
- [haptics](https://github.com/ngokevin/kframe/tree/master/components/haptics/) - A controller haptics (vibrations) component for A-Frame.
- [layout](https://github.com/ngokevin/kframe/tree/master/components/layout/) - Position and layout child entities in 3D space for A-Frame
- [log](https://github.com/ngokevin/kframe/tree/master/components/log/) - In-VR console logs for A-Frame.
- [look-at](https://github.com/ngokevin/kframe/tree/master/components/look-at/) - Rotate an entity to face towards another entity in A-Frame
- [mountain](https://github.com/ngokevin/kframe/tree/master/components/mountain/) - Mountain terrain in A-Frame using randomly-generated height maps
- [orbit-controls](https://github.com/ngokevin/kframe/tree/master/components/orbit-controls/) - Orbit controls component for A-Frame.
- [proxy-event](https://github.com/ngokevin/kframe/tree/master/components/proxy-event/) - A component to declaratively proxy events for A-Frame.
- [randomizer](https://github.com/ngokevin/kframe/tree/master/components/randomizer/) - Randomize color, position, rotation, and scale in A-Frame
- [state](https://github.com/ngokevin/kframe/tree/master/components/state/) - State management for A-Frame using single global state modified through actions. State flows down to application via declarative binding.
- [sun-sky](https://github.com/ngokevin/kframe/tree/master/components/sun-sky/) - Gradient sky with adjustable sun in A-Frame
- [template](https://github.com/ngokevin/kframe/tree/master/components/template/) - Encapsulate groups of entities, use templating engines, and do string interpolations in A-Frame
- [text-geometry](https://github.com/ngokevin/kframe/tree/master/components/text-geometry/) - Geometry-based text for A-Frame
- [thumb-controls](https://github.com/ngokevin/kframe/tree/master/components/thumb-controls/) - An A-Frame component that provides and normalizes directional events for thumbpads and thumbsticks.
- [aabb-collider](https://github.com/ngokevin/superframe/tree/master/components/aabb-collider/) - An axis-aligned bounding box component for A-Frame.
- [animation](https://github.com/ngokevin/superframe/tree/master/components/animation/) - Animations in A-Frame using anime.js
- [animation-timeline](https://github.com/ngokevin/superframe/tree/master/components/animation-timeline/) - A timeline component to use with the A-Frame animation component.
- [atlas-uvs](https://github.com/ngokevin/superframe/tree/master/components/atlas-uvs/) - An A-Frame component to set UVs onto a plane geometry given a gridded texture atlas.
- [audioanalyser](https://github.com/ngokevin/superframe/tree/master/components/audioanalyser/) - Audio visualizations in A-Frame using Web Audio (AnalyserNode)
- [broadcast](https://github.com/ngokevin/superframe/tree/master/components/broadcast/) - Multi-user in A-Frame using raw websockets
- [camera-recorder](https://github.com/ngokevin/superframe/tree/master/components/camera-recorder/) - A component to film and record A-Frame scenes with a controlled camera (pans, dollies, tilts).
- [debug-cursor](https://github.com/ngokevin/superframe/tree/master/components/debug-cursor/) - A component to pretty-log cursor events.
- [entity-generator](https://github.com/ngokevin/superframe/tree/master/components/entity-generator/) - Generate a number of entities in A-Frame given a mixin
- [event-set](https://github.com/ngokevin/superframe/tree/master/components/event-set/) - Set properties in response to events in A-Frame
- [firebase](https://github.com/ngokevin/superframe/tree/master/components/firebase/) - Multi-user in A-Frame using Firebase
- [fps-counter](https://github.com/ngokevin/superframe/tree/master/components/fps-counter/) - A simple FPS counter component to measure performance in VR for A-Frame.
- [geometry-merger](https://github.com/ngokevin/superframe/tree/master/components/geometry-merger/) - An A-Frame component to merge geometries to reduce draw calls.
- [gltf-part](https://github.com/ngokevin/superframe/tree/master/components/gltf-part/) - A component to extract parts from a GLTF model into their own A-Frame entities.
- [haptics](https://github.com/ngokevin/superframe/tree/master/components/haptics/) - A controller haptics (vibrations) component for A-Frame.
- [layout](https://github.com/ngokevin/superframe/tree/master/components/layout/) - Position and layout child entities in 3D space for A-Frame
- [log](https://github.com/ngokevin/superframe/tree/master/components/log/) - In-VR console logs for A-Frame.
- [look-at](https://github.com/ngokevin/superframe/tree/master/components/look-at/) - Rotate an entity to face towards another entity in A-Frame
- [mountain](https://github.com/ngokevin/superframe/tree/master/components/mountain/) - Mountain terrain in A-Frame using randomly-generated height maps
- [orbit-controls](https://github.com/ngokevin/superframe/tree/master/components/orbit-controls/) - Orbit controls component for A-Frame.
- [proxy-event](https://github.com/ngokevin/superframe/tree/master/components/proxy-event/) - A component to declaratively proxy events for A-Frame.
- [randomizer](https://github.com/ngokevin/superframe/tree/master/components/randomizer/) - Randomize color, position, rotation, and scale in A-Frame
- [state](https://github.com/ngokevin/superframe/tree/master/components/state/) - State management for A-Frame using single global state modified through actions. State flows down to application via declarative binding.
- [sun-sky](https://github.com/ngokevin/superframe/tree/master/components/sun-sky/) - Gradient sky with adjustable sun in A-Frame
- [template](https://github.com/ngokevin/superframe/tree/master/components/template/) - Encapsulate groups of entities, use templating engines, and do string interpolations in A-Frame
- [text-geometry](https://github.com/ngokevin/superframe/tree/master/components/text-geometry/) - Geometry-based text for A-Frame
- [thumb-controls](https://github.com/ngokevin/superframe/tree/master/components/thumb-controls/) - An A-Frame component that provides and normalizes directional events for thumbpads and thumbsticks.


## Local Installation
Expand All @@ -45,7 +43,7 @@ Go to the folder of the component or scene you wish to develop and check out
its README. The steps generally involve:

```bash
git clone git@github.com:ngokevin/kframe && cd kframe
git clone git@github.com:supermedium/superframe && cd superframe
# Head to the folder to develop (e.g., `cd components/foo`, `cd scenes/foo`).
npm install
npm run dev # (or sometimes `npm run start`)
Expand Down
2 changes: 1 addition & 1 deletion components/aabb-collider/examples/basic/index.html
Expand Up @@ -51,7 +51,7 @@
</a-scene>

<!--githubcorner-->
<a href="https://github.com/ngokevin/kframe/tree/master/components/aabb-collider/examples/basic/" class="github-corner">
<a href="https://github.com/supermedium/superframe/tree/master/components/aabb-collider/examples/basic/" class="github-corner">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill: #111; color: #EFEFEF; position: fixed; bottom: 0; border: 0; left: 0; transform: rotate(180deg); opacity: 0.8">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
Expand Down
4 changes: 2 additions & 2 deletions components/aabb-collider/index.html
Expand Up @@ -59,7 +59,7 @@
<body>
<h1><i>aabb-collider</i> Component for <a href="https://aframe.io">A-Frame</a></h1>

<a class="back" href="https://ngokevin.github.io/kframe/">&larr; K-Frame</a>
<a class="back" href="https://supermedium.com/superframe/">&larr; K-Frame</a>

<p>An axis-aligned bounding box component for A-Frame.</p>

Expand All @@ -76,7 +76,7 @@ <h3>A-Frame AABB Collider Component - Basic</h3>
</ul>

<!--githubcorner-->
<a href="https://github.com/ngokevin/kframe/tree/master/components/aabb-collider/" class="github-corner">
<a href="https://github.com/supermedium/superframe/tree/master/components/aabb-collider/" class="github-corner">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill: #111; color: #EFEFEF; position: absolute; top: 0; border: 0; right: 0">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
Expand Down
6 changes: 3 additions & 3 deletions components/aabb-collider/package.json
Expand Up @@ -17,7 +17,7 @@
},
"repository": {
"type": "git",
"url": "git+https://github.com/ngokevin/kframe.git"
"url": "git+https://github.com/supermedium/superframe.git"
},
"keywords": [
"aframe",
Expand All @@ -31,9 +31,9 @@
"author": "Kevin Ngo <me@ngokevin.com>",
"license": "MIT",
"bugs": {
"url": "https://github.com/ngokevin/kframe/issues"
"url": "https://github.com/supermedium/superframe/issues"
},
"homepage": "https://github.com/ngokevin/kframe#readme",
"homepage": "https://github.com/supermedium/superframe#readme",
"devDependencies": {
"aframe": "*",
"browserify": "^13.0.0",
Expand Down
4 changes: 2 additions & 2 deletions components/animation-timeline/README.md
Expand Up @@ -3,14 +3,14 @@
[![Version](http://img.shields.io/npm/v/aframe-animation-timeline-component.svg?style=flat-square)](https://npmjs.org/package/aframe-animation-timeline-component)
[![License](http://img.shields.io/npm/l/aframe-animation-timeline-component.svg?style=flat-square)](https://npmjs.org/package/aframe-animation-timeline-component)

[animation]: https://github.com/ngokevin/kframe/tree/master/components/animation
[animation]: https://github.com/supermedium/superframe/tree/master/components/animation

A timeline component for A-Frame to use with the [animation
component][animation] for declaratively defining and orchestrating timelines of
animations. The animation timeline component depends on the animation
component. Make sure to include that.

[View Demo](https://ngokevin.github.io/kframe/components/animation-timeline/)
[View Demo](https://supermedium.com/superframe/components/animation-timeline/)

![GIF](https://user-images.githubusercontent.com/674727/34067163-d0b3af9c-e1d2-11e7-9b3a-c9c207001e6c.gif)

Expand Down
2 changes: 1 addition & 1 deletion components/animation-timeline/examples/basic/index.html
Expand Up @@ -97,7 +97,7 @@
</a-scene>

<!--githubcorner-->
<a href="https://github.com/ngokevin/kframe/tree/master/components/animation-timeline/examples/basic/" class="github-corner">
<a href="https://github.com/supermedium/superframe/tree/master/components/animation-timeline/examples/basic/" class="github-corner">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill: #111; color: #EFEFEF; position: fixed; bottom: 0; border: 0; left: 0; transform: rotate(180deg); opacity: 0.8">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
Expand Down
2 changes: 1 addition & 1 deletion components/animation-timeline/examples/demo/index.html
Expand Up @@ -99,7 +99,7 @@
</a-scene>

<!--githubcorner-->
<a href="https://github.com/ngokevin/kframe/tree/master/components/animation-timeline/examples/demo/" class="github-corner">
<a href="https://github.com/supermedium/superframe/tree/master/components/animation-timeline/examples/demo/" class="github-corner">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill: #111; color: #EFEFEF; position: fixed; bottom: 0; border: 0; left: 0; transform: rotate(180deg); opacity: 0.8">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
Expand Down
4 changes: 2 additions & 2 deletions components/animation-timeline/index.html
Expand Up @@ -59,7 +59,7 @@
<body>
<h1><i>animation-timeline</i> Component for <a href="https://aframe.io">A-Frame</a></h1>

<a class="back" href="https://ngokevin.github.io/kframe/">&larr; K-Frame</a>
<a class="back" href="https://supermedium.com/superframe/">&larr; K-Frame</a>

<p>A timeline component to use with the A-Frame animation component.</p>

Expand All @@ -82,7 +82,7 @@ <h3>A-Frame Animation Timeline Component - Bohemian</h3>
</ul>

<!--githubcorner-->
<a href="https://github.com/ngokevin/kframe/tree/master/components/animation-timeline/" class="github-corner">
<a href="https://github.com/supermedium/superframe/tree/master/components/animation-timeline/" class="github-corner">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill: #111; color: #EFEFEF; position: absolute; top: 0; border: 0; right: 0">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
</svg>
Expand Down
6 changes: 3 additions & 3 deletions components/animation-timeline/package.json
Expand Up @@ -17,7 +17,7 @@
},
"repository": {
"type": "git",
"url": "git+https://github.com/ngokevin/kframe.git"
"url": "git+https://github.com/supermedium/superframe.git"
},
"keywords": [
"aframe",
Expand All @@ -31,9 +31,9 @@
"author": "Kevin Ngo <me@ngokevin.com>",
"license": "MIT",
"bugs": {
"url": "https://github.com/ngokevin/kframe/issues"
"url": "https://github.com/supermedium/superframe/issues"
},
"homepage": "https://github.com/ngokevin/kframe#readme",
"homepage": "https://github.com/supermedium/superframe#readme",
"devDependencies": {
"aframe": "*",
"browserify": "^13.0.0",
Expand Down
2 changes: 1 addition & 1 deletion components/animation/README.md
@@ -1,6 +1,6 @@
## aframe-animation-component

[animationtimeline]: https://github.com/ngokevin/kframe/tree/master/components/animation-timeline
[animationtimeline]: https://github.com/supermedium/superframe/tree/master/components/animation-timeline

An animation component for [A-Frame](https://aframe.io) using
[anime.js](https://github.com/juliangarnier/anime).
Expand Down

0 comments on commit c011b59

Please sign in to comment.