Skip to content

filiprak/attraction-webgl

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

# Configuring animation
You can set animated particles and lights parameters using configuration.js file:

Configuration file structure is as below:

var config = {
  "particles": [
  
    // array of particles config, you can add as many entries as you want here, setting color, quantity, scale and bounding volume shape
    
    { "src": "assets/bubble.obj", "count": 20, "scale": 0.9, "color": "#fe808b", "bounding": "capsule" },
    { "src": "assets/bubble.obj", "count": 20, "scale": 1.25, "color": "#fe808b", "bounding": "capsule" },
    ...
  ],
  
  // here you can set all the lights parameters such as position color and intensity
  
  "lights": {
    "light1": {
      "position": {"x":10, "y":30, "z":-10},
      "color": "#c01e1e",
      "intensity": 1.0
    },
    "light2": {
      "position": {"x":-10, "y":-10, "z":-10},
      "color": "#ebc13a",
      "intensity": 1.0
    },
    "ambient": {
      "position": {"x":1, "y":1, "z":1},
      "color": "#d98dcc",
      "intensity": 1.0
    }
  }
};

# Remember you have to change configuration.js file to take effect, not this file, it is only guide.


About

Balls attraction WebGL effect example

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published