unpkg.com host link is broken

[drubio1989]

While trying to follow the instructions for "Browser Installation", I saw that the link to aframe-particle system is broken?

https://unpkg.com/aframe-particle-system@1.0.x/dist/aframe-particle-system-component.min.js

[weddingdj]

In the meantime, you could use https://raw.githubusercontent.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/aframe-particle-system-component.min.js or you download the component.

[drubio1989]

Thanks @weddingdj for providing a work around for my problem. However, I'm experiencing a different problem when installing this library that I'm hoping you could provide a solution. I am using Aframe 0.5.0 and have followed the instructions for npm installation.

When I attempt to render a basic component such as the dust component, it fails to render at all. For expediency's sake, I've attached an image of my html file.

I opened the inspector and found that the particle-system component is not registered for some reason but I am able to add it through the inspector. Additionally, when I add it through the aframe inspector it does not seem to populate the component with the provided library defaults. An example is particleCount field. If possible could you please confirm?

[ngokevin]

You did not include the component

[drubio1989]

Thank you for the speedy reply @ngokevin. You'll have to bear with me as I'm new to aframe and VR in general but what do you mean I forgot the component? Isn't this piece of html the entity with the component?

 <a-entity position="0 2.25 -15" particle-system="preset: dust"></a-entity>

[ngokevin]

On the Web, you include JS files as a <script> tag in order to use it. The particle-system component is a library you need to include. In your code, you only included A-Frame.

[drubio1989]

But I already installed it with npm as detailed in the instructions @weddingdj at the top of this thread also said to either use the link as a script tag or to simply download it. I experience the problem using the link he provided in addition to having downloaded the library.

[weddingdj]

But in your example code you do not include the component script. You have to add this statement below the A-Frame script tag:

<script src="https://raw.githubusercontent.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/aframe-particle-system-component.min.js"></script>

[ngokevin]

So npm installation steps require a bundler like Webpack or Browserify to use, and then you still have to include it.

[drubio1989]

I'm trying to meet you guys half way as best as I can. I'm using the aframe boilerplate https://github.com/aframevr/aframe-boilerplate by default and I'm trying to figure out if I already have webpack or browserify with the boilerplate. Do I need to install webpack and browserify separately?

Additionally, I have my branch here https://github.com/drubio1989/aframe-boilerplate/tree/dust . If any of you guys have a moment to check it out, I'd appreciate it. Just to reiterate and be clear about my problem, I definitely have the package installed through npm and have included that link as a script. I can eventually see the particle preset variations only by using the Aframe inspector tool. When I have that entity, nothing shows up but by using the inspector to add the particle-system component it works. But I can't see it when I go to scene mode. I've attached a small screen shot to help illustrate my problem.

[ngokevin]

Put this in your HTML head after a-frame <script src="https://unpkg.com/aframe-particle-system-component@1.0.10/dist/aframe-particle-system-component.min.js"></script>, that's all

[drubio1989]

There we go, got it! Thanks a bunch for the help I really appreciated. Now I'm back on track.