Comments (5)
PR: #474
Testing in console with these commands:
tc = document.createElement('a-entity')
tc.setAttribute('svg-extruder', `svgString: <svg id="traffic-circle-svg" width="1562" height="1722" viewBox="0 0 1562 1722" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="747" cy="884" r="376" fill="white"/>
<path d="M170 921C110.447 960.339 73.1658 978.46 0 1004L24 1070.5C87.6715 1053.2 126.721 1054.53 200.5 1070.5C180.691 1013.73 173.793 981.04 170 921Z" fill="white"/>
<path d="M920.5 16.5L873 0C826.761 111.5 798.791 179.933 747 307.5C818.049 307.14 904.5 334 904.5 334C896.322 273.342 871.658 119.714 920.5 16.5Z" fill="white"/>
<path d="M1562 797C1475.23 805.17 1419.94 800.652 1310 777C1322.14 822.934 1324.73 853.264 1326 911C1426.16 863.684 1479.82 844.12 1562 847V797Z" fill="white"/>
<path d="M832 1467C782.879 1472.52 753.742 1472.69 697 1467C729.414 1550.35 751.819 1619.31 761 1722H803.5C806.545 1646.07 790.668 1543.99 832 1467Z" fill="white"/>
</svg>`)
tc.setAttribute('data-layer-name', 'Segment • SVG-Extrude')
sp = document.querySelector('.street-parent')
sp.appendChild(tc)
Here also need to scale it down to 0.05 to fit the scene size
from 3dstreet.
wow it's working great so far!
from 3dstreet.
now extruded svg works with applied texture
from 3dstreet.
I think it also will be good to add elevation level property in this component. So that the user can quickly set the height (y-position) to match existing streetmix and 3DStreet levels
from 3dstreet.
closed by #478
from 3dstreet.
Related Issues (20)
- support new streetmix metric plan HOT 4
- add new cablecar object to replace legacy tram HOT 1
- sometimes an svg layer will load 90º incorrect on one rotation axis HOT 15
- Consider adding objects from UO team by Luke
- remove date and hash from console log
- new scene function - reference layer is not removed when loading new scene HOT 2
- bevel option on svg extrude HOT 7
- issue: cannot open streetmix url with unsupported segment variants HOT 2
- change representation for variantString 'median' for 'divider' segment type
- add people for outdoor-dining occupied variant
- add variants car-with-bus, car-with-bike, sharrow, truc and anothers for drive-lane segment
- add shared bus and bike variant support for bus-lane segment
- add two-way variant for bike-lane segment
- streetplan-loader component HOT 6
- map diagram for forms (idea for later)
- remove rigging from vehicles HOT 1
- docs for passing data to 3DStreet via hash
- svg extrude bevel uses bevelColor instead of color when bevelEnabled is false HOT 2
- when releasing mouse button (click up) while using transform controls on a currently selected entity, do not select another item
- ability to choose new stencil mixins
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from 3dstreet.