소스 검색

docs: fix some typos

Jaime A Torrealba C 2 년 전
부모
커밋
6ea7ddf4a5
6개의 변경된 파일11개의 추가작업 그리고 11개의 파일을 삭제
  1. 3 3
      docs/es/api/composables.md
  2. 1 1
      docs/es/api/events.md
  3. 1 1
      docs/es/api/renderer.md
  4. 3 3
      docs/es/examples/basic-animations.md
  5. 1 1
      docs/es/examples/load-models.md
  6. 2 2
      docs/es/examples/orbit-controls.md

+ 3 - 3
docs/es/api/composables.md

@@ -4,7 +4,7 @@ Vue 3 [Composition API](https://vuejs.org/guide/extras/composition-api-faq.html#
 
 **TresJS** aprovecha mucho está API para crear un grupo de funciones composables que se pueden usar para crear animaciones, interactuar con la escena y más. También te permite crear escenas más complejas que podrían no ser posible solo usando los componentes de Vue (Textures, Loaders, etc.).
 
-El core de **TresJS** usa estos composables internalmente, entonces estarías usando el mismo API que usa el core. Por ejemplo, componentes que se necesitan actualizar en el render loop internal usa el composable `useRenderLoop` para registrar un callback que se llamará cada vez el renderer actualiza la escena.
+El core de **TresJS** usa estos composables internamente, entonces estarías usando el mismo API que usa el core. Por ejemplo, componentes que se necesitan actualizar en el render loop internal usa el composable `useRenderLoop` para registrar un callback que se llamará cada vez el renderer actualiza la escena.
 
 ## useRenderLoop
 
@@ -49,7 +49,7 @@ onAfterLoop(({ delta, elapsed }) => {
 
 ### Pausar y continuar
 
-Puedes pausar y continuar el render loop usando los metodos expuestos de `pause` y `resume`.
+Puedes pausar y continuar el render loop usando los métodos expuestos de `pause` y `resume`.
 
 ```ts
 const { pause, resume } = useRenderLoop()
@@ -158,7 +158,7 @@ El composable `useSeek` provee de utilidades para navegar y buscar entre escenas
 const { seek, seekbyName } = useSeek()
 ```
 
-la funcion seek acepta tres parámetros:
+la función seek acepta tres parámetros:
 
 - `parent`: Una escena de Threejs o un objeto3D
 - `property`: Una propiedad para ser usada como condición de búsqueda.

+ 1 - 1
docs/es/api/events.md

@@ -17,7 +17,7 @@ Los componentes de **TresJS** emiten eventos when cuando el pointer interactúa
 
 | Eventos       | Se ejecutan cuando ...                                                                         | Controlador de evento(s)                                                                                                                                                                              |
 | ------------- | ---------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| click         | ... Los eventos de pointerdown y pointerup se ejecutan en el mismo objeto uno despues del otro | [Intersection](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/three/src/core/Raycaster.d.ts#L16), [PointerEvent](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent) |
+| click         | ... Los eventos de pointerdown y pointerup se ejecutan en el mismo objeto uno después del otro | [Intersection](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/three/src/core/Raycaster.d.ts#L16), [PointerEvent](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent) |
 | pointer-move  | ... El puntero se mueve sobre el objeto                                                        | [Intersection](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/three/src/core/Raycaster.d.ts#L16), [PointerEvent](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent) |
 | pointer-enter | ... El puntero entra al objeto                                                                 | [Intersection](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/three/src/core/Raycaster.d.ts#L16), [PointerEvent](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent) |
 | pointer-leave | ... El puntero sale al objeto                                                                  | [PointerEvent](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent)                                                                                                                         |

+ 1 - 1
docs/es/api/renderer.md

@@ -83,7 +83,7 @@ renderer.shadowMap.type: PCFSoftShadowMap
 | **clearColor**              | El color que el renderer usará para despejar el canvas.                                                                                                         | `#000000`          |
 | **windowSize**              | Si usa el tamaño de la ventana como el tamaño del canvas o el elemento padre.                                                                                   | `false`            |
 | **disableRender**           | Deshabilitar el render con requestAnimationFrame API, util para PostProcessing                                                                                  | `false`            |
-| **camera**                  | Una camara configurable de forma manual para el renderer.                                                                                                       |                    |
+| **camera**                  | Una cámara configurable de forma manual para el renderer.                                                                                                       |                    |
 
 ## Propiedades por defecto
 

+ 3 - 3
docs/es/examples/basic-animations.md

@@ -2,7 +2,7 @@
 
 Esta guía te ayudará a empezar con animación básica en TresJS.
 
-Vamos a construir una escena sencilla con un cubo simple. Pués animarmos el cubo para girar de ejes Y y Z.
+Vamos a construir una escena sencilla con un cubo simple. Puesto que animamos el cubo para girar de ejes Y y Z.
 
 <StackBlitzEmbed projectId="tresjs-basic-animations" />
 
@@ -42,7 +42,7 @@ const boxRef: ShallowRef<TresInstance | null> = shallowRef(null)
 
 ## Animar el cubo
 
-Ahora que tenemos una referecia al cubo, podemos animarlo. Usaremos el `onLoop` callback para actualizar la rotación del cubo.
+Ahora que tenemos una referencia al cubo, podemos animarlo. Usaremos el `onLoop` callback para actualizar la rotación del cubo.
 
 ```ts
 onLoop(({ _delta, elapsed }) => {
@@ -73,7 +73,7 @@ onLoop(({ delta, elapsed }) => {
 </script>
 ```
 
-Podríamos sentirnos tentados a usar la reactividad de vue para animar el cubo. Pero eso sería una mala idea, esta es la razón [Vue's reactivity is based on Proxies](https://vuejs.org/guide/extras/reactivity-in-depth.html#how-reactivity-works-in-vue). Los proxies no estan diseñados para ser usados en el renderloop que se actualiza cada 60 frames por segundo o mas
+Podríamos sentirnos tentados a usar la reactividad de vue para animar el cubo. Pero eso sería una mala idea, esta es la razón [Vue's reactivity is based on Proxies](https://vuejs.org/guide/extras/reactivity-in-depth.html#how-reactivity-works-in-vue). Los proxies no están diseñados para ser usados en el renderloop que se actualiza cada 60 frames por segundo o mas
 
 Adjuntamos los benchmark sobre este caso [benchmark of a proxy vs a regular object](https://measurethat.net/Benchmarks/Show/12503/0/object-vs-proxy-vs-proxy-setter). Como puedes ver los proxies son 5 veces mas lentos que objetos normales
 <EmbedExperiment src="https://measurethat.net/Embed?id=399142" />

+ 1 - 1
docs/es/examples/load-models.md

@@ -55,7 +55,7 @@ import { useGLTF } from '@tresjs/cientos'
 const { scene, nodes, animations, materials } = await useGLTF('/models/AkuAku.gltf', { draco: true })
 ```
 
-Alternativamente puedes facilmente seleccionas los objetos dentro de tu modelo usando la propiedad `nodes`
+Alternativamente puedes fácilmente seleccionas los objetos dentro de tu modelo usando la propiedad `nodes`
 
 ```vue
 <script setup lang="ts">

+ 2 - 2
docs/es/examples/orbit-controls.md

@@ -10,7 +10,7 @@ Eso crea una problema porque **TresJS** automáticamente crea un catálogo del c
 
 Afortunadamente, **TresJS** provee una forma a extender el catálogo de componentes. Puedes hacerlo por usar el `extend` método usando el [useCatalogue](/api/composables#usecatalog) composable.
 
-Para más información sobre como extender tu catálogo TresJS catalog, hacer referencía a la sección [extending](/advanced/extending.md).
+Para más información sobre como extender tu catálogo TresJS catalog, hacer referencia a la sección [extending](/advanced/extending.md).
 
 ## Usando OrbitControls
 
@@ -74,7 +74,7 @@ const { state } = useThree()
 Aquí es donde el parte elevado empiece. ✨  
 El `cientos` package provee un componente se llama `<OrbitControls />` lo que es un wrapper del `OrbitControls` del modulo [`three-stdlib`](https://github.com/pmndrs/three-stdlib).
 
-¿El parte más agradable? No necesitas extender el catálogo o pasar ningun argumento.  
+¿El parte más agradable? No necesitas extender el catálogo o pasar ningún argumento.  
 Ya funciona. 💯
 
 ```vue