three.js-رسومات ويب ثلاثية الأبعاد مجانية وقوية

Example

const scene = new THREE.Scene();

Scenario

يستخدم لإعداد بيئة ثلاثية الأبعاد حيث يتم وضع الكائنات والأضواء والكاميرات.

Example

const geometry = new THREE.BoxGeometry(); const material = new THREE.MeshBasicMaterial({color: 0x00ff00}); const cube = new THREE.Mesh(geometry, material);

Scenario

يسمح بإنشاء كائنات ثلاثية الأبعاد بأشكال ومواد مختلفة. شائع في تصور المنتجات والألعاب.

Example

const light = new THREE.PointLight(0xffffff, 1, 100); light.position.set(50, 50, 50); scene.add(light);

Scenario

يضيف أضواء إلى المشهد، مما يؤثر على الطريقة التي تظهر بها المواد والأسطح. أمر أساسي لإنشاء بيئات واقعية وتعزيز التأثيرات البصرية.

Example

function animate() { requestAnimationFrame(animate); cube.rotation.x += 0.01; renderer.render(scene, camera); }

Scenario

لإنشاء مشاهد ديناميكية مع عناصر متحركة أو تفاعلية، يستخدم على نطاق واسع في الألعاب والمحتوى التعليمي التفاعلي.

Example

const camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

Scenario

يحدد المنظور الذي يتم من خلاله رؤية المشهد. يستخدم في الجولات الافتراضية والتصورات المعمارية والسرد التفاعلي.