Branch:
bugfix/invalidate-on-use-loader-and-use-texture
263-useseek-allow-seek-multiple-objects
426-groups-emit-children-events
Bugfix/useLegacyLights-needs-reactive
Bugfix/vector-set-props
alvarosabu-patch-1
alvarosabu-patch-2
blog/tresjs-nuxt-module-announcement
blogs/ecosystem-update-8-11-2023
bugfix/127-scene-doesnt-scale-properly
bugfix/154-v2-hmr-with-custom-renderer
bugfix/160-v2-add-scene-to-state
bugfix/189-problems-with-pointerevents
bugfix/190-v2-set-default-position-and-look-at-for-camera
bugfix/198-fix-pierced-props
bugfix/229-tresbuffergeometry-get-broken-with-the-last-tresjs-update-attributes-assign
bugfix/241-directional-light-helper-is-not-rendered
bugfix/243-three-v152-color-management-changes
bugfix/248-tresfog-isnt-working
bugfix/264-types-for-moduleresolution-bundler-node16-esm-are-wrong
bugfix/271-hmr-is-quite-broken-again-after-v2
bugfix/301-typescript-compiler-error-for-refs-with-tresjs
bugfix/317-devtools
bugfix/366-re-instance-three-objects-via-args-prop-reactivity
bugfix/449-memory-leak-caused-by-non-disposed-scene-when-using-routes
bugfix/449-memory-management
bugfix/487-types-issues-after-v156
bugfix/49-fog-component-not-added-to-scene
bugfix/50-using-tweakpane-on-parent-and-child-component-overlaps
bugfix/63-transformcontrols-cientos-props-without-set-method-not-updating
bugfix/65-docs-local-first-scene-doesnt-scale-on-mobile
bugfix/81-onloop-delta-is-always-0
bugfix/81-onloop-delta-is-too-small
bugfix/912-helpers-disposal-issue
bugfix/96-could-not-resolve-vueuse
bugfix/canvas-z-index
bugfix/cientos-types-docs
bugfix/clean-up-local-and-fix-docs
bugfix/colorspaces-types
bugfix/controls-not-being-added-to-scene
bugfix/disable-render-prop-doesnt-work
bugfix/docs-local-scenes
bugfix/docs-no-matching-version-found-core
bugfix/docs-scenes-broken-potential-fix-vnodes-insert
bugfix/environment-typing-issues
bugfix/es-docs-links-broken
bugfix/gltfmodel-expose-model-instance
bugfix/invalidate-on-use-loader-and-use-texture
bugfix/more-than-one-camera-breaking
bugfix/multiple-instances-of-threejs
bugfix/node16-types
bugfix/nodeps-camera-settings-only-first-camera
bugfix/object-3d-look-at-not-working
bugfix/pass-attrs-class-down
bugfix/pass-attrs-down
bugfix/primitive-broke-shader-materials-cientos
bugfix/raycaster-is-broken-provider-context
bugfix/state-outdated-orbitcontrols-between-two-scenes
bugfix/use-tres-ready-issue-demos
bugfix/vueuse-as-normal-dep
chore/212-linter-for-pr
chore/985-add-usecamera-return-object-to-state-instead-of-spreading-it
chore/add-lint-fix-command
chore/add-tresleches-gui-playground-reorganisation
chore/ci-cd-release-action
chore/linting-and-formatting
chore/minor-code-improvements
chore/new-eslint-flat-config
chore/playground-auto-install
chore/pnpm-action-ci-upgrade
chore/repo-improvements-and-automerge
chore/update-deps-12-12
chore/update-to-vite-v5
chore/vitest-config
dcos/fix-typos
deps/update-14-06-23
deps/update-23-08-23
deps/update-vue-33
docs-polish-translation
docs/169-add-customelement-vue-compiler-code-to-docs
docs/197-206-troubleshooting-migration-guides
docs/add-nuxt-module
docs/announcing-cientos-3-2-0
docs/enable-internationalization
docs/lights
docs/llm
docs/memory-test-canvas-objects
docs/primtives
docs/remove-unnecessary-suspense
docs/theme
docs/translation-pl
docs/translations-de
docs/tres-3-1-0-announcement
docs/types-typos
docs/update-current-status-quo
edit-docs
feat/633-use-loop
feat/component-type-generation
feat/update-examplesjsm-path-to-addons
feature-476-light-shadows-shaders-examples
feature/100-vector-set-props
feature/1001-move-performance-state-out-of-usetrescontextprovider
feature/103-release-it
feature/104-generate-instances-on-build-time-rather-than-run-time
feature/109-renderer-presets
feature/110-environment-component-cientos
feature/124-deprecate-physicallycorrectlights-threejs-v150
feature/140-on-demand-rendering
feature/148-v2-generate-type-definitions
feature/149-v2-docs-for-v2-migration-guide-breaking
feature/164-v2-buffergeometry-cannot-read-properties-of-undefined-reading-scale
feature/174-useseek-composable
feature/177-v2-shaders-are-not-working-100
feature/178-add-matcap-to-useTexture
feature/2-docs-for-cientos
feature/23-hmr-disposal
feature/268-refactor-typescript-support-from-build-to-runtime
feature/287-add-core-team-contributors-and-sponsors-page-in-docs
feature/3-transform-pivot-controls-for-cientos
feature/307-refactor-camera-logic-remove-composable-from-nodeopts
feature/318-tres-inspect-vite-plugin-poc
feature/37-better-state-management-usetres
feature/4-nuxt-module-package
feature/474-vue-chrome-devtools-plugin
feature/489-vue-devtools
feature/492-set-tone-mapping-default-to-acesfilmictonemapping
feature/494-improvements-docs
feature/503-conditional-rendering-of-primitives
feature/516-localstate-for-custom-renderer-node-instances-instead-of-userdata
feature/52-update-renderer-trescanvas-via-props-using-set-methods
feature/524-feat-add-directives-to-core
feature/56-buffergeometry-and-bufferattribute-support
feature/591-move-tresobject__tres-to-a-weakmap
feature/6-events
feature/60-plane-abstraction
feature/60-shapes-abstraction
feature/668-add-support-for-xr-animation-loop-eventing-into-core
feature/67-usefbx-composable-and-component-for-cientos
feature/693-add-userdata-to-vue-devtools-component-inspector
feature/71-unit-test
feature/72-support-for-group-on-instance-creator
feature/80-useanimation-composable-for-animationmixer
feature/86-explore-vue-custom-render-api-v2
feature/922-use-texture
feature/922-use-texture--second-approach
feature/962-createrenderer-composable
feature/994-refactor-useloop
feature/PamCameraMouse
feature/add-0px-height-canvas-parent-warning
feature/add-app-context-state
feature/add-i18n
feature/add-raycaster-to-state
feature/add-spanish-docs
feature/add-tres-version-into-canvas
feature/adding-issue-templates
feature/alphaMap-useTexture
feature/announce-cientos-3.4.0
feature/announce-cientos-3.5.0
feature/blog-release-210
feature/camera-prop-tres-canvas
feature/deprecate-disable-render
feature/disable-render-prop
feature/docs-multiple-canvas
feature/enable-devtools
feature/export-vue-compiler-options
feature/get-model-gltf
feature/love-vue-threejs-animation
feature/nodeOpsPlugin
feature/playground
feature/playground-planet
feature/playground-structure
feature/poc-usetres-provider
feature/primitives
feature/remove-monorepo
feature/remove-playground
feature/tres-canvas-state-context
feature/update-dependencies-to-v3
feature/update-deps
feature/update-to-three-v160-vue-v-3-4
feature/update-vue3-3
feature/vRotate
feature/vite-411-three-149
feature/vitepress-update-codeblock-groups
fix-docs-usetexture-detail
fix/137-usetexture-intellisense-code-snippet
fix/189-problems-with-pointerevents
fix/263-message-canvas-height
fix/317-devtools
fix/args-should-empty
fix/cannot-assign-readonly-properties-primitives
fix/contrast-homepage
fix/package-type-exports
fix/proxy-vue-wrapper-app-context
hotfix/120-allow-comments-inside-components
hotfix/default-aspect-ratio-breaks-responsiveness
main
next
playground
playground-demos-lost-in-translation
refactor/events
refactor/systems
release/cientos-1.6.0
release/cientos-v1.3.0
release/core-1.6.0
release/core-1.6.1
release/core-1.6.2
release/core-1.6.3
release/core-1.7.0-cientos-1.7.0
release/core-1.8.0-cientos-1.8.0
release/core-v1.3.3
release/core-v1.4.0
release/core-v1.5.0-cientos-1.4.0
release/core-v1.5.1-cientos-1.5.0
renovate/eslint-9.x-lockfile
renovate/eslint-monorepo
renovate/eslint-plugin-vue-9.x-lockfile
renovate/sponsorkit-16.x-lockfile
renovate/three-0.x
renovate/tresjs-eslint-config-vue-0.x
renovate/typescript-eslint-monorepo
renovate/ubuntu-22.x
renovate/unplugin-vue-components-28.x-lockfile
renovate/vite-5.x-lockfile
renovate/vite-plugin-dts-4.x
renovate/vite-plugin-vue-devtools-7.x
renovate/vitepress-plugin-group-icons-1.x-lockfile
renovate/vue-tsc-2.x-lockfile
userquin/docs-move-codesnippets-to-md-files
userquin/feat-vitest-browser
userquin/fix-types
userquin/test-vitest-2.0-browser
v1
4.3.4
5.0.0-next.0
4.3.3
4.3.2
4.3.1
4.3.0
4.2.10
4.2.9
4.2.8
4.2.7
4.2.6
4.2.5
4.2.4
4.2.3
4.2.2
4.2.1
4.2.0
4.1.0
4.1.0-next.0
4.0.2
4.0.1
4.0.0
4.0.0-rc.2
4.0.0-rc.1
4.0.0-rc.0
3.9.0
3.8.1
3.8.0
4.0.0-next.2
4.0.0-next.1
3.7.0
3.6.1
4.0.0-next.0
3.7.0-next.0
3.6.0
3.5.2
3.6.0-next.0
3.5.1
3.5.0
3.4.1
3.4.0
3.3.0
3.3.0-next.0
3.2.3
3.2.2
3.2.1
3.2.1-next.4
3.2.1-next.3
3.2.1-next.2
3.2.1-next.1
3.2.1-next.0
3.2.0
3.1.1
3.1.0
3.1.0-next.2
3.1.0-next.1
3.1.0-next.0
3.0.1
3.0.0
2.4.0-next.10
2.4.0-next.9
2.4.0-next.8
2.4.0-next.7
2.4.0-next.6
2.4.0-next.5
2.4.2
2.4.1
2.4.0-next.4
2.4.0
2.3.0
2.2.0
2.1.3
2.1.2
2.1.1
2.1.0
2.0.0
2.0.0-rc.4
2.0.0-rc.3
2.0.0-rc.2
2.0.0-rc.1
2.0.0-rc.0
2.0.0-beta.13
2.0.0-beta.12
2.0.0-beta.11
2.0.0-beta.10
2.0.0-beta.9
2.0.0-beta.8
2.0.0-beta.7
2.0.0-beta.6
2.0.0-beta.5
2.0.0-beta.4
2.0.0-beta.3
2.0.0-beta.2
2.0.0-beta.1
2.0.0-beta.0
2.0.0-alpha.6
2.0.0-alpha.5
2.0.0-alpha.4
2.0.0-alpha.3
2.0.0-alpha.2
2.0.0-alpha.1
2.0.0-alpha.0
@tresjs/core@1.8.1
@tresjs/core@1.8.0
@tresjs/cientos@1.8.0
@tresjs/cientos@1.7.0
@tresjs/core@1.7.0
@tresjs/core@1.6.3
@tresjs/core@1.6.2
@tresjs/core@1.6.1
@tresjs/core@1.6.0
@tresjs/cientos@1.6.0
@tresjs/cientos@1.5.0
@tresjs/core@1.5.1
@tresjs/core@1.5.0
@tresjs/cientos@1.4.0
@tresjs/cientos@1.3.0
@tresjs/core@1.3.3
@tresjs/core@1.4.0
@tresjs/core@1.3.2
@tresjs/cientos@1.2.2
@tresjs/cientos@1.2.1
@tresjs/core@1.3.1
@tresjs/cientos@1.2.0
@tresjs/core@1.3.0
@tresjs/core@1.2.1
@tresjs/cientos@1.1.0
@tresjs/core@1.2.0
@tresjs/core@1.1.0
@tresjs/cientos@1.0.0
@tresjs/core@1.0.0
advanced-animations.md 292 B
title: Animaciones avanzadas description: Cómo utilizar GSAP para animar tu escena author: dennissmuda thumbnail: /recipes/animations.png
difficulty: 1
Animaciones avanzadas
En esta guía, vamos a utilizar GSAP para animar nuestra escena en lugar del composable useRenderLoop.