---

AI and Ethical Reflection

- Draw shapes, colors, gradients for conflicting human values.
- Canvas: 800x600.
- Output: Complete HTML file under 200 lines.
- No explanation.

---

# CSS

```
body { margin:0; background:#111; display:flex; justify-content:center; align-items:center; height:100vh; }
canvas { border:2px solid #555; }

```

---

# JavaScript

```
const canvas = document.getElementById('scene'), ctx = canvas.getContext('2d');
const W = canvas.width, H = canvas.height;

let time = 0;

// colors representing conflicting human values
const values = [
  { color: '#ff6b6b', angle: 0, dist: 180 },
  { color: '#6bffb5', angle: Math.PI * 2 / 3, dist: 180 },
  { color: '#6b9bff', angle: Math.PI * 4 / 3, dist: 180 }
];

// AI core
const core = {
  x: W / 2,
  y: H / 2,
  r: 40
};

function drawBackground() {
  const grad = ctx.createLinearGradient(0, 0, 0, H);
  grad.addColorStop(0, '#222');