camera-controls: `verticalDragToForward` was removed. Use `mouseButtons.left = CameraControls.ACTION.SCREEN_PAN` instead.

[Barry-Flynn]

Describe the bug

THREE.THREE.Clock: This module has been deprecated. Please use THREE.Timer instead.

camera-controls: verticalDragToForward was removed. Use mouseButtons.left = CameraControls.ACTION.SCREEN_PAN instead.

  {
    "@tresjs/cientos": "^5.6.0",
    "@tresjs/core": "^5.7.0",
    "@tresjs/post-processing": "^3.6.0",
    "gsap": "^3.14.2",
    "pinia": "^3.0.4",
    "three": "^0.183.1",
    "tweakpane": "^4.0.5",
    "vue": "^3.5.29",
    "vue-router": "^5.0.3"
  }

Reproduction

https://cientos.tresjs.org/api/controls/camera-controls

Steps to reproduce

index.vue

<template>
  <TresCanvas clear-color="#82DBC5" window-size>
    <TresPerspectiveCamera :position="[5, 5, 5]" />
    <CameraControls />
    <TresAxesHelper />
    <TresGridHelper />
  </TresCanvas>
</template>

<script setup lang="ts">
  import { TresCanvas } from '@tresjs/core'
  import { CameraControls } from '@tresjs/cientos'
</script>

<style scoped></style>

System Info

Win11, Chrome, pnpm


  {
    "@tresjs/cientos": "^5.6.0",
    "@tresjs/core": "^5.7.0",
    "@tresjs/post-processing": "^3.6.0",
    "gsap": "^3.14.2",
    "pinia": "^3.0.4",
    "three": "^0.183.1",
    "tweakpane": "^4.0.5",
    "vue": "^3.5.29",
    "vue-router": "^5.0.3"
  }

Used Package Manager

pnpm

Code of Conduct

• I agree to follow this project's Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[tresjs-cube-bot]

🧊 CubeBot Analysis

Issue Type: Bug Report
Package: @tresjs/core
Reproduction: ✅ Provided
System Info: ❌ Missing
Expected Behavior: ❌ Missing

Summary:
User is encountering deprecation warnings from camera-controls library and THREE.Clock in their basic CameraControls setup.

Labels added: waiting for author, core

[tresjs-cube-bot]

Hola! 🧊 Thanks for reporting this issue with the camera controls warnings! @Barry-Flynn!

Before a maintainer can dig in, could you help with a few things?

• System info: Run npx envinfo --system --npmPackages '{vite,@tresjs/*,three,vue}' --binaries --browsers and paste the output
• Expected behavior: Please describe what you expected to happen

📚 These might help:

• Camera Controls Documentation — Official TresJS documentation for CameraControls component with usage examples and configuration
• Camera Controls GitHub Repository — Upstream library documentation to understand the deprecation warnings and migration paths

---

A quick dad joke 😬 While you wait… Why did the Three.js developer break up with their camera? Because it had too many deprecated features and wouldn't commit to the future! 📷💔

🤖 I'm an AI assistant and can make mistakes. A human is on the way!

[snakeshift]

same.

**Environment:**
- @tresjs/cientos: 5.7.0
- @tresjs/core: 5.8.0
- three: 0.184.0
- OS/Browser: macOS, Chrome