FRENAR
N°14 · three.js · تصور البيانات

سجادة البيانات ثلاثية الأبعاد

النسيج بارز. إزاحة الرؤوس ترسم البيانات على سطح منسوج — منحوت بالإضاءة المائلة التي تكشف كل خيط.

WebGL indisponible
حرّك الفأرة لتغيير زاوية الضوء
// Data Rug 3D — vertex displacement + lumière sculpturale
const geo = new THREE.PlaneGeometry(8, 5, 128, 80);
const positions = geo.attributes.position;

function displace(time) {
  for (let i = 0; i < positions.count; i++) {
    const x = positions.getX(i);
    const y = positions.getY(i);
    // Value noise 2D seedé + animation temporelle
    const n = noise(x * freq + time, y * freq, seed);
    positions.setZ(i, n * amplitude);
  }
  positions.needsUpdate = true;
  geo.computeVertexNormals();
}

// Lumière rasante (Es Devlin)
const keyLight = new THREE.DirectionalLight(0xffffff, 1.5);
keyLight.position.set(4, 1.5, 2); // angle bas → relief dramatique
جرّب بنفسك

كيف تغير زاوية الضوء المائلة ما هو مرئي من أنماط البيانات؟ جرّب رسم مجموعات بيانات مختلفة — أيها ينتج النقش الأكثر جذبًا بصريًا؟

البيانات كمادة — انحت المعنى بالكود

احجز جلسة