النسيج بارز. إزاحة الرؤوس ترسم البيانات على سطح منسوج — منحوت بالإضاءة المائلة التي تكشف كل خيط.
// 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
كيف تغير زاوية الضوء المائلة ما هو مرئي من أنماط البيانات؟ جرّب رسم مجموعات بيانات مختلفة — أيها ينتج النقش الأكثر جذبًا بصريًا؟
البيانات كمادة — انحت المعنى بالكود
احجز جلسة