Components for A-Frame. Based on aframe-component-boilerplate.
This module offers lathe and extrude components.
- lathe
- close ends option (for angles < 360)
- choose lathe main axis
- extrude
- expose bevel options
- extrude along path?
- no tests yet
- will probably split the repos in two once both components work properly
npm install
npm start
cd examples
npm install
npm run build
Visit http://127.0.0.1:5566/examples/basic/index.html
Install.
npm install aframe-extrude-and-latheRegister.
var aframeCore = require('aframe-core');
var eAndL = require('aframe-extrude-and-lathe');
aframeCore.registerComponent('extrude', eAndL.extrudeComponent);
aframeCore.registerComponent('lathe', eAndL.latheComponent);Use.
<a-scene>
<a-entity
extrude="path:'m0.1,0.1 l-0.2,0 l0,-0.2 l0.2,0 l0,0.2 z'; amount:0.05"
position="1 1 2"
material="color:blue"></a-entity>
<a-entity
lathe="path:'m0.1,-0.3 l0.3,0 l0,0.3 l-0.3,0 z'; angle:360; steps:32"
position="-1 1 2"
rotation="90 0 0"
material="color:green; side:double"></a-entity>
</a-scene>| Property | Description | Default Value |
|---|---|---|
| path | define profile shape via syntax akin to SVG path's d attribute | empty. must be defined |
| amount | extension of extrusion | 1 |
| Property | Description | Default Value |
|---|---|---|
| path | define profile shape via syntax akin to SVG path's d attribute | empty. must be defined |
| startAngle | start angle for the revolution | 0 |
| angle | revolution angle (0>angle>360) | 360 |
| steps | number of steps along the angle | 16 |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent