Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.01.2015, 14:58
Новичок на форуме
Отправить личное сообщение для Nirfik Посмотреть профиль Найти все сообщения от Nirfik
 
Регистрация: 13.11.2014
Сообщений: 5

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 );

}
- не работает не показывает ничего(
если кто знает может и книгу посоветуете(англ не знаю)
Ответить с цитированием
  #2 (permalink)  
Старый 09.01.2015, 15:07
Новичок на форуме
Отправить личное сообщение для Nirfik Посмотреть профиль Найти все сообщения от Nirfik
 
Регистрация: 13.11.2014
Сообщений: 5

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
three.js: проблема с наложением текстуры SVARAI Элементы интерфейса 16 08.02.2015 12:25
Элементарный подсчет и калькулятор PashaShulga Общие вопросы Javascript 5 14.03.2012 21:42