Javascript是一門非常流行的編程語言，它可以用來開發各種各樣的應用程序，包括3D建模。雖然Javascript本身并沒有內置的3D建模功能，但是它可以通過引入第三方庫和框架來實現。下面就讓我們來看看如何用Javascript來實現一個簡單的3D建模。

首先，我們需要引入一個開源的庫：Three.js。這個庫提供了強大的3D渲染功能，使我們能夠輕松地創建3D場景。下面是一個使用Three.js庫創建一個簡單的立方體的示例代碼：

// 創建一個場景
var scene = new THREE.Scene();
// 創建一個相機
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
// 創建一個渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
// 創建一個立方體
var cubeGeometry = new THREE.BoxGeometry( 1, 1, 1 );
var cubeMaterial = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var cube = new THREE.Mesh( cubeGeometry, cubeMaterial );
scene.add( cube );
camera.position.z = 5;
// 渲染場景
function render() {
requestAnimationFrame( render );
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render( scene, camera );
}
render();

在上面的代碼中，我們首先創建了一個場景，并在場景中創建了一個立方體。然后，我們創建了一個相機來觀察場景，并創建了一個WebGL渲染器來將場景呈現到屏幕上。最后，我們向DOM樹中添加渲染器的元素，并啟動了一個循環，不斷更新場景的旋轉。

這個示例可能很簡單，但它展示了使用Javascript和Three.js創建3D場景的基本流程。有了這個基礎，我們可以開始創建更加復雜的3D場景，例如一個房間或一個城市。

在創建復雜的3D場景時，我們可以使用更高級的Three.js功能，例如光照、材質和紋理。例如，下面展示了如何用Three.js創建一個具有光照效果和紋理的太陽系：

// 創建一個場景
var scene = new THREE.Scene();
// 創建一個相機
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
camera.position.z = 30;
// 創建一個渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
// 創建一個太陽
var sunGeometry = new THREE.SphereGeometry( 10, 32, 32 );
var sunMaterial = new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'sun.jpg' ) } );
var sun = new THREE.Mesh( sunGeometry, sunMaterial );
scene.add( sun );
// 創建地球
var earthGeometry = new THREE.SphereGeometry( 5, 32, 32 );
var earthMaterial = new THREE.MeshPhongMaterial( { map: THREE.ImageUtils.loadTexture( 'earth.jpg' ) } );
var earth = new THREE.Mesh( earthGeometry, earthMaterial );
earth.position.set( 20, 0, 0 );
scene.add( earth );
// 創建光源
var light = new THREE.PointLight( 0xffffff, 1, 100 );
light.position.set( 50,50,50 );
scene.add( light );
// 渲染場景
function render() {
requestAnimationFrame( render );
earth.rotation.y += 0.01;
sun.rotation.y += 0.005;
renderer.render( scene, camera );
}
render();

在上面的代碼中，我們創建了一個地球和一個太陽，并在場景中添加了一個點光源。我們使用了MeshPhongMaterial材質為地球和太陽添加了紋理，并使用了ImageUtils.loadTexture()函數來加載紋理圖像。最后，我們啟動了一個循環，不斷更新地球和太陽的旋轉，并用光線照亮它們。

總的來說，Javascript在3D建模方面提供了很多有用的工具和庫。無論是在創建簡單的立方體，還是在創建復雜的場景時，Javascript都可以幫助我們實現實現我們的想法。只要我們有興趣和熱情，我們就可以用Javascript來開發出各種各樣的3D應用程序。