You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.6 KiB
HTML
68 lines
1.6 KiB
HTML
2 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<h1>[name]</h1>
|
||
|
|
|
||
|
|
<p class="desc">
|
||
|
|
[name] is intended to modify the geometry "dissolving" the edges to give a smoother look.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Import</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
[name] is an add-on, and therefore must be imported explicitly.
|
||
|
|
See [link:#manual/introduction/Installation Installation / Addons].
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<code>
|
||
|
|
import { EdgeSplitModifier } from 'three/addons/modifiers/EdgeSplitModifier.js';
|
||
|
|
</code>
|
||
|
|
|
||
|
|
<h2>Code Example</h2>
|
||
|
|
|
||
|
|
<code>
|
||
|
|
const geometry = new THREE.IcosahedronGeometry( 10, 3 );<br />
|
||
|
|
const modifier = new EdgeSplitModifier();<br />
|
||
|
|
const cutOffAngle = 0.5;<br />
|
||
|
|
const tryKeepNormals = false;<br />
|
||
|
|
<br />
|
||
|
|
modifier.modify( geometry, cutOffAngle, tryKeepNormals );
|
||
|
|
</code>
|
||
|
|
|
||
|
|
<h2>Examples</h2>
|
||
|
|
|
||
|
|
<p>[example:webgl_modifier_edgesplit misc / modifiers / EdgeSplit ]</p>
|
||
|
|
|
||
|
|
<h2>Constructor</h2>
|
||
|
|
|
||
|
|
<h3>[name]()</h3>
|
||
|
|
<p>
|
||
|
|
Create a new [name] object.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Methods</h2>
|
||
|
|
|
||
|
|
<h3>[method:undefined modify]( [param:geometry], [param:cutOffAngle], [param:tryKeepNormals] )</h3>
|
||
|
|
<p>
|
||
|
|
Using interpolated vertex normals, the mesh faces will blur at the edges and appear smooth.<br />
|
||
|
|
|
||
|
|
You can control the smoothness by setting the `cutOffAngle`.<br />
|
||
|
|
|
||
|
|
To try to keep the original normals, set `tryKeepNormals` to `true`.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Source</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/modifiers/EdgeSplitModifier.js examples/jsm/modifiers/EdgeSplitModifier.js]
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|