Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   three js не грузит изображения в chrome 24 (https://javascript.ru/forum/offtopic/35222-three-js-ne-gruzit-izobrazheniya-v-chrome-24-a.html)

l-liava-l 04.02.2013 12:27

three js не грузит изображения в chrome 24
 
Доброго времени суток!

Учусь 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 04.02.2013 12:47

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

l-liava-l 04.02.2013 13:09

Цитата:

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

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

Gozar 04.02.2013 13:48

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

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

Tim 04.02.2013 13:53

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

Цитата:

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

l-liava-l 04.02.2013 14:16

Цитата:

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

Цитата:

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

Tim 04.02.2013 14:51

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

Gozar 04.02.2013 19:05

Цитата:

Сообщение от l-liava-l
там загрузчик изображения стоит

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

Цитата:

Сообщение от Tim
Я блохастика тролю.

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

Tim 04.02.2013 22:54

Цитата:

Мне даже это писать лень в ответ.
Дай пять. Такая же фигня

alexan0308 03.02.2014 13:16

Лучше поздно, чем никогда
 
Цитата:

Сообщение от l-liava-l (Сообщение 231478)
Доброго времени суток!

Учусь webgl и threejs.:)

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

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

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


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