Giter Site home page Giter Site logo

awesome-aframe's Introduction

awesome-aframe Awesome

A collection of awesome resources for the A-Frame WebVR framework.

This list is synced now and then. For some of the more recent stuff, check out the recent A Week of A-Frame roundups on the blog

Table of Contents

Official Resources

Straight from the horse's mouth.

Scenes built by the A-Frame team.

Community

Find human beings using A-Frame.

Learning

Learn about A-Frame.

Articles

Introduction
Case Studies

Videos

Talks

Components

Community components. To create and share a component, see angle or the Component Boilerplate. For curated components, see the Registry.

  • Along Path - Interpolating an entity's position along a path
  • Always Fullscreen - Provide ways to enable Fullscreen on iOS (Scroll to Minimal-UI) and Android/Desktop (Fullscreen API)
  • Ammo Physics Component - Library integrating three.js and ammo.js to enable physics in objects
  • Animation - New and improved animation system using components. [Code]
  • Asset Lazy Load - Assign asset loading order and delays
  • Asset On-Demand - Load Assets dynamically when needed (and properly clean them up if not)
  • Audio Visualizer - Audio visualizations using WebAudio API
  • Broadcast - Multiuser with WebSockets
  • ChartBuilder - A component for using ChartBuilder charts
  • Checkpoint Controls - Eased linear locomotion between designated hotspots
  • Collider, Explode, Spawner - Collection of components for collision, geometry explosions, and entity spawning
  • Crawling Cursor - Cursor projected onto surfaces
  • Crease - Creased shading
  • Cubemap - Create a skybox from a cubemap
  • Drag Look - Look controls in the opposite direction with changing cursor style
  • Draw - HTML5 <canvas> as a material texture, with support for extension components
  • Entity Generator - Generate entities
  • Event Set - Set properties in response to events, replacement for declarative events
  • Extras - Don's collection of A-Frame components
  • Extrude and Lathe - Extrude and lathe geometries
  • Faceset - Geometry from vertices and faces
  • Fence - Set boundaries on entity position
  • Firebase - Multiuser with Firebase
  • Fit Texture - Automatically scale entities relative to their texture, so you don't need to set width/height manually
  • FPS Look - Facilitates controlling entity rotation directly with captured mouse
  • Gamepad Controls - Gamepad controls using HTML5 Gamepad API
  • GIF - Display GIF as a texture by using a Canvas
  • glTF - glTF models
  • Gradient Sky - Use two colors to create a gradient shader for colorful skies
  • Grid Helper - Create customizable grids
  • Height Grid - Terrain
  • href - Link to other pages using cursor component
  • HTML Texture - Using HTML as a texture, powered by html2canvas
  • Interpolation - Interpolate positional and rotational updates for entities, useful for fetching from server for multiplayer
  • k-frame - Kevin's collection of A-Frame components
  • Keyboard - Full VR keyboard for use with WebVR controllers
  • L-System - A component for rendering Lindenmayer systems
  • Layout - 3D layout of child entities
  • Leap Hands - Leap Motion
  • Look At and Billboard - Component to tell an entity to face another entity, or to face the camera
  • Mario Star Texture - Texture that cycles colors like stars in Mario using canvas
  • Mesh Line - Draw thick lines
  • Minecraft Avatar Components - Allows the creation, control and custom skins on minecraft-like characters
  • Mouse Cursor Component - Add interaction to the hardware mouse, by raycasting from XY position on canvas
  • No-click Look Controls - Intuitive desktop view controls without requiring mousedown + drag
  • Ocean - Flat-shaded ocean primitive and component, with animated waves
  • Orbit Controls - Orbit camera around an entity
  • Orbit Controls Component - Allow desktop users to rotate the camera around an object
  • Particle System - Particle systems (e.g., rain, dust, snow, fire)
  • Passthrough - Show video feed from device's camera
  • Persist Component - Use localStorage to make data persist over experiences
  • Physics + Vive Controls - grab and sphere-collider components for combining Vive controllers with aframe-extras.physics
  • Physics - Rigid-body physics using Cannon.js
  • Pipe - A pipe with inner and outer radius
  • PLY Loader - Model loader for .PLY models, wrapping THREE.PLYLoader
  • Polygon - n-sided polygons
  • Proxy Controls - Connect input devices from your desktop to your mobile phone with WebRTC
  • Randomizer - Set random values
  • Selectable by @scenevr- Click on an entity to select it, handy for editors
  • Shadows - Realtime shadows
  • Shake-to-Show - Using shake.js to toggle UI
  • Sprite Component - Creates bitmap images that always face the camera
  • Star - 2D stars
  • Stereo - Enable rendering different entities for each eye, using THREE.js layers so you can render 3D stereoscopic videos (full and half-dome)
  • Stereo Cube - A component for stereo cubemap textures (i.e., left and right eye textures)
  • Teleport Controls - Teleportation with tracked controllers
  • Template - Integration with Handlebars, Jade, mustache, Nunjucks JS template engines
  • Terrain Model - Generating terrains using TerrainLoader
  • Text Wrap - Wrapping text dynamically rendered onto the draw component
  • Text Geometry - Polygonal text
  • THREE Loader - Model loader for .json models, wrapping THREE.JSONLoader and THREE.ObjectLoader
  • Trigger Box - A component that emits an event when it enters or leaves a predefined area
  • Tube - Cylindrical primitive that shapes itself to a given path
  • UI Components - A collection of components related to UI
  • UI Modal - Show dialog box or a menu in front of the camera
  • UI Widgets - Another set of UI components, including buttons, switchs,sliders and knobs
  • Universal Controls - Refactored A-Frame controls that supports gamepad, HMD, keyboard, mouse + pointerlock, touch-to-move, with physics compatibility
  • Video Controls - Video controls (play/pause/jump) for A-Frame video assets
  • Vive Cursor - A cursor for HTC Vive controllers
  • WebVR Controller - HTC Vive controllers

Materials

  • Draw - Render from canvas
  • HTML - Render from HTML
  • Video - iOS-compatible video material
  • GIF - Render animated GIFs

Integration

Integration with existing tools, frameworks, and libraries.

React

Use React with A-Frame. Share your A-Frame React Components!

Scenes

Contributions and suggestions are very welcome. Check out the guidelines and make a pull request

License

CC0

awesome-aframe's People

Contributors

alexrkass avatar amicoleo avatar bnolan avatar bryik avatar casonclagg avatar cjroth avatar cvan avatar dbradleyfl avatar dkraeker avatar dmarcos avatar donmccurdy avatar gdedi001 avatar gmarty avatar jonathangrant avatar joshkpeterson avatar konstantint avatar lc43 avatar maxkrieger avatar ngokevin avatar nylki avatar oscarmarinmiro avatar protyze avatar rabimba avatar rspace avatar rubenartus avatar tushararora avatar tyao1 avatar weddingdj avatar willwnekowicz avatar withersc avatar

Watchers

avatar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.