nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

webscene and transparency

johnbrosowsky

In my city engine scene I make rooftops transparent in order to see into the buildings from the top. When I export to a web scene, the rooftops in web viewer are solid. How can I make the web scene observe the transparency?

Find more posts tagged with

Accepted answers

All comments

MatthiasBuehler1

Sure .. that should work.

So it seems something goes wrong with your CGA code ..

Just copy-paste my code into your code and this should work then.

Maybe start a fresh rule with this as a base. ok ?

Matt

johnbrosowsky

That works! Is it possible to get the polygons extruded from the imported shapefile to look the same?

Thanks a lot!

MatthiasBuehler1

Hi,

sorry for the trouble...

can you please try 1 single rectangular shape with this code:

Shape -->
      extrude(5)
      set(material.opacity, 0.5)

this should work in any case. it works for me here.

let me know ..

matt

johnbrosowsky

There are no textures. I imported a shapefile of building footprints, extruded into 3D, and set the top to be transparent using the simple CGA rule I pasted above. Attached are pictures. The .cej shows a transparent roof. When I export to 3ws or collada the roof becomes solid.

3ws.png

cej.png

MatthiasBuehler1

can you post some precise screenshots of what needs to be transparent and how it looks both in CE and in the WebScene ?

are textures involved that need to be transparent ?

let me know ..

matt

johnbrosowsky

It still does not work. I see the partial opacity in the City Engine desktop, but in exported web scenes or collada models.

MatthiasBuehler1

try :

set(material.opacity, 0.3)

matt

johnbrosowsky

I imported a shapefile containing building footprints, and then used a simple rules cga to extrude the building footprint polygons, and assign color and opacity to floor, roof, and walls:

attr Height = 10

@StartRule

Lot--> extrude (Height)

comp(f){side: Facade | bottom: Floor | top: Roof}

Roof -->
set(material.color.a, 0)
color("#CDB38B")

Facade -->
color("#909090")

Floor -->
color("#F7F8E0")

LukeCzar

Hi John,

How did you make them transparent? is it a sketchup model? did you use RULES to make those building transparent?

Lukasz

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.