<a-plane>
The plane primitive creates flat surfaces using the geometry
component with the type set to plane
.
Example
<a-scene> <a-assets> <img id="ground" src="ground.jpg"> </a-assets>
<a-plane color="#CCC" height="20" width="20"></a-plane>
<a-plane src="#ground" height="100" width="100" rotation="-90 0 0"></a-plane> </a-scene>
|
Attributes
Attribute |
Component Mapping |
Default Value |
ambient-occlusion-map |
material.ambientOcclusionMap |
None |
ambient-occlusion-map-intensity |
material.ambientOcclusionMapIntensity |
1 |
ambient-occlusion-texture-offset |
material.ambientOcclusionTextureOffset |
0 0 |
ambient-occlusion-texture-repeat |
material.ambientOcclusionTextureRepeat |
1 1 |
color |
material.color |
#FFF |
displacement-bias |
material.displacementBias |
0.5 |
displacement-map |
material.displacementMap |
None |
displacement-scale |
material.displacementScale |
1 |
displacement-texture-offset |
material.displacementTextureOffset |
0 0 |
displacement-texture-repeat |
material.displacementTextureRepeat |
1 1 |
env-map |
material.envMap |
None |
fog |
material.fog |
true |
height |
geometry.height |
1 |
metalness |
material.metalness |
0 |
normal-map |
material.normalMap |
None |
normal-scale |
material.normalScale |
1 1 |
normal-texture-offset |
material.normalTextureOffset |
0 0 |
normal-texture-repeat |
material.normalTextureRepeat |
1 1 |
repeat |
material.repeat |
1 1 |
roughness |
material.roughness |
0.5 |
segments-height |
geometry.segmentsHeight |
1 |
segments-width |
geometry.segmentsWidth |
1 |
spherical-env-map |
material.sphericalEnvMap |
None |
src |
material.src |
None |
width |
geometry.width |
1 |
wireframe |
material.wireframe |
false |
wireframe-linewidth |
material.wireframeLinewidth |
2 |
Parallelizing to the Ground
To make a plane parallel to the ground or make a plane the ground itself,
rotate it around the X-axis:
<a-plane rotation="-90 0 0"></a-plane>
|