Skip to content
Merged
Changes from 1 commit
Commits
Show all changes
88 commits
Select commit Hold shift + click to select a range
0efe8b6
Update textureWrap.mdx
ienground Apr 29, 2024
bb8d52c
Update textureWrap.mdx
ienground Apr 29, 2024
1da34fe
Update textureWrap.mdx
ienground Apr 29, 2024
0b9d42e
Update normalMaterial.mdx
ienground Apr 29, 2024
d986fc9
Update normalMaterial.mdx
ienground Apr 29, 2024
6d9ff0a
Update ambientMaterial.mdx
ienground Apr 29, 2024
4d18e70
Update ambientMaterial.mdx
ienground Apr 29, 2024
0276923
Update ambientMaterial.mdx
ienground Apr 29, 2024
8e0efa6
Update emissiveMaterial.mdx
ienground Apr 29, 2024
90716ff
Update emissiveMaterial.mdx
ienground Apr 29, 2024
66a09ad
Update emissiveMaterial.mdx
ienground Apr 29, 2024
c00b09b
Update specularMaterial.mdx
ienground Apr 29, 2024
c3fec78
Update specularMaterial.mdx
ienground Apr 29, 2024
0027dbc
Update shininess.mdx
ienground Apr 29, 2024
db8b01b
Update metalness.mdx
ienground Apr 29, 2024
151941a
Update shader.mdx
ienground Apr 29, 2024
cfb4a43
Update copyToContext.mdx
ienground Apr 29, 2024
1567c96
Update shader.mdx
ienground Apr 29, 2024
b20fc60
Update textureWrap.mdx
ienground Apr 29, 2024
9b6ad33
Update ambientMaterial.mdx
ienground Apr 29, 2024
2ad8fba
Update emissiveMaterial.mdx
ienground Apr 29, 2024
30b08c9
Update specularMaterial.mdx
ienground Apr 29, 2024
e632195
Update shininess.mdx
ienground Apr 29, 2024
3937790
Update metalness.mdx
ienground Apr 29, 2024
3583f28
Update shader.mdx
ienground Apr 29, 2024
f0c2692
Update copyToContext.mdx
ienground Apr 29, 2024
7253936
Update copyToContext.mdx
ienground Apr 29, 2024
3402ce0
Update setUniform.mdx
ienground Apr 29, 2024
bfe6fdb
Update camera.mdx
ienground Apr 29, 2024
403512d
Update camera.mdx
ienground Apr 29, 2024
73a80e2
Update camera.mdx
ienground Apr 29, 2024
25a1f54
Update camera.mdx
ienground Apr 29, 2024
26150cd
Update perspective.mdx
ienground Apr 29, 2024
3aa479e
Update linePerspective.mdx
ienground Apr 29, 2024
471f107
Update ortho.mdx
ienground Apr 29, 2024
a1fd3bb
Update ortho.mdx
ienground Apr 29, 2024
6ad85d1
Update perspective.mdx
ienground Apr 29, 2024
acbef38
Update frustum.mdx
ienground Apr 29, 2024
5009571
Update createCamera.mdx
ienground Apr 29, 2024
ca88256
Update createCamera.mdx
ienground Apr 29, 2024
251d007
Update setCamera.mdx
ienground Apr 29, 2024
93223ae
Update camera.mdx
ienground Apr 29, 2024
88444c4
Update eyeX.mdx
ienground Apr 29, 2024
bcce9e1
Update eyeY.mdx
ienground Apr 29, 2024
6d723c7
Update eyeZ.mdx
ienground Apr 29, 2024
3fe2461
Update centerX.mdx
ienground Apr 29, 2024
1b37518
Update centerY.mdx
ienground Apr 29, 2024
4380e88
Update centerX.mdx
ienground Apr 29, 2024
5281512
Update centerZ.mdx
ienground Apr 29, 2024
0570021
Update upX.mdx
ienground Apr 29, 2024
8c844b2
Update upY.mdx
ienground Apr 29, 2024
a38c86f
Update upZ.mdx
ienground Apr 29, 2024
3f8b129
Update perspective.mdx
ienground Apr 29, 2024
d4926f3
Update camera.mdx
ienground Apr 29, 2024
8a15140
Update eyeX.mdx
ienground Apr 29, 2024
a381639
Update eyeY.mdx
ienground Apr 29, 2024
c4c6cfa
Update eyeZ.mdx
ienground Apr 29, 2024
1ffa78c
Update copyToContext.mdx
ienground Apr 29, 2024
524e8a2
Update upX.mdx
ienground Apr 29, 2024
59c2c1d
Update upY.mdx
ienground Apr 29, 2024
61c2e4b
Update upZ.mdx
ienground Apr 29, 2024
4a7fe74
Update upX.mdx
ienground Apr 29, 2024
bcfb5a5
Update upY.mdx
ienground Apr 29, 2024
9a77ec0
Update perspective.mdx
ienground Apr 29, 2024
cd23936
Update perspective.mdx
ienground Apr 29, 2024
35d4fc0
Update setUniform.mdx
ienground Apr 29, 2024
996a2ce
Update ambientMaterial.mdx
ienground Apr 29, 2024
dd139ff
Update camera.mdx
ienground Apr 29, 2024
6c70ca1
Update linePerspective.mdx
ienground Apr 29, 2024
5d750c6
Update perspective.mdx
ienground Apr 29, 2024
f3ea6ec
Update perspective.mdx
ienground Apr 29, 2024
b63f13b
Update perspective.mdx
ienground Apr 29, 2024
9b38c1f
Update eyeZ.mdx
ienground May 1, 2024
dc1f292
Update setUniform.mdx
ienground May 1, 2024
54790e4
Update emissiveMaterial.mdx
ienground May 1, 2024
af7c704
Update shader.mdx
ienground May 1, 2024
b479e60
Update textureWrap.mdx
ienground May 1, 2024
9b898af
Update textureWrap.mdx
ienground May 1, 2024
9bb069c
Update shader.mdx
ienground May 1, 2024
faeec3d
Update centerX.mdx
ienground May 1, 2024
206df18
Update centerY.mdx
ienground May 1, 2024
3e18eb4
Update centerZ.mdx
ienground May 1, 2024
cef67e2
Update camera.mdx
ienground May 1, 2024
3bdaaff
Update eyeX.mdx
ienground May 1, 2024
4878427
Update eyeY.mdx
ienground May 1, 2024
e048107
Update eyeZ.mdx
ienground May 1, 2024
e5ee23a
Merge branch 'main' into ienground-patch-1
designerSejinOH May 1, 2024
ba45330
Update camera.mdx
ienground May 1, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update ortho.mdx
  • Loading branch information
ienground authored Apr 29, 2024
commit 471f1078544d96943198e1f2130a377daa87f061
73 changes: 13 additions & 60 deletions src/content/reference/ko/p5/ortho.mdx
Original file line number Diff line number Diff line change
@@ -1,57 +1,15 @@
---
title: ortho
module: 3D
submodule: Camera
submodule: 카메라
file: src/webgl/p5.Camera.js
description: >
<p>Sets an orthographic projection for the current camera in a 3D sketch.</p>

<p>In an orthographic projection, shapes with the same size always appear the

same size, regardless of whether they are near or far from the camera.</p>

<p><code>ortho()</code> changes the camera’s perspective by changing its
viewing frustum

from a truncated pyramid to a rectangular prism. The camera is placed in

front of the frustum and views everything between the frustum’s near plane

and its far plane. <code>ortho()</code> has six optional parameters to define
the

frustum.</p>

<p>The first four parameters, <code>left</code>, <code>right</code>,
<code>bottom</code>, and <code>top</code>, set the

coordinates of the frustum’s sides, bottom, and top. For example, calling

<code>ortho(-100, 100, 200, -200)</code> creates a frustum that’s 200 pixels
wide and

400 pixels tall. By default, these coordinates are set based on the

sketch’s width and height, as in

<code>ortho(-width / 2, width / 2, -height / 2, height / 2)</code>.</p>

<p>The last two parameters, <code>near</code> and <code>far</code>, set the
distance of the

frustum’s near and far plane from the camera. For example, calling

<code>ortho(-100, 100, 200, 200, 50, 1000)</code> creates a frustum that’s 200
pixels

wide, 400 pixels tall, starts 50 pixels from the camera, and ends 1,000

pixels from the camera. By default, <code>near</code> and <code>far</code> are
set to 0 and

<code>max(width, height) + 800</code>, respectively.</p>

<p>Note: <code>ortho()</code> can only be used in WebGL mode.</p>
<p>3D 스케치에서 현재 카메라에 대한 정사영을 설정합니다.</p>
<p>정사영에서 크기가 같은 도형은 카메라 근처에 있든 멀리 있든 항상 같은 크기로 나타납니다.</p>
<p><code>ortho()</code>는 뷰 절두체(viewing frustum)를 잘린 피라미드에서 직사각형 프리즘으로 바꿈으로써 카메라의 원근법을 바꿉니다. 카메라는 절두체 앞에 배치되고 절두체의 가까운 평면과 먼 평면 사이의 모든 것을 담습니다. <code>ortho()</code>는 절두체를 정의하기 위한 6개의 매개 변수를 가지고 있으며 선택 사항입니다.</p>
<p>처음 네 개의 매개 변수인 <code>left</code>, <code>right</code>, <code>bottom</code>, <code>top</code>은 절두체의 측면, 아래, 위의 좌표를 설정합니다. 예를 들어, <code>ortho(-100, 100, 200, -200)</code>를 호출하면 너비 200 픽셀, 높이 400 픽셀의 절두체가 생성됩니다. 기본적으로 <code>ortho(-width / 2, width / 2, -height / 2, height / 2)</code>에서와 같이 스케치의 너비와 높이를 기반으로 설정됩니다.</p>
<p>마지막 두 개의 매개 변수인 <code>near</code>, <code>far</code>는 카메라로부터 절두체의 가까운, 그리고 먼 평면의 거리를 설정합니다. 예를 들어, <code>ortho(-100, 100, 200, 200, 50, 1000)</code>는 너비 200 픽셀, 높이 400 픽셀이고 카메라로부터 50 픽셀만큼 떨어진 곳에서 시작해 1,000 픽셀만큼 떨어진 곳에서 끝나는 절두체가 생성됩니다. 기본적으로 <code>near</code>는 0, <code>far</code>는 <code>max(width, height) + 800</code>으로 설정됩니다.</p>
<p>참고: <code>ortho()</code>는 WebGL 모드에서만 사용할 수 있습니다.</p>
line: 412
isConstructor: false
itemtype: method
Expand Down Expand Up @@ -125,37 +83,32 @@ class: p5
params:
- name: left
description: >
<p>x-coordinate of the frustum’s left plane. Defaults to <code>-width /
2</code>.</p>
<p>절두체의 왼쪽 평면의 x 좌표. 기본값 <code>-width / 2</code></p>
type: Number
optional: true
- name: right
description: >
<p>x-coordinate of the frustum’s right plane. Defaults to <code>width /
2</code>.</p>
<p>절두체의 오른쪽 평면의 x 좌표. 기본값 <code>width / 2</code></p>
type: Number
optional: true
- name: bottom
description: >
<p>y-coordinate of the frustum’s bottom plane. Defaults to <code>height /
2</code>.</p>
<p>절두체의 아래 평면의 y 좌표. 기본값 <code>height / 2</code></p>
type: Number
optional: true
- name: top
description: >
<p>y-coordinate of the frustum’s top plane. Defaults to <code>-height /
2</code>.</p>
<p>절두체의 위 평면의 y 좌표. 기본값 <code>-height / 2</code></p>
type: Number
optional: true
- name: near
description: |
<p>z-coordinate of the frustum’s near plane. Defaults to 0.</p>
<p>절두체의 가까운 평면의 z 좌표. 기본값 0</p>
type: Number
optional: true
- name: far
description: >
<p>z-coordinate of the frustum’s far plane. Defaults to <code>max(width,
height) + 800</code>.</p>
<p>절두체의 먼 평면의 z 좌표. 기본값 <code>max(width, height) + 800</code></p>
type: Number
optional: true
chainable: true
Expand Down