import React, { useState, useEffect } from 'react'; import ReactDOM from 'react-dom'; import { BuddhaPath } from './components/BuddhaPath'; const CANVAS_WIDTH = window.innerWidth < 800 ? window.innerWidth - 40 : 800; const CANVAS_HEIGHT = window.innerHeight < 800 ? window.innerHeight - 40 : 800; const generateRandomPoints = (count, maxX, maxY) => { const points = []; for (let i = 0; i < count; i++) { points.push({ id: i, x: Math.random() * maxX, y: Math.random() * maxY, color: `rgb(${Math.random() * 100}, ${Math.random() * 50}, ${Math.random() * 255})`, opacity: Math.random() * 0.5 + 0.3 }); } return points; }; const BuddhaLayer = ({ transform, fill, stroke, strokeWidth, opacity }) => ( ); const App = () => { const [backgroundDots, setBackgroundDots] = useState([]); useEffect(() => { // Generate random background elements once when component mounts setBackgroundDots(generateRandomPoints(100, CANVAS_WIDTH, CANVAS_HEIGHT)); }, []); return (

); }; ReactDOM.render(, document.getElementById('root'));

Fork of Fork of 6 Buddha

Nita