Skip to content

n5ro/aframe-surface-scatter

 
 

Repository files navigation

AFrame-surface-scatter

Demo

Screenshot of a 3D rendered field of grass with flowers

Simple Example

<a-cylinder radius="0.02" height="0.04" color="red"></a-cylinder>
<a-sphere radius="0.5" position="0 1 -2" surface-scatter="object:#decoration;count:800;"><a-sphere>

surface-scatter component

This component uses instancing to cover one object in another.

Property Type Description Default
object selector Object to place on the surface of this object
count number Amount of objects 128
weightAttribute string Specifies a vertex attribute to be used as a weight when sampling from the surface. Faces with higher weights are more likely to be sampled, and those with weights of zero will not be sampled at all. For vector attributes, only .x is used in sampling. If no weight attribute is selected, sampling is randomly distributed by area. ""
scale vec3 Amount to scale the objects by {}
scaleJitter vec3 Add randomness to the scaling {}
uniformJitter boolean Scale x,y,z together (true) or each independently (false) true

About

Position objects randomly over an objects surface

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 81.1%
  • HTML 18.9%