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; } } }

City Engine color

chiaramallegni

Hi,
I need to color with different color each building from one single group using the same rule for each building. I would classified with different color each building following an attribute (value field). How to do? What is the right CGA rule?
Thank's
chiara

Vind meer berichten getagd met

Accepted answers

MatthiasBuehler1

This should work :

 // Attributes attr Q_GRONDA = "" # string ! attr STANZA = ""   // Functions  red           = "#ffaaaa" green        = "#aaffaa" blue          = "#aaaaff" turquoise   = "#ooebeb" white        = "#ffffff" yellow       = "#ffff73" grey         = "#9c9c9c"   // Start !  @StartRule Lot -->     extrude (float (Q_GRONDA))     Colorizer  Colorizer-->     case STANZA == "4_1" :         color(red)         Continue      case STANZA == "7_2" :         color(yellow)         Continue      case STANZA == "1_3" :         color(blue)         Continue      case STANZA == "4_3" :         color(green)         Continue      else :         color(white)         Continue   Continue -->     comp(f) { side : Facade. | top : roofHip(30,0.5) Roof. }

All comments

MatthiasBuehler1

Whats the code for the color Gray?

hi ..

grey is when you have the same color values for r,g,b.

some extremes of grey would be black or white. ( wow, people will quote me on this in 100 years ! 🙂 )

e.g.

color(0.2,0.2,0.2)

or in hex :
color("#222222")

hex colors work like this (per channel):
00 is darkest, then it goes up to 99, then comes AA up to FF, which is white.

ok ?

matt

JoanneO_Brien

it depends on what colour grey you're after, if you google hex colours you'll find many websites which contain all the different hex values for colours 🙂

MarcoPesci

Whats the code for the color Gray?

chiaramallegni

Hi Met,
My skype conctat is: chiarapreistoria. I'm waiting for you on skype.
Bye Bye.

Chiara

MatthiasBuehler1

Hi !

Do you have Skype ?

Maybe it's best to talk via Skype to track this down.

If you have Skype, please send me a PM here on the forum with your Skype address.

Let me know.

Matt

chiaramallegni

Hi, I've tried what you told me but...the problem dosn's stop...the wrong is about the floor's colors, (in my data each room aren't in the same building but consisting in several building one on above each other -extrudes with an attribute for the height: Q_GRONDA-). I would visualize each room floor with differnt color but while I see in right way on City Engine I can't see the same things onArcGis online ( http://chiara.maps.arcgis.com/apps/CEWebViewer/viewer.html?3dWebScene=08df4bcd3452468fbfc325d9617fed16).
I can post my rule:

/**
* File:    color.cga
* Created: 6 Mar 2013 15:33:57 GMT
* Author: Chiara
*/

version "2012.1"
// Attributes
attr Q_GRONDA = 1
attr AREA_VANO = ""

// Functions

Chartreuse = "#7FFF00"
LimeGreen = "#32CD32"
ForestGreen = "#228B22"
yellow = "#FFFF00"
Aqua = "#00FFFF"
Blue = "#0000FF"
CornflowerBlue= "#6495ED"
DeepSkyBlue = "#00BFFF"
RoyalBlue = "#4169E1"
SkyBlue = "#87CEEB"
DarkTurquoise = "#00CED1"
Fuchsia = "#FF00FF"
DarkViolet = "#9400D3"
DarkMagenta = "#8B008B"
Magenta = "#FF00FF"
Plum = "#DDA0DD"
Violet = "#EE82EE"
PaleVioletRed = "#DB7093"
MediumOrchid = "#BA55D3"
LightSkyBlue = "#87CEFA"
LightPink = "#FFB6C1"
Red = "#FF0000"
GreenYellow = "#ADFF2F"
Gainsboro = "#DCDCDC"
White = "#FFFFFF"
WhiteSmoke = "#F5F5F5"
PaleGreen = "#98FB98"
// Start !

@StartRule

lot --> extrude (Q_GRONDA)
Colorizer
Colorizer -->
    case AREA_VANO == "E1_2" :
        color(Chartreuse)
     comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E2_2" :
        color(LimeGreen)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "3_2" :
        color(ForestGreen)
        comp (f){ side : facade. | bottom : bottom.}

    case AREA_VANO == "E1_1" :
        color(Aqua)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E2_1" :
        color(Blue)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E3_1" :
        color(CornflowerBlue)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E4_1" :
        color(DeepSkyBlue)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E5_1" :
        color(RoyalBlue)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E6_1" :
        color(SkyBlue)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E7_1" :
        color(DarkTurquoise)
        comp (f){ side : facade. | bottom : bottom.}

    case AREA_VANO == "E1_0" :
        color(Fuchsia)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E2_0" :
        color(DarkViolet)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E3_0" :
        color(DarkMagenta)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E4_0" :
        color(Magenta)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E5_0" :
        color(Plum)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E6_0" :
        color(Violet)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E7_0" :
        color(MediumOrchid)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "E8_0" :
        color(PaleVioletRed)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "RETRO" :
        color(PaleGreen)
        comp (f){ side : facade. | bottom : bottom. | top : roofHip(30,0.5) Roof. }
        set (material.opacity, 0.5)
    case AREA_VANO == "SCALINATA" :
        color(PaleGreen)
        comp (f){ side : facade. | bottom : bottom. | top : roofHip(30,0.5) Roof. }
        set (material.opacity, 0.5)

    case AREA_VANO == "B1_0" :
        color(LightSkyBlue)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "B2_0" :
        color(LightPink)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "B1_2" :
        color(LightSkyBlue)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "B2_2" :
        color(LightPink)
        comp (f){ side : facade. | bottom : bottom.}

    case AREA_VANO == "SCALA1_0" :
        color(yellow)
        comp (f){ side : facade. | bottom : bottom.}
        case AREA_VANO == "SCALA1_1" :
        color(yellow)
        comp (f){ side : facade. | bottom : bottom.}
        case AREA_VANO == "SCALA1_2" :
        color(yellow)
        comp (f){ side : facade. | bottom : bottom.}
        case AREA_VANO == "SCALA2_0" :
        color(yellow)
        comp (f){ side : facade. | bottom : bottom.}
        case AREA_VANO == "SCALA2_1" :
        color(yellow)
        comp (f){ side : facade. | bottom : bottom.}

    case AREA_VANO == "PORTA1_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA2_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA3_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA4_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA5_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA6_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA7_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA8_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA9_0" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA1_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA2_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA3_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA4_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA5_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA6_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA7_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "PORTA8_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "P1_1" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "P2_2" :
        color(Red)
        comp (f){ bottom : bottom.}
    case AREA_VANO == "P3_2" :
        color(Red)
        comp (f){ bottom : bottom.}

    case AREA_VANO == "I_1_0" :
        color(GreenYellow)
        comp (f){ side : facade. | bottom : bottom.}
    case AREA_VANO == "MURA" :
        color(White)
         comp (f){ side : bottom. | side : facade.| side: side.| top: top.}
    else :
        color(White)
        comp (f){ side: side. | front : front. | side : facade. | bottom : bottom. | top: top.}

What could be happened?

Thank's

Chiara

MatthiasBuehler1

Hi,

this is hard to say without access to the data.

really step through each element and export it individually.

e.g. select only the green areas and export them to 3ws, then export only the walls and so on.

you then should find the actual issue and be able to reproduce it.

if there's really a bug, I'll then have to be able to reproduce the issue here on my machine anyway.

if you cannot track it down, post the data here.

ok ?

Matt

chiaramallegni

sorry,
now you shoud open it :http://chiara.maps.arcgis.com/apps/CEWebViewer/viewer.html?3dWebScene=66c55f4c4c0a4fda9432fa1c8b853013

lat me konw.

chiara

MatthiasBuehler1

hi ..

I can not log on there .. it seems.

I can log onto ArcGIS.com, but not this site .. weird .. is this a special account of yours ?

Concerning visibility :

Check the visibility buttons in the web viewer when open.

Maybe post also a screenshot of the web scene since I cannot access this one.

Otherwise, try to track the issue down one by one, e.g. only exporting 1 building, then 2, then 3, ..

Ok ?

M.

chiaramallegni

Hi,

I have published this project on arcGis online but on ArgGIS on line dislplay (the color of building change, being wrong or not visible, for exemple the flat became unvisible (http://chiara.maps.arcgis.com/apps/CEWebViewer/viewer.html?3dWebScene=e983c5523f39454bae41fc5b568819c4).
Why????

[ATTACH=CONFIG]22596[/ATTACH] this is my correct building in city engine.

house.png

Crash data event layer.jpg

MatthiasBuehler1

Ciao chiara,

Sure, post more questions here ..

🙂

You find other standard roof types and all other CGA operations in the CGA code reference. Go to the Help Menu (F1).

You can make materials transparent by writing :

set (material.opacity, 0.3)

chiaramallegni

Dear Matthias,
Thank's, the code now work. I've modified someting, frist of all attr Q_GRONDA is not string but value (is the height of my building). Now all work but the color of building work in ralation with extrud, I praefer be indipendent each other, but also like this is ok.
I do a master thesis with City Engine, so, can I disturb you other time?
Two other things: you wrote in the previaous code :"top : roofHip(30,0.5) Roof", when I applicate the roof of buildings became from flat to sloping, roofHip(30,0.5) is the code for sloping roof? Wher I can found library with different ty pes of shape like that?
It's possible applicate transparency?

This is my modyfyed code:

// Attributes
attr Q_GRONDA = 1
attr STANZA = ""

// Functions

red           = "#ffaaaa"
green        = "#aaffaa"
blue          = "#aaaaff"
turquoise   = "#ooebeb"
white        = "#ffffff"
yellow       = "#ffff73"
grey         = "#9c9c9c"

// Start !

@StartRule

lot --> extrude (Q_GRONDA)
Colorizer
Colorizer -->
    case STANZA == "8_1" :
        color(red)
    case STANZA == "7_1" :
        color(yellow)
        comp (f){ side : facade.}
    case STANZA == "1_3" :
        color(blue)
    case STANZA == "magazzino_2" :
        color(green)
        comp (f){ side : facade.}
    else :
        color(turquoise)
        comp (f){ side : facade.}

all the best.

chiara

MatthiasBuehler1

This should work :

 // Attributes attr Q_GRONDA = "" # string ! attr STANZA = ""   // Functions  red           = "#ffaaaa" green        = "#aaffaa" blue          = "#aaaaff" turquoise   = "#ooebeb" white        = "#ffffff" yellow       = "#ffff73" grey         = "#9c9c9c"   // Start !  @StartRule Lot -->     extrude (float (Q_GRONDA))     Colorizer  Colorizer-->     case STANZA == "4_1" :         color(red)         Continue      case STANZA == "7_2" :         color(yellow)         Continue      case STANZA == "1_3" :         color(blue)         Continue      case STANZA == "4_3" :         color(green)         Continue      else :         color(white)         Continue   Continue -->     comp(f) { side : Facade. | top : roofHip(30,0.5) Roof. }

chiaramallegni

I have two different way:

1:

attr Q_GRONDA =0
lot --> extrude (Q_GRONDA)

attr myAttr = "STANZA"

//colorFunction
colorFunction(colorChannel) =
case myAttr == "4_2" :
case colorChannel == "r" : .3
case colorChannel == "g" : .4
else : 0.5 # b
case myAttr == "7_2" :
case colorChannel == "r" : .2
case colorChannel == "g" : .7
else : 1 #b

Lot -->
color (colorFunction("r"),colorFunction("g"),colorFunction("b") )

2:

attr Q_GRONDA =0
lot --> extrude (Q_GRONDA)

# color declarations
red = "#ffaaaa"
green = "#aaffaa"
blue = "#aaaaff"
turquoise = "#ooebeb"
white = "#ffffff"
yellow = "#ffff73"
grey = "#9c9c9c"

attr STANZA = ""

// Functions
attr (STANZA) -->
case STANZA == "4_1" : red
case STANZA == "7_2" : yellow
case STANZA == "1_3" : blue
case STANZA == "4_3" : green
else : white

Where is my error? (attr Q_GRONDA =0 lot --> extrude (Q_GRONDA) is ok! )

MatthiasBuehler1

hi ..

just for information, the above was just an example, without correct code.. that code WILL produce errors.

can you post your code ?

m.

chiaramallegni

Dear Matthias Buehler,
frist of all thank's for your time.
unfortunatly the code dosn't work, my GIS attr is "STANZA" but there are some errors:
1) colorFunction(colorChannel) = (mismathched Token)
2) case (mismathched Token).

I I have recently started to work with City Engine and I do not Know many code an low of code.

All the best.

Chiara

MatthiasBuehler1

I'd try something like this for starters ..

Ok ?

r,g,b = red, green, blue


attr myAttr = "" # point source to object attr ( gis data )


colorFunction(colorChannel) = 
    case myAttr == "string_1" :
        case colorChannel == "r" : .3
        case colorChannel == "g" : .4
        else : 0.5 # b
     case myAttr == "string_2" :
        case colorChannel == "r" : .2
        case colorChannel == "g" : .7
        else : 1  #b
    else :
     ..

Lot -->
    color (colorFunction("r"),colorFunction("g"),colorFunction("b") )

chiaramallegni

The attr is string....Thank's a lot!

Chiara

MatthiasBuehler1

Hi !

What's the attr type ? float ? string ?

let me know .. Matt

ps. this tutorial may help you with the very basics :
http://forums.arcgis.com/threads/53008-GIS-Data-Mini-Tutorial-Building-Height-and-Floor-Splits

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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