Skip to content

Latest commit

 

History

History

svg-extruder

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
js
js
 
 
svg
svg
 
 
README.md
README.md
 
 
hsm-3d.jpg
hsm-3d.jpg
 
 
index.html
index.html
 
 

README.md

AFrame + SVG-Extruder

hsm 3d-logo screenshot

  1. Create SVG using your favourite Vector-Program (or Text-Editor)
  2. Clean up the SVG (see limitations)
  3. Create 3D Logo in A-Frame

Components

A-Frame SVG-Extruder extrudes SVG to a 3D-Shape

Limitations

Very limited in terms of SVGs it can handle

  • Can't handle use and symbol tags
  • Does not relative coordinates in paths correctly (offset)
  • Color information is not used
  • Nice results with prepared SVGs (see example)

Embedding

<script src="https://unpkg.com/[email protected]/dist/index.min.js"></script>

Parameters

Parameter Type Default Required Description
src String null true Pass the path of your SVG file
proportional-scale Number 1 false Proportionally how many times you want that your file grow
extrude Number 0.1 false The depth of the extrusion
z-factor Number 0.005 false This will help you control the z-fighting on complex SVG layouts
override-color String null false Set an hex (eg: #000000) color if you want override the original colors of file