Skip to content

feat: Add advanced camera and route transitions#1

Draft
kranthikiran885366 wants to merge 42 commits intomainfrom
curry-lab
Draft

feat: Add advanced camera and route transitions#1
kranthikiran885366 wants to merge 42 commits intomainfrom
curry-lab

Conversation

@kranthikiran885366
Copy link
Copy Markdown
Owner

@kranthikiran885366 kranthikiran885366 commented Dec 12, 2025

Purpose

Based on the conversation, the user wants to resolve a Next.js runtime build error and significantly enhance the application by incorporating advanced animations and transitions. The goal is to elevate the design and user experience with a more sophisticated, "advanced level" tech stack for visual effects.

Code changes

  • Advanced Camera Transitions: A new advanced-camera-transitions.tsx component has been added to create sophisticated, cinematic camera movements for the 3D text engine. This includes:

    • Smooth camera paths using Catmull-Rom splines.
    • Multiple cinematic phases (e.g., intro, reveal, finale).
    • Effects like Camera Shake, Depth of Field, Fisheye Distortion, and Parallax scrolling.
  • Route Transition Manager: A new route-transition-manager.ts module was created to manage animated transitions between pages. It supports various effects like fade, slide, zoom, and blur, using an animation orchestrator to control the sequences.

  • Build Configuration: The tsconfig.json has been updated to use "jsx": "react-jsx" and include new Next.js type definition paths. This resolves the build error mentioned in the conversation history.

🔗 Edit in Builder.io

👀 Preview LinkTo clone this PR locally use the Github CLI with command gh pr checkout 1

cgen-f3174932b35749c3b1a66ba782142c7e
cgen-86de591722e2447f8d9a1865b1472763
cgen-2d84ca9a60564c59b6de91a615cc1198
cgen-c6796541ab0a4c80b5f9c08e9d931f40
cgen-3f7e2eb1083244b0a18d5beed6217fdb
cgen-e0886e7676c7438893048eef7b0ee694
cgen-995cb4c2eacc40919d55102938562caa
cgen-0431cc0134bd4f928d583c24fc2cb23d
cgen-7190f51d5b1e4e6bb3c2605e8c336f28
cgen-f43dedc8819e49dcb029afa14a42eba5
cgen-b94f289a77b548138b902ef3dfe55238
cgen-3ec31ee522eb41b9961e067107c09397
cgen-c6f4bfee26b44697a206afcac8709173
cgen-5d1397e1e6d942a0bf01912ac8a5ce37
cgen-04cbda6259f04ab1809896ecaf42c128
cgen-3f7d0afb90054fbe98283990284ebbe8
cgen-1a53b066d4434136af20b436ba6bbeec
cgen-a14f9636956d420aad12c8ce97a7124b
cgen-015ac2ca517041fa98c6fb7f9625ee1f
cgen-7050377ff3674878b8b34ac45b06c3bf
cgen-30dc04daa02b4f8795f1f54200699ee2
cgen-dd7dc072c9f6491384953594c1b09188
cgen-609bff04f00a459ebe3e1b2bd4ee32fb
@vercel
Copy link
Copy Markdown

vercel Bot commented Dec 12, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
v0-3-d-text-engine Ready Ready Preview, Comment Dec 13, 2025 1:03pm

@builder-io-integration builder-io-integration Bot changed the title Builder.io: Update from Visual Editor feat: Add advanced camera and route transitions Dec 12, 2025
@builder-io-integration
Copy link
Copy Markdown

You can tag me at @builderio-bot for anything you want me to fix or change

cgen-85ddbcafc3df4dc695bb824b4edfedda
cgen-080668db778a4977a8386df5c7f555cb
cgen-fd87475d792e475dab1662a4a0414e22
cgen-c0be365529114c5688ff59ded0c9343b
cgen-23d2dd61618f4f228b2d04b3b85d9618
cgen-08bb83eff253463bac1fc4124291911a
cgen-f12697a0898b46d98e39be800213b766
cgen-455d932e20e442df8afcd2b033b96030
cgen-ce241c4428f8411f9a231ba978317a10
cgen-4145da4f56094dd49ff6b80025230727
cgen-ca5f54ba9f47447883b8f78b18a7e87d
cgen-df122a3734aa409b8ac2fe35961a43ec
cgen-95015424c55c4b0a8258e595c21562a3
cgen-c9a23ae7053a4852ad8f6b991316c407
cgen-c46effd7b51b4992a7c9338522dbda98
cgen-f2643a07e9554b02b6f5918fc97dcee0
cgen-64209d8517504bc7b040773e0e83c06b
cgen-b21f22bce5ea423695afe3da30582440
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants