https://github.com/nylki/aframe-fit-texture-component

A fit-texture component for A-Frame VR.
https://github.com/nylki/aframe-fit-texture-component

aframe

Last synced: 13 days ago
JSON representation

A fit-texture component for A-Frame VR.

• Host: GitHub
• URL: https://github.com/nylki/aframe-fit-texture-component
• Owner: nylki
• License: mit
• Created: 2016-04-29T15:38:07.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T19:23:02.000Z (over 4 years ago)
• Last Synced: 2024-10-14T11:21:20.215Z (30 days ago)
• Topics: aframe
• Language: JavaScript
• Homepage: https://nylki.github.io/aframe-fit-texture-component/
• Size: 1.6 MB
• Stars: 24
• Watchers: 3
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## aframe-fit-texture-component

A fit-texture component for [A-Frame](https://aframe.io) VR. The `fit-texture` component can be used with entities that use the `material` component with a image or video as texture.

Instead of modifying the texture, this component modifies the entities `geometry` (width/height) to match the textures dimensions perfectly. Tested in A-Frame 1.0.4.

[![screenshot](https://cloud.githubusercontent.com/assets/1710598/14921020/431f7b42-0e30-11e6-9fdf-83f748ad3c2b.png)](https://nylki.github.io/aframe-fit-texture-component/)

### Usage

#### Browser Installation

Install and use by directly including the [browser files](dist):

```html

  My A-Frame Scene

  

  

  

  

    

    

    

    

    

      

    

    

      

    

    

      

    

    

      

    

    

  

```

#### NPM Installation

Install via NPM:

```bash

npm install aframe-fit-texture-component

```

Then register and use.

```js

require('aframe');

require('aframe-fit-texture-component');

```