Working with Rails about particles.js

[mantrarush]

The gem did not work for me so here's what I did:

Using particles.js in RoR project

1. Include app.js(if you have custom config), particles.js in assets/javascripts
2. Include /= require particles.js in application.js
3. Include style.css for details regarding background color/canvas
4. Go to the view which will handle particles.js (in my case homepage which means, view/welcome/homepage) and add

<%= stylesheet_link_tag 'style'%>
<div id="particles-js"></div>
<%= javascript_include_tag 'particles', 'app'%>

Add the following to config/initializers/assets.rb

Rails.application.config.assets.precompile += %w( particles.js )
Rails.application.config.assets.precompile += %w( app.js )

[sandhilt]

To use Rails use:

/* app/assets/javascripts/application.js */
//= require particles.js.js
/* your code */
/* id in html, "path/to/json" */
particlesJS.load('id', 'assets/config.json');

<!-- app/views/controller/index.html.erb -->
<div id="id"></div>

source : README

[excid3]

I made an example Rails app here if anyone is interested: https://github.com/excid3/particlesjs-rails-example

[godiaz]

The gem doesnt work... and also all of these solutions are messy for an RoR app. You should install the npm package and call the package from the JS folder.. Webpack will precompile for you instead of sacrificing performance in assets.rb

[vmotsak]

@JaeggerFrank
Probably it's rails-assets configuration issue, do other rails-assets gems works for you?
running bundle you should see this in output

 Fetching gem metadata from https://rails-assets.org/...
 Fetching version metadata from https://rails-assets.org/..

gem should be added in Gemfile like this

source 'https://rails-assets.org' do
  gem 'rails-assets-particles.js'
end

[GokuDBZ]

@sandhilt will it wok in production environment too?? as i am calling particlesJs inside application.js

[pschfr]

@godiaz I can't seem to get the gem to work either...