Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

aframe-livereload-image

Package Overview
Dependencies
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

aframe-livereload-image

live reloads an image set as src on a-sky

  • 1.0.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1
decreased by-50%
Maintainers
1
Weekly downloads
 
Created
Source

aframe-livereload-image

Version License

Livereload for images used in A-Frame

It's a development/design tool

Performs live reloading of a src attribute on an entity (makes most sense to use with a-sky)

Optimized for image files. Works with file:// protocol in FireFox and detects changes by comparing file sizes.

What? Why file size? and why just file size?

  1. None of the http headers are available via file:// protocol so not a lot of other options
  2. Most reasonable format for large files is jpg anyway and it will change the file size on content changes
  3. Working on a file:// protocol I noticed this component detects when the image manipulation program starts writing the file and sees it as growing from 0 bytes up.
  4. Yes, I will add checking headers in case you're running on http soon.

Built for A-Frame.

API

<a-sky livereload="src: image.jpg"></a-sky>
PropertyDescriptionDefault Value
srcpath to image to load and watch
freqfrequency of checking for the file, in miliseconds500

Installation

Browser

Install and use by directly including the browser files:

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-livereload-image/dist/aframe-livereload-image.min.js"></script>
</head>

<body>
  <a-scene>
    <a-sky livereload="src: skybackground.jpg"></a-entity>
  </a-scene>
</body>
npm

Install via npm:

npm install aframe-livereload-image

Then require and use.

require('aframe');
require('aframe-livereload-image');

Keywords

FAQs

Package last updated on 01 Oct 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc