93:I[903690,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kku96d2ka1lz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/191-4imsl9qwa.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3g02y25nur6on.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/05gop4ul8i8kb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2tg7uu9je15bl.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q"],"ExplicitChatIdProvider"] 94:I[838238,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3kku96d2ka1lz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/191-4imsl9qwa.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3g02y25nur6on.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2z73sh9fd4fk1.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/05gop4ul8i8kb.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q","/chat-static/_next/static/chunks/2tg7uu9je15bl.js?dpl=dpl_5M41LU15VJruYVowGop3zvU8vm3Q"],"SWRDataProvider"] 95:T7fa6,[V0_FILE]typescriptreact:file="components/day-sky.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useRef } from "react" export default function DaySky() { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return let width: number let height: number // Set canvas dimensions const setCanvasDimensions = () => { width = window.innerWidth height = window.innerHeight canvas.width = width canvas.height = height // Reinitialize clouds when resizing initializeClouds() } // Cloud class class Cloud { x: number y: number width: number height: number speed: number constructor() { // Variação de tamanhos para ter nuvens grandes e pequenas, mas com o mesmo formato this.width = Math.random() * 200 + 80 this.height = this.width * 0.6 this.x = width + this.width this.y = Math.random() * (height * 0.7) this.speed = Math.random() * 0.3 + 0.1 } update() { this.x -= this.speed if (this.x < -this.width) { this.x = width + this.width this.y = Math.random() * (height * 0.7) } } draw() { if (!ctx) return ctx.save() ctx.translate(this.x, this.y) // Cloud path - creating a stylized cloud shape const w = this.width const h = this.height ctx.fillStyle = "rgba(255, 255, 255, 0.95)" ctx.beginPath() // Start from the bottom left ctx.moveTo(w * 0.2, h * 0.8) // Bottom edge (flat-ish) ctx.lineTo(w * 0.8, h * 0.8) // Right edge (curved) ctx.bezierCurveTo( w * 0.95, h * 0.8, // Control point 1 w * 0.95, h * 0.6, // Control point 2 w * 0.8, h * 0.55, // End point ) // Top-right bump ctx.bezierCurveTo( w * 0.85, h * 0.4, // Control point 1 w * 0.75, h * 0.3, // Control point 2 w * 0.6, h * 0.35, // End point ) // Top-middle bump ctx.bezierCurveTo( w * 0.55, h * 0.2, // Control point 1 w * 0.45, h * 0.2, // Control point 2 w * 0.4, h * 0.35, // End point ) // Top-left bump ctx.bezierCurveTo( w * 0.35, h * 0.25, // Control point 1 w * 0.15, h * 0.35, // Control point 2 w * 0.2, h * 0.55, // End point ) // Left edge (curved) ctx.bezierCurveTo( w * 0.05, h * 0.6, // Control point 1 w * 0.05, h * 0.8, // Control point 2 w * 0.2, h * 0.8, // End point (back to start) ) ctx.closePath() ctx.fill() // Add subtle shadows to give depth const gradient = ctx.createLinearGradient(0, 0, 0, h) gradient.addColorStop(0, "rgba(255, 255, 255, 0.95)") gradient.addColorStop(1, "rgba(230, 230, 230, 0.95)") ctx.fillStyle = gradient ctx.fill() ctx.restore() } } let clouds: Cloud[] = [] // Initialize clouds function initializeClouds() { clouds = [] // Aumentei a quantidade de nuvens para compensar a remoção das nuvens pequenas const cloudCount = Math.floor(width / 300) + 5 for (let i = 0; i < cloudCount; i++) { const cloud = new Cloud() // Distribuir nuvens de diferentes tamanhos if (i % 3 === 0) { // Nuvens menores (mas com o mesmo formato) cloud.width = Math.random() * 100 + 60 cloud.height = cloud.width * 0.6 } else if (i % 3 === 1) { // Nuvens médias cloud.width = Math.random() * 150 + 100 cloud.height = cloud.width * 0.6 } // Else: nuvens grandes (tamanho padrão definido no construtor) // Distribuir nuvens pela tela inicialmente cloud.x = Math.random() * width cloud.y = Math.random() * (height * 0.7) // Velocidades variadas baseadas no tamanho (nuvens menores movem-se mais rápido) cloud.speed = (Math.random() * 0.2 + 0.1) * (200 / cloud.width) clouds.push(cloud) } } // Animation loop function animate() { if (!ctx) return // Clear canvas ctx.clearRect(0, 0, width, height) // Draw sky gradient const gradient = ctx.createLinearGradient(0, 0, 0, height) gradient.addColorStop(0, "#64b5f6") // Light blue at top gradient.addColorStop(0.5, "#90caf9") // Medium blue in middle gradient.addColorStop(1, "#bbdefb") // Lighter blue at bottom ctx.fillStyle = gradient ctx.fillRect(0, 0, width, height) // Update and draw clouds for (const cloud of clouds) { cloud.update() cloud.draw() } requestAnimationFrame(animate) } // Initialize setCanvasDimensions() window.addEventListener("resize", setCanvasDimensions) // Start animation animate() return () => { window.removeEventListener("resize", setCanvasDimensions) } }, []) return

About

Tags

Share

About

Tags

Share

More from tulioportela

More Templates Like This