javascript
/
three.js
espejo de https://github.com/tazdij/three.js.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
							<!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">
			Class representing a 2D [link:https://en.wikipedia.org/wiki/Vector_space vector].

			A 2D vector is an ordered pair of numbers (labeled x and y), which can be used to
			represent a number of things, such as:
		</p>

		<ul>
			<li>
				A point in 2D space (i.e. a position on a plane).
			</li>
			<li>
				A direction and length across a plane. In three.js the length will always be the
				[link:https://en.wikipedia.org/wiki/Euclidean_distance Euclidean distance]
				(straight-line distance) from (0, 0) to (x, y) and the direction is also
				measured from (0, 0) towards (x, y).
			</li>
			<li>
				Any arbitrary ordered pair of numbers.
			</li>
		</ul>

		<p>
			There are other things a 2D vector can be used to represent, such as momentum
			vectors, complex numbers and so on,	however these are the most common uses in three.js.
		</p>

		<h2>Code Example</h2>

		<code>
		const a = new THREE.Vector2( 0, 1 );

		//no arguments; will be initialised to (0, 0)
		const b = new THREE.Vector2( );

		const d = a.distanceTo( b );
		</code>


		<h2>Constructor</h2>

		<h3>[name]( [param:Float x], [param:Float y] )</h3>
		<p>
		[page:Float x] - the x value of this vector. Default is *0*.<br />
		[page:Float y] -  the y value of this vector. Default is *0*.<br /><br />

		Creates a new [name].
		</p>


		<h2>Properties</h2>

		<h3>[property:Float height]</h3>
		<p>Alias for [page:.y y].</p>

		<h3>[property:Float width]</h3>
		<p>Alias for [page:.x x].</p>

		<h3>[property:Float x]</h3>

		<h3>[property:Float y]</h3>


		<h2>Methods</h2>

		<h3>[method:this add]( [param:Vector2 v] )</h3>
		<p>Adds [page:Vector2 v] to this vector.</p>

		<h3>[method:this addScalar]( [param:Float s] )</h3>
		<p>Adds the scalar value [page:Float s] to this vector's [page:.x x] and [page:.y y] values.</p>

		<h3>[method:this addScaledVector]( [param:Vector2 v], [param:Float s] )</h3>
		<p>Adds the multiple of [page:Vector2 v] and [page:Float s] to this vector.</p>

		<h3>[method:this addVectors]( [param:Vector2 a], [param:Vector2 b] )</h3>
		<p>Sets this vector to [page:Vector2 a] + [page:Vector2 b].</p>

		<h3>[method:Float angle]()</h3>
		<p>
		Computes the angle in radians of this vector with respect to the positive x-axis.
		</p>

		<h3>[method:this applyMatrix3]( [param:Matrix3 m] )</h3>
		<p>
		Multiplies this vector (with an implicit 1 as the 3rd component) by m.
		</p>

		<h3>[method:this ceil]()</h3>
		<p>
		The [page:.x x] and [page:.y y] components of this vector are rounded up to the nearest integer value.
		</p>

		<h3>[method:this clamp]( [param:Vector2 min], [param:Vector2 max] )</h3>
		<p>
		[page:Vector2 min] - the minimum x and y values.<br />
		[page:Vector2 max] - the maximum x and y values in the desired range<br /><br />

		If this vector's x or y value is greater than the max vector's x or y value, it is replaced by the corresponding value. <br /><br />
		If this vector's x or y value is less than the min vector's x or y value, it is replaced by the corresponding value.
		</p>

		<h3>[method:this clampLength]( [param:Float min], [param:Float max] )</h3>
		<p>
		[page:Float min] - the minimum value the length will be clamped to <br />
		[page:Float max] - the maximum value the length will be clamped to<br /><br />

		If this vector's length is greater than the max value, it is replaced by the max value. <br /><br />
		If this vector's length is less than the min value, it is replaced by the min value.
		</p>

		<h3>[method:this clampScalar]( [param:Float min], [param:Float max] )</h3>
		<p>
		[page:Float min] - the minimum value the components will be clamped to <br />
		[page:Float max] - the maximum value the components will be clamped to<br /><br />

		If this vector's x or y values are greater than the max value, they are replaced by the max value. <br /><br />
		If this vector's x or y values are less than the min value, they are replaced by the min value.
		</p>

		<h3>[method:Vector2 clone]()</h3>
		<p>
		Returns a new Vector2 with the same [page:.x x] and [page:.y y] values as this one.
		</p>

		<h3>[method:this copy]( [param:Vector2 v] )</h3>
		<p>
			Copies the values of the passed Vector2's [page:.x x] and [page:.y y]
			properties to this Vector2.
		</p>

		<h3>[method:Float distanceTo]( [param:Vector2 v] )</h3>
		<p>Computes the distance from this vector to [page:Vector2 v].</p>

		<h3>[method:Float manhattanDistanceTo]( [param:Vector2 v] )</h3>
		<p>
		Computes the [link:https://en.wikipedia.org/wiki/Taxicab_geometry Manhattan distance] from this vector to [page:Vector2 v].
		</p>

		<h3>[method:Float distanceToSquared]( [param:Vector2 v] )</h3>
		<p>
		Computes the squared distance from this vector to [page:Vector2 v]. If you are just
		comparing the distance with another distance, you should compare the distance squared instead
		as it is slightly more efficient to calculate.
		</p>

		<h3>[method:this divide]( [param:Vector2 v] )</h3>
		<p>Divides this vector by [page:Vector2 v].</p>

		<h3>[method:this divideScalar]( [param:Float s] )</h3>
		<p>
		Divides this vector by scalar [page:Float s].<br />
		Sets vector to *( 0, 0 )* if [page:Float s] = 0.
		</p>

		<h3>[method:Float dot]( [param:Vector2 v] )</h3>
		<p>
		Calculates the [link:https://en.wikipedia.org/wiki/Dot_product dot product] of this
	  vector and [page:Vector2 v].
		</p>

		<h3>[method:Float cross]( [param:Vector2 v] )</h3>
		<p>
		Calculates the [link:https://en.wikipedia.org/wiki/Cross_product cross product] of this
	  vector and [page:Vector2 v]. Note that a 'cross-product' in 2D is not well-defined. This function computes a geometric cross-product often used in 2D graphics
		</p>

		<h3>[method:Boolean equals]( [param:Vector2 v] )</h3>
		<p>Checks for strict equality of this vector and [page:Vector2 v].</p>

		<h3>[method:this floor]()</h3>
		<p>The components of this vector are rounded down to the nearest integer value.</p>

		<h3>[method:this fromArray]( [param:Array array], [param:Integer offset] )</h3>
		<p>
		[page:Array array] - the source array.<br />
		[page:Integer offset] - (optional) offset into the array. Default is 0.<br /><br />

		Sets this vector's [page:.x x] value to be array[ offset ] and [page:.y y] value to be array[ offset + 1 ].
		</p>

		<h3>[method:this fromBufferAttribute]( [param:BufferAttribute attribute], [param:Integer index] )</h3>
		<p>
		[page:BufferAttribute attribute] - the source attribute.<br />
		[page:Integer index] - index in the attribute.<br /><br />

		Sets this vector's [page:.x x] and [page:.y y] values from the [page:BufferAttribute attribute].
		</p>

		<h3>[method:Float getComponent]( [param:Integer index] )</h3>
		<p>
		[page:Integer index] - 0 or 1.<br /><br />

		If index equals 0 returns the [page:.x x] value. <br />
		If index equals 1 returns the [page:.y y] value.
		</p>

		<h3>[method:Float length]()</h3>
		<p>Computes the [link:https://en.wikipedia.org/wiki/Euclidean_distance Euclidean length]
		(straight-line length) from (0, 0) to (x, y).</p>

		<h3>[method:Float manhattanLength]()</h3>
		<p>
		Computes the [link:http://en.wikipedia.org/wiki/Taxicab_geometry Manhattan length] of this vector.
		</p>

		<h3>[method:Float lengthSq]()</h3>
		<p>
		Computes the square of the [link:https://en.wikipedia.org/wiki/Euclidean_distance Euclidean length]
		(straight-line length) from (0, 0) to (x, y). If you are 	comparing the lengths of
		vectors, you should compare the length squared instead as it is slightly more efficient to calculate.
		</p>

		<h3>[method:this lerp]( [param:Vector2 v], [param:Float alpha] )</h3>
		<p>
		[page:Vector2 v] - [page:Vector2] to interpolate towards.<br />
		[page:Float alpha] - interpolation factor, typically in the closed interval [0, 1].<br /><br />

		Linearly interpolates between this vector and [page:Vector2 v], where alpha is the
		percent distance along the line - alpha = 0 will be this vector, and alpha = 1 will be [page:Vector2 v].
		</p>

		<h3>[method:this lerpVectors]( [param:Vector2 v1], [param:Vector2 v2], [param:Float alpha] )</h3>
		<p>
		[page:Vector2 v1] - the starting [page:Vector2].<br />
		[page:Vector2 v2] - [page:Vector2] to interpolate towards.<br />
		[page:Float alpha] - interpolation factor, typically in the closed interval [0, 1].<br /><br />

		Sets this vector to be the vector linearly interpolated between [page:Vector2 v1] and
		[page:Vector2 v2] where alpha is the percent distance along the line connecting the two vectors
		- alpha = 0 will be [page:Vector2 v1], and alpha = 1 will be [page:Vector2 v2].
		</p>

		<h3>[method:this negate]()</h3>
		<p>Inverts this vector - i.e. sets x = -x and y = -y.</p>

		<h3>[method:this normalize]()</h3>
		<p>
		Converts this vector to a [link:https://en.wikipedia.org/wiki/Unit_vector unit vector] - that is, sets it equal to a vector with the same direction
		as this one, but [page:.length length] 1.
		</p>

		<h3>[method:this max]( [param:Vector2 v] )</h3>
		<p>
		If this vector's x or y value is less than [page:Vector2 v]'s x or y value, replace
		that value with the corresponding max value.
		</p>

		<h3>[method:this min]( [param:Vector2 v] )</h3>
		<p>
		If this vector's x or y value is greater than [page:Vector2 v]'s x or y value, replace
		that value with the corresponding min value.
		</p>

		<h3>[method:this multiply]( [param:Vector2 v] )</h3>
		<p>Multiplies this vector by [page:Vector2 v].</p>


		<h3>[method:this multiplyScalar]( [param:Float s] )</h3>
		<p>Multiplies this vector by scalar [page:Float s].</p>

		<h3>[method:this rotateAround]( [param:Vector2 center], [param:Float angle] )</h3>
		<p>
			[page:Vector2 center] - the point around which to rotate.<br />
			[page:Float angle] - the angle to rotate, in radians.<br /><br />

			Rotates this vector around [page:Vector2 center] by [page:Float angle] radians.
		</p>

		<h3>[method:this round]()</h3>
		<p>The components of this vector are rounded to the nearest integer value.</p>

		<h3>[method:this roundToZero]()</h3>
		<p>
		The components of this vector are rounded towards zero (up if negative, down if positive) to an integer value.
		</p>

		<h3>[method:this set]( [param:Float x], [param:Float y] )</h3>
		<p>Sets the [page:.x x] and [page:.y y] components of this vector.</p>

		<h3>[method:null setComponent]( [param:Integer index], [param:Float value] )</h3>
		<p>
		[page:Integer index] - 0 or 1.<br />
		[page:Float value] - [page:Float]<br /><br />

		If index equals 0 set [page:.x x] to [page:Float value]. <br />
		If index equals 1 set [page:.y y] to [page:Float value]
		</p>

		<h3>[method:this setLength]( [param:Float l] )</h3>
		<p>
		Sets this vector to a vector with the same direction as this one, but [page:.length length]
		[page:Float l].
		</p>

		<h3>[method:this setScalar]( [param:Float scalar] )</h3>
		<p>
		Sets the [page:.x x] and [page:.y y] values of this vector both equal to [page:Float scalar].
		</p>

		<h3>[method:this setX]( [param:Float x] )</h3>
		<p>Replaces this vector's [page:.x x] value with [page:Float x].</p>

		<h3>[method:this setY]( [param:Float y] )</h3>
		<p>Replaces this vector's [page:.y y] value with [page:Float y].</p>

		<h3>[method:this sub]( [param:Vector2 v] )</h3>
		<p>Subtracts [page:Vector2 v] from this vector.</p>

		<h3>[method:this subScalar]( [param:Float s] )</h3>
		<p>Subtracts [page:Float s]  from this vector's [page:.x x] and [page:.y y] components.</p>

		<h3>[method:this subVectors]( [param:Vector2 a], [param:Vector2 b] )</h3>
		<p>Sets this vector to [page:Vector2 a] - [page:Vector2 b].</p>

		<h3>[method:Array toArray]( [param:Array array], [param:Integer offset] )</h3>
		<p>
		[page:Array array] - (optional) array to store this vector to. If this is not provided, a new array will be created.<br />
		[page:Integer offset] - (optional) optional offset into the array.<br /><br />

		Returns an array [x, y], or copies x and y into the provided [page:Array array].
		</p>

		<h3>[method:this random]()</h3>
		<p>
			Sets each component of this vector to a pseudo-random value between 0 and 1, excluding 1.
		</p>

		<h2>Source</h2>

		<p>
			[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
		</p>
	</body>
</html>