Форум

l-liava-l · #1 (**permalink**) 04.02.2013, 12:27

Доброго времени суток!

Учусь webgl и threejs.

Непонятная штука происходит в chrome, в мозилке все хорошо.

Куб появляется на долю секунды и исчезает.
Если loader.load(); оставить пустым, то появляется черный кубик
Я так понимаю хром почему то не может подгрузить изображения
Как это можно исправить?

<html>
    <head>
        <title></title>

    </head>
<body>
<script src="https://raw.github.com/mrdoob/three.js/master/build/three.js"></script>
<script>

window.onload = init;

var scene, camera, render, loader, cube_texture, cube_geometry;


function init() {

    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.1, 10000);
    camera.position.z = 500;

    

    
    
////////////////////////////////////////////////
    cube_geometry = new THREE.CubeGeometry(300,300,300,30,30,30);
    cube_texture = new THREE.Texture();
    loader = new THREE.ImageLoader();
    
        loader.addEventListener( 'load', function (event) {
        
            cube_texture.image = event.content;
            cube_texture.needsUpdate = true;
        
         });
        
    loader.load();

    
    var cube_material = new THREE.MeshBasicMaterial({map: cube_texture, overdrop: true});
/////////////////////////////////////////////////


    var cube = new THREE.Mesh(cube_geometry, cube_material);
    scene.add(cube);
    
    

    render = new THREE.WebGLRenderer();
    render.setSize(window.innerWidth, window.innerHeight);


    var container = document.createElement('div');
    container.appendChild(render.domElement);
    document.body.appendChild(container);
    

   
     animation();
     function animation() {
     requestAnimationFrame(animation);
     cube.rotation.y += 180/Math.PI * 0.0001;
     render.render(scene,camera);
   }
    
 
   
}


</script>
</body> </html>

Gozar · #2 (**permalink**) 04.02.2013, 12:47

l-liava-l,
[ html run]
В FF У меня тоже ничего нет.

l-liava-l · #3 (**permalink**) 04.02.2013, 13:09

Цитата:

[ html run]
В FF У меня тоже ничего нет.

про run я помню, только там картинку нужно подгрузить,а с сайта не получилось.
(если без нее, то в мозиле пусто, а в хроме черный кубик)

Кинь изображение в директорию со скриптом,
а в loader.load(); пропиши путь

Gozar · #4 (**permalink**) 04.02.2013, 13:48

l-liava-l,
Если честно то лень. Однако подобные проблемы бывают в основном, когда картинка не успевает подгрузиться, а не хром неможет ее подгрузить. Но это просто догадка.

Начинай выполнение после загрузки изображения.

Tim · #5 (**permalink**) 04.02.2013, 13:53

А у меня кубик крутящийся в хроме

Цитата:

Однако подобные проблемы бывают в основном, когда картинка не успевает подгрузиться

на хреновых компах такие проблемы бывают обычно. встречал тоже такое

l-liava-l · #6 (**permalink**) 04.02.2013, 14:16

Цитата:

А у меня кубик крутящийся в хроме

я в примере путь к текстуре убрал, теперь в хроме черный кубик а в мозиле ничего.
Если путь прописать то в хроме черный кубик на долю секунды появляется и исчезает.
А в мозиле крутится с текстурой, как нужно.

Цитата:

на хреновых компах такие проблемы бывают обычно. встречал тоже такое

там загрузчик изображения стоит... либо я как то не так подгружаю, либо баг браузера

Tim · #7 (**permalink**) 04.02.2013, 14:51

l-liava-l,
)) Да я видел. Я блохастика тролю.

Gozar · #8 (**permalink**) 04.02.2013, 19:05

Сообщение от l-liava-l

там загрузчик изображения стоит

Значит ты можешь поставить два alert-а и сказать, что я не прав, т.к. вот алерты говорят что картинка загрузилась. Так как мне всё ещё лень смотреть код, то я пожалуй больше ничего не посоветую, кроме как ищи ошибку. debug не такая уж сложная вещь, чтобы не мочь сузить проблему.

Сообщение от Tim

Я блохастика тролю.

Ты меня как-то по особенному троллишь? Так как то, что ты пишешь, меня никак не задевает. Мне даже это писать лень в ответ.

Tim · #9 (**permalink**) 04.02.2013, 22:54

Цитата:

Мне даже это писать лень в ответ.

Дай пять. Такая же фигня

alexan0308 · #10 (**permalink**) 03.02.2014, 13:16

Сообщение от l-liava-l

Доброго времени суток!

Учусь webgl и threejs.

Непонятная штука происходит в chrome, в мозилке все хорошо.

Куб появляется на долю секунды и исчезает.
Если loader.load(); оставить пустым, то появляется черный кубик
Я так понимаю хром почему то не может подгрузить изображения
Как это можно исправить?

Хром разрешает грузиться текстурам только через сервер. Запусти пример на денвере или типа того.

Форум

Справочник

Discord чат

Курсы javascript