Giter VIP home page Giter VIP 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

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.