Closed drubio1989 closed 7 years ago
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.
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?
You did not include the component
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>
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.
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.
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>
So npm installation steps require a bundler like Webpack or Browserify to use, and then you still have to include it.
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.
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
There we go, got it! Thanks a bunch for the help I really appreciated. Now I'm back on track.
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