Solar System by Grok

```html
Click a planet to see details
1x
``` ### Changes Made 1. **Fixed Emissive Error**: Changed the Sun's material from `MeshBasicMaterial` to `MeshStandardMaterial` to support `emissive` and `emissiveIntensity` properties, ensuring the glowing effect works. 2. **Blogspot Compatibility**: - Wrapped the canvas in a `
` with a fixed height (`600px`) to fit Blogspot's layout. - Adjusted renderer size to use the container's dimensions instead of `window.innerWidth/innerHeight`. - Updated mouse event listeners to be relative to the container, not the entire window, to work within Blogspot's widget or post area. - Used a CDN for Three.js (`r128`) to avoid local file dependencies. 3. **No Textures**: Removed any reliance on texture files, using solid colors for planets to avoid CORS issues, as Blogspot can't host image files directly. 4. **Responsive Design**: Ensured the simulator resizes with the container, making it suitable for Blogspot's dynamic layouts. ### How to Embed in Blogspot Blogspot allows HTML/JavaScript in posts or gadgets, but scripts can be tricky due to security restrictions. Here are two methods to embed the simulator: #### Method 1: Embed in a Blog Post 1. **Access Blogspot Editor**: - Log in to your Blogspot dashboard. - Go to "Posts" and click "New Post." 2. **Switch to HTML View**: - In the post editor, switch to "HTML view" (not Compose view). 3. **Paste the Code**: - Copy the entire code from the `
` to the end of the `
Previous Next

نموذج الاتصال