Splashy Waves

{"name":"Splashy Waves","description":"Create a dynamic 2D side view water simulation with realistic wave physics and interactive splashing effects.","photo":null,"view_count":5,"fork_count":3,"expires_at":null,"created_at":"2024-05-13T19:32:39.050078Z","updated_at":"2024-05-13T19:32:39.050078Z","user_id":97,"status":"PRIVATE","parent_id":null,"id":1411,"user":{"photo":null,"email":"leobm365@gmail.com","recess_id":"e4690172-2707-46c3-8bcb-1a2b76e418e9","created_at":"2024-05-02T18:14:08.971561Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"super_kamin","id":97,"password_hash":"$2b$12$PMJB58N8WLDuLopyknSp6.czfqNoUg9tTH9bQqK.0xzUbXRKoCWEW","updated_at":"2024-05-02T18:14:08.971564Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"\n// Draw background\nFunction drawBackground() {\n // Code for drawing the background\n}\n// Initialize Paper.js on the canvas\npaper.setup('myCanvas');\n\n// Variables for wave simulation\nvar waveHeight = 20;\nvar waveLength = 200;\nvar numberOfPoints = 60;\nvar waveSpeed = 0.02;\nvar amplitude = 15;\nvar waves = [];\n\nwindow.onload = function () {\n paper.setup(document.getElementById('myCanvas'));\n initWave();\n // drawBackground(); // Ensure this function is defined or remove this call if not used.\n};\n\n// Function to create wave segments\nfunction createWave(path, points, height, length) {\n for (var i = 0; i <= points; i++) {\n var point = new Point(i / points * length, height);\n path.add(point);\n }\n}\n\n// Initialize wave\nfunction initWave() {\n var path = new path({\n strokeColor: 'blue',\n fillColor: 'blue'\n });\n createWave(path, numberOfPoints, waveHeight, waveLength);\n path.smooth();\n waves.push(path);\nfunction initWave() {\n var path = new Path({ // Corrected from 'path' to 'Path'\n strokeColor: 'blue',\n fillColor: 'blue'\n });\n createWave(path, numberOfPoints, waveHeight, waveLength);\n path.smooth();\n waves.push(path);\n}\n\n\n// Function to animate waves\npaper.view.onFrame = function (event) {\n for (var i = 0; i < waves.length; i++) {\n var wave = waves[i];\n for (var j = 0; j < wave.segments.length; j++) {\n var segment = wave.segments[j];\n var sinus = Math.sin(event.time * waveSpeed + j);\n segment.point.y = waveHeight + sinus * amplitude;\n }\n wave.smooth();\n }\n};\n};\n","style.css":"","index.html":"\n\n\n\n \n \n Splashy Waves\n \n\n\n\n \n \n

\n\n\n"},"chat_history":[{"project_id":1411,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-05-13T19:33:12.852128Z","output_tokens":null,"code_id":80733,"input_tokens":null,"id":42355},{"project_id":1411,"sender":"ai","message":"```html\n

\n```\n- The `