小编DMF*_*DMF的帖子

我正在玩webGL和ThreeJS,然后我遇到了以下问题:

Textures with large images gets pixelated when seen from distance.

Check the example: http://jsfiddle.net/4qTR3/1/

Below is the code:

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 10, 7000);

var light = new THREE.PointLight(0xffffff);
light.position.set(0, 150, 100);
scene.add(light);

var light2 = new THREE.AmbientLight(0x444444);
scene.add(light2);

var renderer = new THREE.WebGLRenderer({
    antialias: true
});
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var geometry = new THREE.PlaneGeometry(500, 500, 10, 10);

//I use different textures in my project
var texture = new THREE.ImageUtils.loadTexture(TEST_IMAGE); …