qiusj
/
learning_cesium
0
0
Fork 0
Code Issues Issues Pull Requests Releases Wiki Wiki Activity
learning_cesium/Build168/Documentation/PolylineColorAppearance.html

1208 lines
59 KiB
HTML
Raw Permalink Normal View History

init project
2024-03-19 18:06:25 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PolylineColorAppearance - Cesium Documentation</title>
<!--[if lt IE 9]>
<script src="javascript/html5.js"></script>
<![endif]-->
<link href="styles/jsdoc-default.css" rel="stylesheet">
<link href="styles/prism.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1 class="page-title">
<a href="index.html"><img src="Images/CesiumLogo.png" class="cesiumLogo"></a>
PolylineColorAppearance
<div class="titleCenterer"></div>
</h1>
<section>
<header>
</header>
<article>
<div class="container-overview">
<div class="nameContainer">
<h4 class="name" id="PolylineColorAppearance">
<a href="#PolylineColorAppearance" class="doc-link"></a>
new Cesium.PolylineColorAppearance<span class="signature">(<span class="optional">options</span>)</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L52">Scene/PolylineColorAppearance.js 52</a>
</div>
</h4>
</div>
<div class="description">
An appearance for <a href="GeometryInstance.html"><code>GeometryInstance</code></a> instances with color attributes and
<a href="PolylineGeometry.html"><code>PolylineGeometry</code></a> or <a href="GroundPolylineGeometry.html"><code>GroundPolylineGeometry</code></a>.
This allows several geometry instances, each with a different color, to
be drawn with the same <a href="Primitive.html"><code>Primitive</code></a>.
</div>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>options</code></td>
<td class="type">
<span class="param-type">Object</span>
</td>
<td class="description last">
<span class="optional">optional</span>
Object with the following properties:
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>translucent</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
<code class="language-javascript">true</code>
</td>
<td class="description last">
<span class="optional">optional</span>
When <code>true</code>, the geometry is expected to appear translucent so <a href="PolylineColorAppearance.html#renderState"><code>PolylineColorAppearance#renderState</code></a> has alpha blending enabled.</td>
</tr>
<tr>
<td class="name"><code>vertexShaderSource</code></td>
<td class="type">
<span class="param-type">String</span>
</td>
<td class="default">
</td>
<td class="description last">
<span class="optional">optional</span>
Optional GLSL vertex shader source to override the default vertex shader.</td>
</tr>
<tr>
<td class="name"><code>fragmentShaderSource</code></td>
<td class="type">
<span class="param-type">String</span>
</td>
<td class="default">
</td>
<td class="description last">
<span class="optional">optional</span>
Optional GLSL fragment shader source to override the default fragment shader.</td>
</tr>
<tr>
<td class="name"><code>renderState</code></td>
<td class="type">
<span class="param-type">RenderState</span>
</td>
<td class="default">
</td>
<td class="description last">
<span class="optional">optional</span>
Optional render state to override the default render state.</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<dl class="details">
<h5>Example:</h5>
<pre><code class="language-javascript">// A solid white line segment
var primitive = new Cesium.Primitive({
geometryInstances : new Cesium.GeometryInstance({
geometry : new Cesium.PolylineGeometry({
positions : Cesium.Cartesian3.fromDegreesArray([
0.0, 0.0,
5.0, 0.0
]),
width : 10.0,
vertexFormat : Cesium.PolylineColorAppearance.VERTEX_FORMAT
}),
attributes : {
color : Cesium.ColorGeometryInstanceAttribute.fromColor(new Cesium.Color(1.0, 1.0, 1.0, 1.0))
}
}),
appearance : new Cesium.PolylineColorAppearance({
translucent : false
})
});</code></pre>
</dl>
</div>
<h3 class="subsection-title">Members</h3>
<div class="nameContainer">
<h4 class="name" id=".VERTEX_FORMAT">
<a href="#.VERTEX_FORMAT" class="doc-link"></a>
<span class="type-signature attribute-static">static</span><span class="type-signature attribute-constant">constant</span>Cesium.PolylineColorAppearance.VERTEX_FORMAT<span class="type-signature"> : <a href="VertexFormat.html">VertexFormat</a></span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L181">Scene/PolylineColorAppearance.js 181</a>
</div>
</h4>
</div>
<div class="description">
The <a href="VertexFormat.html"><code>VertexFormat</code></a> that all <a href="PolylineColorAppearance.html"><code>PolylineColorAppearance</code></a> instances
are compatible with. This requires only a <code>position</code> attribute.
</div>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id="closed">
<a href="#closed" class="doc-link"></a>
<span class="type-signature attribute-readonly">readonly</span>closed<span class="type-signature"> : Boolean</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L148">Scene/PolylineColorAppearance.js 148</a>
</div>
</h4>
</div>
<div class="description">
When <code>true</code>, the geometry is expected to be closed so
<a href="PolylineColorAppearance.html#renderState"><code>PolylineColorAppearance#renderState</code></a> has backface culling enabled.
This is always <code>false</code> for <code>PolylineColorAppearance</code>.
</div>
<dl class="details">
<span class="details-header">Default Value:</span>
<code class="language-javascript">false</code>
</dl>
<div class="nameContainer">
<h4 class="name" id="fragmentShaderSource">
<a href="#fragmentShaderSource" class="doc-link"></a>
<span class="type-signature attribute-readonly">readonly</span>fragmentShaderSource<span class="type-signature"> : String</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L112">Scene/PolylineColorAppearance.js 112</a>
</div>
</h4>
</div>
<div class="description">
The GLSL source code for the fragment shader.
</div>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id="material">
<a href="#material" class="doc-link"></a>
material<span class="type-signature"> : <a href="Material.html">Material</a></span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L67">Scene/PolylineColorAppearance.js 67</a>
</div>
</h4>
</div>
<div class="description">
This property is part of the <a href="Appearance.html"><code>Appearance</code></a> interface, but is not
used by <a href="PolylineColorAppearance.html"><code>PolylineColorAppearance</code></a> since a fully custom fragment shader is used.
</div>
<dl class="details">
<span class="details-header">Default Value:</span>
<code class="language-javascript">undefined</code>
</dl>
<div class="nameContainer">
<h4 class="name" id="renderState">
<a href="#renderState" class="doc-link"></a>
<span class="type-signature attribute-readonly">readonly</span>renderState<span class="type-signature"> : Object</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L130">Scene/PolylineColorAppearance.js 130</a>
</div>
</h4>
</div>
<div class="description">
The WebGL fixed-function state to use when rendering the geometry.
<p>
The render state can be explicitly defined when constructing a <a href="PolylineColorAppearance.html"><code>PolylineColorAppearance</code></a>
instance, or it is set implicitly via <a href="PolylineColorAppearance.html#translucent"><code>PolylineColorAppearance#translucent</code></a>.
</p>
</div>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id="translucent">
<a href="#translucent" class="doc-link"></a>
translucent<span class="type-signature"> : Boolean</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L77">Scene/PolylineColorAppearance.js 77</a>
</div>
</h4>
</div>
<div class="description">
When <code>true</code>, the geometry is expected to appear translucent so
<a href="PolylineColorAppearance.html#renderState"><code>PolylineColorAppearance#renderState</code></a> has alpha blending enabled.
</div>
<dl class="details">
<span class="details-header">Default Value:</span>
<code class="language-javascript">true</code>
</dl>
<div class="nameContainer">
<h4 class="name" id="vertexFormat">
<a href="#vertexFormat" class="doc-link"></a>
<span class="type-signature attribute-readonly">readonly</span>vertexFormat<span class="type-signature"> : <a href="VertexFormat.html">VertexFormat</a></span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L166">Scene/PolylineColorAppearance.js 166</a>
</div>
</h4>
</div>
<div class="description">
The <a href="VertexFormat.html"><code>VertexFormat</code></a> that this appearance instance is compatible with.
A geometry can have more vertex attributes and still be compatible - at a
potential performance cost - but it can't have less.
</div>
<dl class="details">
<span class="details-header">Default Value:</span>
<code class="language-javascript"><a href="PolylineColorAppearance.html#.VERTEX_FORMAT"><code>PolylineColorAppearance.VERTEX_FORMAT</code></a></code>
</dl>
<div class="nameContainer">
<h4 class="name" id="vertexShaderSource">
<a href="#vertexShaderSource" class="doc-link"></a>
<span class="type-signature attribute-readonly">readonly</span>vertexShaderSource<span class="type-signature"> : String</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L98">Scene/PolylineColorAppearance.js 98</a>
</div>
</h4>
</div>
<div class="description">
The GLSL source code for the vertex shader.
</div>
<dl class="details">
</dl>
<h3 class="subsection-title">Methods</h3>
<div class="nameContainer">
<h4 class="name" id="getFragmentShaderSource">
<a href="#getFragmentShaderSource" class="doc-link"></a>
getFragmentShaderSource<span class="signature">()</span> &rarr; <span class="type-signature returnType">String</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L190">Scene/PolylineColorAppearance.js 190</a>
</div>
</h4>
</div>
<div class="description">
Procedurally creates the full GLSL fragment shader source.
</div>
<h5>Returns:</h5>
<div class="param-desc">
The full GLSL fragment shader source.
</div>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id="getRenderState">
<a href="#getRenderState" class="doc-link"></a>
getRenderState<span class="signature">()</span> &rarr; <span class="type-signature returnType">Object</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L210">Scene/PolylineColorAppearance.js 210</a>
</div>
</h4>
</div>
<div class="description">
Creates a render state. This is not the final render state instance; instead,
it can contain a subset of render state properties identical to the render state
created in the context.
</div>
<h5>Returns:</h5>
<div class="param-desc">
The render state.
</div>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id="isTranslucent">
<a href="#isTranslucent" class="doc-link"></a>
isTranslucent<span class="signature">()</span> &rarr; <span class="type-signature returnType">Boolean</span>
<div class="source-link rightLinks">
<a href="https://github.com/CesiumGS/cesium/blob/1.68/Source/Scene/PolylineColorAppearance.js#L199">Scene/PolylineColorAppearance.js 199</a>
</div>
</h4>
</div>
<div class="description">
Determines if the geometry is translucent based on <a href="PolylineColorAppearance.html#translucent"><code>PolylineColorAppearance#translucent</code></a>.
</div>
<h5>Returns:</h5>
<div class="param-desc">
<code>true</code> if the appearance is translucent.
</div>
<dl class="details">
</dl>
</article>
</section>
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a>
</footer>
</div>
<div class="nav">
<div class="menu">
<input type="text" class="classFilter" id="ClassFilter" placeholder="Search">
<ul id="ClassList"><li data-name="Animation"><a href="Animation.html">Animation</a></li><li data-name="AnimationViewModel"><a href="AnimationViewModel.html">AnimationViewModel</a></li><li data-name="Appearance"><a href="Appearance.html">Appearance</a></li><li data-name="ArcGisMapServerImageryProvider"><a href="ArcGisMapServerImageryProvider.html">ArcGisMapServerImageryProvider</a></li><li data-name="ArcGISTiledElevationTerrainProvider"><a href="ArcGISTiledElevationTerrainProvider.html">ArcGISTiledElevationTerrainProvider</a></li><li data-name="ArcType"><a href="ArcType.html">ArcType</a></li><li data-name="AssociativeArray"><a href="AssociativeArray.html">AssociativeArray</a></li><li data-name="AxisAlignedBoundingBox"><a href="AxisAlignedBoundingBox.html">AxisAlignedBoundingBox</a></li><li data-name="barycentricCoordinates"><a href="barycentricCoordinates.html">barycentricCoordinates</a></li><li data-name="BaseLayerPicker"><a href="BaseLayerPicker.html">BaseLayerPicker</a></li><li data-name="BaseLayerPickerViewModel"><a href="BaseLayerPickerViewModel.html">BaseLayerPickerViewModel</a></li><li data-name="Billboard"><a href="Billboard.html">Billboard</a></li><li data-name="BillboardCollection"><a href="BillboardCollection.html">BillboardCollection</a></li><li data-name="BillboardGraphics"><a href="BillboardGraphics.html">BillboardGraphics</a></li><li data-name="BillboardVisualizer"><a href="BillboardVisualizer.html">BillboardVisualizer</a></li><li data-name="binarySearch"><a href="binarySearch.html">binarySearch</a></li><li data-name="BingMapsApi"><a href="BingMapsApi.html">BingMapsApi</a></li><li data-name="BingMapsGeocoderService"><a href="BingMapsGeocoderService.html">BingMapsGeocoderService</a></li><li data-name="BingMapsImageryProvider"><a href="BingMapsImageryProvider.html">BingMapsImageryProvider</a></li><li data-name="BingMapsStyle"><a href="BingMapsStyle.html">BingMapsStyle</a></li><li data-name="BlendEquation"><a href="BlendEquation.html">BlendEquation</a></li><li data-name="BlendFunction"><a href="BlendFunction.html">BlendFunction</a></li><li data-name="BlendingState"><a href="BlendingState.html">BlendingState</a></li><li data-name="BlendOption"><a href="BlendOption.html">BlendOption</a></li><li data-name="BoundingRectangle"><a href="BoundingRectangle.html">BoundingRectangle</a></li><li data-name="BoundingSphere"><a href="BoundingSphere.html">BoundingSphere</a></li><li data-name="BoxEmitter"><a href="BoxEmitter.html">BoxEmitter</a></li><li data-name="BoxGeometry"><a href="BoxGeometry.html">BoxGeometry</a></li><li data-name="BoxGeometryUpdater"><a href="BoxGeometryUpdater.html">BoxGeometryUpdater</a></li><li data-name="BoxGraphics"><a href="BoxGraphics.html">BoxGraphics</a></li><li data-name="BoxOutlineGeometry"><a href="BoxOutlineGeometry.html">BoxOutlineGeometry</a></li><li data-name="CallbackProperty"><a href="CallbackProperty.html">CallbackProperty</a></li><li data-name="Camera"><a href="Camera.html">Camera</a></li><li data-name="CameraEventAggregator"><a href="CameraEventAggregator.html">CameraEventAggregator</a></li><li data-name="CameraEventType"><a href="CameraEventType.html">CameraEventType</a></li><li data-name="cancelAnimationFrame"><a href="cancelAnimationFrame.html">cancelAnimationFrame</a></li><li data-name="Cartesian2"><a href="Cartesian2.html">Cartesian2</a></li><li data-name="Cartesian3"><a href="Cartesian3.html">Cartesian3</a></li><li data-name="Cartesian4"><a href="Cartesian4.html">Cartesian4</a></li><li data-name="Cartographic"><a href="Cartographic.html">Cartographic</a></li><li data-name="CartographicGeocoderService"><a href="CartographicGeocoderService.html">CartographicGeocoderService</a></li><li data-name="CatmullRomSpline"><a href="CatmullRomSpline.html">CatmullRomSpline</a></li><li data-name="Cesium3DTile"><a href="Cesium3DTile.html">Cesium3DTile</a></li><li data-name="Cesium3DTileColorBlendMode"><a href="Cesium3DTileColorBlendMode.html">Cesium3DTileColorBlendMode</a></li><li data-name="Cesium3DTileContent"><a href="Cesium3DTileContent.html">Cesium3DTileContent</a></li><li data-
</div>
</div>
<script>
if (window.frameElement) {
document.body.className = 'embedded';
var ele = document.createElement('a');
ele.className = 'popout';
ele.target = '_blank';
ele.href = window.location.href;
ele.title = 'Pop out';
document.getElementById('main').appendChild(ele);
}
// Set targets on external links. Sandcastle and GitHub shouldn't be embedded in any iframe.
Array.prototype.forEach.call(document.getElementsByTagName('a'), function(a) {
if (/^https?:/i.test(a.getAttribute('href'))) {
a.target='_blank';
}
});
</script>
<script src="javascript/prism.js"></script>
<script src="javascript/cesiumDoc.js"></script>
</body>
</html>