Code Monkey home page Code Monkey logo

awesome-aframe's Introduction

awesome-aframe Awesome

A collection of awesome things regarding A-Frame VR. Easily build WebVR experiences.

Table of Contents

Official Resources

Straight from the horse's mouth.

Community

Find human beings using A-Frame.

Learning

Learn about A-Frame.

Articles

Talks and Videos

Entity-Component-System (ECS)

Learn about the entity-component-system pattern which A-Frame is based on.

Components

Third-party A-Frame components (of the entity-component-system pattern).

  • Component Boilerplate - Boilerplate for creating and sharing A-Frame VR components
  • Along Path - Interpolating an entity's position along a path
  • Extrude and Lathe - Extrude and lathe geometries
  • FPS Look - Facilitates controlling entity rotation directly with captured mouse
  • Gamepad Controls - Gamepad controls using HTML5 Gamepad API
  • Layout - 3D layout of child entities
  • No-click Look Controls - Intuitive desktop view controls without requiring mousedown + drag
  • OBJ and MTL Loader - Loader for .OBJ models and .MTL materials
  • Physics - Rigid-body physics
  • Proxy Controls - Connect input devices from your desktop to your mobile phone with WebRTC
  • Text - Polygonal text
  • Collider, Explode, Spawner - Collection of components for collision, geometry explosions, and entity spawning
  • Asset Lazy Load - Assign asset loading order and delays
  • Draw - HTML5 <canvas> as a material texture, with support for extension components
  • Text Wrap - Wrapping text dynamically rendered onto the draw component
  • Template - Integration with Handlebars, Jade, mustache, Nunjucks JS template engines
  • Stereo - Enable rendering different entities for each eye, using THREE.js layers so you can render 3D stereoscopic videos (full and half-dome)
  • GIF - Display GIF as a texture by using a Canvas
  • Interpolation - Interpolate positional and rotational updates for entities, useful for fetching from server for multiplayer
  • HTML Texture - Using HTML as a texture, powered by html2canvas
  • Selectable by @scenevr- Click on an entity to select it, handy for editors
  • Orbit Controls - Orbit camera around an entity
  • Universal Controls - Refactored A-Frame controls that supports gamepad, HMD, keyboard, mouse, touch alongside physics
  • Randomizer - Set random values
  • Mesh Line - Draw thick lines
  • Fence - Set boundaries on entity position
  • Mouse Cursor - Use mouse as a direct pointer
  • Drag Look - Look controls in the opposite direction with changing cursor style
  • Grid Helper - Helper to add customizable grids to your scene, useful for editors
  • Ocean - Flat-shaded ocean primitive and component, with animated waves
  • Fit Texture - Automatically scale entities relative to their texture, so you don't need to set width/height manually
  • Audio Visualizer - Audio visualizations using dancer.js
  • Grid Helper - Create customizable grids
  • Entity Generator - Generate entities
  • href - Link to other pages using cursor component
  • UI Modal - Show dialog box or a menu in front of the camera

Shaders

  • 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

alexoviedo999 avatar alexrkass avatar bnolan avatar cvan avatar dbradleyfl avatar dkraeker avatar dmarcos avatar donmccurdy avatar gdedi001 avatar joshkpeterson avatar maxkrieger avatar ngokevin avatar nylki avatar oscarmarinmiro avatar rspace avatar rubenartus avatar unexpector avatar weddingdj 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.