Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   three.js отрисовка текстуры только с анимацией (https://javascript.ru/forum/library-toolkit-framework/52843-three-js-otrisovka-tekstury-tolko-s-animaciejj.html)

Nirfik 09.01.2015 14:58

three.js отрисовка текстуры только с анимацией
 
window.onload = init;

var camera,render,scene;
var sphere;

function init(){
	render = new THREE.WebGLRenderer();
	render.setSize(innerWidth,innerHeight);
	document.body.appendChild(render.domElement);

	camera = new THREE.PerspectiveCamera(70,innerWidth/innerHeight,1,10000);
	camera.position.z = 1400;

	scene = new THREE.Scene();

	var sphere_geometry = new THREE.SphereGeometry(700,40,40);
	var texture = new THREE.ImageUtils.loadTexture('earthtexture.jpg');
	texture.anisotropy = render.getMaxAnisotropy();
	var sphere_material = new THREE.MeshBasicMaterial({map:texture});
	//var sphere_material = new THREE.MeshNormalMaterial();
	sphere = new THREE.Mesh(sphere_geometry,sphere_material);
	scene.add(sphere);
	animate();
}

function animate() {

	requestAnimationFrame( animate );

	sphere.rotation.y += 0.01;

	render.render( scene, camera );

}
- работает показывает шар с текстурами земли
window.onload = init;

var camera,render,scene;
var sphere;

function init(){
	render = new THREE.WebGLRenderer();
	render.setSize(innerWidth,innerHeight);
	document.body.appendChild(render.domElement);

	camera = new THREE.PerspectiveCamera(70,innerWidth/innerHeight,1,10000);
	camera.position.z = 1400;

	scene = new THREE.Scene();

	var sphere_geometry = new THREE.SphereGeometry(700,40,40);
	var texture = new THREE.ImageUtils.loadTexture('earthtexture.jpg');
	texture.anisotropy = render.getMaxAnisotropy();
	var sphere_material = new THREE.MeshBasicMaterial({map:texture});
	//var sphere_material = new THREE.MeshNormalMaterial();
	sphere = new THREE.Mesh(sphere_geometry,sphere_material);
	scene.add(sphere);
        render.render( scene, camera );
	//animate();
}

function animate() {

	requestAnimationFrame( animate );

	sphere.rotation.y += 0.01;

	render.render( scene, camera );

}
- не работает не показывает ничего(
если кто знает может и книгу посоветуете(англ не знаю)

Nirfik 09.01.2015 15:07

если нет хороших книг на русском можно и по webGl


Часовой пояс GMT +3, время: 00:35.