1.1.2 • Published 4 years ago

aframe-raytrace-component v1.1.2

Weekly downloads
14
License
MIT
Repository
github
Last release
4 years ago

aframe-raytrace-component

Version License

An A-Frame component for placing raytraced surfaces in a scene.

Click here to view demo

API

PropertyDescriptionDefault Value
shaderID of a shader in a script tag.(none)
transparentWhether the result of the shader is alpha blended with what's behind it.false
backsideWhether the shader is drawn on the frontfaces or the backfaces of the mesh.false

Installation

Browser

Install and use by directly including the browser files:

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-raytrace-component/dist/aframe-raytrace-component.min.js"></script>
</head>

<body>
  
  <script id="foo-fs" type="x-shader/x-fragment">
    uniform float time;
    uniform vec3 localCameraPos;
    varying vec3 localSurfacePos;
    
    void main(){
      vec3 localCameraDirection = normalize(localSurfacePos - localCameraPos);
      gl_FragColor = vec4(1.0,0.0,1.0,1.0);
    }
  </script>
  
  <a-scene>
    <a-box position="0 1.6 -2" raytrace="shader:#foo-fs"></a-box>
  </a-scene>
  
</body>

Or with angle, you can install the proper version of the component straight into your HTML file, respective to your version of A-Frame:

angle install aframe-raytrace-component

npm

Install via npm:

npm install aframe-raytrace-component

Then require and use.

require('aframe');
require('aframe-raytrace-component');
1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

6 years ago

2.0.0

6 years ago

1.0.0

6 years ago