<!DOCTYPE html>
<br> * { box-sizing: border-box; margin: 0; padding: 0; }<br> body { background-color: #06080e; color: #e2e8f0; font-family: -apple-system, sans-serif; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; }<br> header, section, footer { background: rgba(17, 22, 34, 0.9); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; margin: 8px; padding: 16px; }<br> header { text-align: center; }<br> .gold { color: #f59e0b; }<br> .cyan { color: #06b6d4; }<br> canvas { display: block; width: 100%; height: 260px; background: #020617; border-radius: 10px; margin-top: 8px; }<br> button { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid rgba(6, 182, 212, 0.4); background: rgba(6, 182, 212, 0.15); color: #06b6d4; font-weight: bold; margin-top: 8px; }<br> .console { background: #020617; border-radius: 10px; padding: 10px; height: 100px; overflow-y: auto; font-family: monospace; font-size: 0.7rem; color: #94a3b8; }<br>
碳基生命主体:ing (王克能)
Web 4.0 核心演化模型 | 持续运行ing...
最高公理定义
第一性原理:简单是复杂的结果
拓扑演化模型
注入文明脉冲
实时日志引擎
© 2026 ing (王克能)。绝对主权归属 | 芜湖
<br> const canvas = document.getElementById('canvas');<br> const ctx = canvas.getContext('2d');<br> const logConsole = document.getElementById('logConsole');<br> function resize() { canvas.width = canvas.parentElement.clientWidth - 32; canvas.height = 260; }<br> window.addEventListener('resize', resize); resize();<br> let particles = Array.from({length: 40}, () => ({angle: Math.random() * Math.PI * 2, dist: Math.random() * 100 + 30, radius: Math.random() * 2 + 1}));<br> function addLog(msg) {<br> const div = document.createElement('div');<br> div.textContent = <code>[${new Date().toLocaleTimeString()}] ${msg}</code>;<br> logConsole.appendChild(div);<br> logConsole.scrollTop = logConsole.scrollHeight;<br> }<br> function animate() {<br> ctx.fillStyle = 'rgba(2, 6, 23, 0.3)';<br> ctx.fillRect(0, 0, canvas.width, canvas.height);<br> let cx = canvas.width / 2, cy = canvas.height / 2;<br> ctx.beginPath(); ctx.arc(cx, cy, 20, 0, Math.PI * 2); ctx.fillStyle = '#0f172a'; ctx.fill(); ctx.strokeStyle = '#f59e0b'; ctx.stroke();<br> particles.forEach(p => {<br> p.dist -= 0.8; p.angle += 0.02;<br> if (p.dist < 20) p.dist = Math.random() * 100 + 50;<br> let x = cx + Math.cos(p.angle) * p.dist, y = cy + Math.sin(p.angle) * p.dist;<br> ctx.beginPath(); ctx.arc(x, y, p.radius, 0, Math.PI * 2); ctx.fillStyle = '#06b6d4'; ctx.fill();<br> });<br> requestAnimationFrame(animate);<br> }<br> animate();<br> setInterval(() => { addLog('系统状态: 秩序收敛中ing...'); }, 2000);<br> document.getElementById('pulseBtn').addEventListener('click', () => { addLog('人工注入文明脉冲成功!'); });<br>
Top comments (0)