|
1. write a script for a bouncing yellow ball within a Rhombicosidodecahedron, make sure to handle collision detection properly. make the Rhombicosidodecahedron slowly rotate. make sure ball stays within the Rhombicosidodecahedron. implement it in p5.js and wrap it under html, so I can paste it to online html viewer |
|
2. write a script for 100 bouncing bright yellow balls within a sphere, make sure to handle collision detection properly. make the sphere slowly rotate. make sure balls stays within the sphere. implement it in p5.js and wrap it under html, so I can paste it to online html viewer |
|
3. write a html,css,jquery,p5.js program that shows a ball bouncing inside a spinning hexagon. The ball should be affected by gravity and friction, and it must bounce off the rotating walls realistically and wrap it under html so i can paste it. |
|
4. use threejs make a fantastic 3d scene use your imagination more magic go all out and wrap it under html, so I can paste it to online html viewer |
|
5. Create a single HTML file that uses Three.js to visualize a Rubik's Cube with realistic lighting and interactive controls. The cube should be built from 27 cubies with standard Rubik's Cube coloring. Include buttons for standard moves (U, U′, D, D′, L, L′, R, R′, F, F′, B, B′) that animate a 90° rotation on the appropriate face. Also, implement a scramble function that performs a series of random moves (recording each move), and an automatic unscrambler that, every 500 ms, applies the inverse of the recorded moves until the cube is solved. The solved state should be determined by comparing each cubie's current world position and rotation with its originally stored "solved" state (using a small tolerance) etc |
|
6. Create a JavaScript animation of falling letters with realistic physics. The letters should: * Latters Should ‘Gajraj , Gajanan ,Gandev’ * Appear randomly at the top of the screen with varying sizes * Fall under Earth's gravity (9.8 m/s²) * Have collision detection based on their actual letter shapes * Interact with other letters, ground, and screen boundaries * Have density properties similar to water * Dynamically adapt to screen size changes * Display on a dark background and wrap it under html, so i can paste it to online html viewer |
|
7. Build a p5js endless runner game with pixelated dinosaurs and interesting backgrounds. |
|
8. Generate an HTML file that displays a colorful particle simulation of a reflection nebula. |
|
9. Make a p5js simulation of 30 colorful boids swarming within a rotating hexagon. |
|
10. Use p5js to explore a Mandelbrot set. |
|
11. Develop a p5js demo of an interactive blend of fish and nebulae that visualizes what the fish are “thinking.” |
|
12. In pure three.js, without downloading any assets or textures, create a flight simulator game where I can fly an airplane. Make sure it runs in the browser. (Corresponds to Flight Simulator Prompt description) |
|
13. Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene. (Corresponds to Particles in Cylinder description) |
|
14. Generate an advanced p5.js simulation depicting multiple, mutually interacting balls subject to configurable gravity, air resistance, and inter-object friction, bouncing dynamically with accurate conservation of momentum within a continuously rotating regular hexagon whose vertices may subtly oscillate, ensuring physically precise collision detection and elastic/inelastic response against the moving, potentially deforming walls, and include interactive sliders controlling gravity strength, air resistance factor, hexagon angular velocity, vertex oscillation amplitude/frequency, ball elasticity (coefficient of restitution), and the initial number of balls. Single script. (Corresponds to Bouncing Balls Hexagon description) |
|
15. Create an interactive simulation that shows water molecules forming and breaking hydrogen bonds. The visualization should depict molecular motion, with oxygen in white and hydrogen in red. A temperature slider should control movement speed and bond stability. Use HTML, CSS, and JavaScript in a single file for real-time interaction. (Corresponds to Water Molecule description) |
|
16. Design a kaleidoscope using p5js that generates symmetrical patterns based on mouse movements.wrap it under html ,so I can paste it to online html viewer. |
|
17. Create a rubik cube in p5.js ,I can play with it,you need to apply generator AND solver mode for this rubik cube,make sure wrap it in html one file,so i can paste it to online html viewer (Corresponds to prompt #4 in your final list) |
|
18. Code a TV that lets me change channels with number keys (0-9). Come up with an idea for a channel for all numbers, inspired by classic genres of TV channels. Show detailed interesting animations for content and a creative name of channel on screen. Return a 800x800 P5.js sketch (no HTML) on black background. Make sure the content of all the channels stays masked to the TV set screen area,make sure wrap it in html one file,so i can paste it to online html viewer (Corresponds to prompt #5 in your final list) |
|
19. make a app called chatgpt ad maker that takes in a video and does a halftone effect with sliders to adjust dot size and wrap it under html, so I can paste it to online html viewer |
|
20. Build a Healthcare CRM to streamline patient communication, appointment scheduling, record management, and billing processes…,make sure wrap it in html one file,so i can paste it to online html viewer |
|
|
|
21. |
|
Write a complete HTML/JavaScript program using Three.js that renders a fully interactive Rubik's Cube simulation of any size up to 20x20x20. The user should be able to specify the cube size dynamically (e.g., via an input or a variable), and the cube should be constructed accordingly with proper color-coded faces (standard Rubik's Cube colors: white, yellow, red, orange, blue, green). Include camera controls for rotating the view, and allow for basic user interaction such as rotating layers of the cube via mouse or UI buttons. |
|
|
|
Additionally, implement a "Solve" button that, when clicked, animates the cube being solved step-by-step visually. You can use a simplified solving algorithm (you do not need to match real Rubik's solving logic) - the goal is just to animate the cube returning to its original solved state, one move at a time, with clear transitions. |
|
|
|
Requirements: |
|
|
|
Use Three.js for all 3D rendering. |
|
|
|
Cube size should be adjustable up to 20x20x20. |
|
|
|
Solver animation should be smooth and readable. |
|
|
|
Keep performance in mind for larger cubes (e.g., 20x20). |
|
|
|
22. |
|
|
|
Write code for - Generate self-contained HTML code (with embedded CSS and JavaScript) for an interactive web animation using pure HTML5 Canvas and JavaScript (no external libraries). The animation features a dynamic, large, white hexagonal maze on a solid black background, running continuously and smoothly. The canvas must resize to fill the entire browser window, with all elements scaling accordingly. |
|
|
|
Important additional requirements: Each hexagon should apply circular rotation individually (i.e., each hexagon spins about its own center) and the animation must include a visible slider UI to control a global speed multiplier that scales the rotation speeds (and the outer gliding red line). Make the base rotation speeds noticeably faster than the original example so the rotation is visibly faster. |
|
|
|
Maze Details: |
|
|
|
Multiple (5) concentric white hexagonal outlines (layers), each rotating independently at increased random speeds and directions (use a faster base such as (Math.random() - 0.5) * 0.06 for each layer's angular velocity, and then multiply by the slider-controlled global speed multiplier). Each hexagon's rotation should be a true spin around the canvas center (circular rotation about its center). Random large gaps (1-2 per hexagon, excluding the outermost) in walls for ball passage. No internal connecting lines within any hexagonal layer (none of the concentric layers should have internal spokes or connecting lines). |
|
|
|
Moving Elements: |
|
|
|
Five small, brightly colored bouncing balls (red, green, blue, yellow, pink) moving independently with realistic physics: they bounce off maze walls (concentric outlines only, respecting all lines without crossing—use substeps and accurate collision detection for reliability). Balls should start near the center and maintain their assigned colors. A prominent red line glides clockwise along the outermost hexagon's perimeter (non-interacting with balls/maze); its path follows the outermost layer's rotation and is scaled by the same global speed multiplier. |
|
|
|
Controls & UX: |
|
|
|
Include a visible HTML range slider labeled "Rotation Speed" that controls a global speed multiplier (for example range 0.0 to 4.0, default 2.0) which scales the angular velocities of each hexagon and the outer glider. Show the slider value numerically next to the control. Place and style the slider so it remains visible and usable on all window sizes (e.g., top-left, semi-transparent background). |
|
|
|
Implementation Details: |
|
|
|
Implement drawing, rotation transforms, physics, collision detection, and animation loop using only the Canvas API and vanilla JavaScript. Ensure smooth resizing—when the window is resized the canvas and all geometry recalculate so the maze stays centered and scaled. Use sub-stepping for ball movement and collision resolution to prevent tunneling at higher speeds. The rotating hexagons must be drawn as outlines, rotate about the center, and respect gaps for ball passage. The red glider should move along the outer hexagon perimeter and be visually synced to its rotation. Ensure balls cannot cross hexagon walls (except through gaps). Ensure animation runs smoothly and is visibly faster due to the increased base speeds and the slider default. |
|
|
|
Output the full complete HTML code (single file) that implements all of the above. |
|
|
|
23. |
|
|
|
Generate a 5x5 matrix filled with random numbers.Number must be between 1 to 10.Traverse the matrix in a spiral order, starting from the top-down corner and moving anti clockwise inward.Return the numbers from the matrix in a single line as output, representing the spiral traversal.without any coding. |