Javascript-форум - three js не грузит изображения в chrome 24

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)

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>

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

Цитата:

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

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

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

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

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

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

Цитата:

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

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

Цитата:

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

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

Цитата:

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

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

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

Цитата:

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

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

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

Цитата:

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

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

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

Цитата:

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

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

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

Цитата:

Сообщение от l-liava-l (Сообщение 231478)

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

у меня ни в одном браузере не работает

nerv_, потому что кое кто по еврейски либу подключил

Цитата:

Refused to execute script from 'https://raw.github.com/mrdoob/three.js/master/build/three.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.

l-liava-l, вот, только оно что то не может загрузить:)

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

    </head>
<body>
  <script type="text/javascript" src="http://threejs.org/build/three.min.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.onLoad = 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>

cyber,
уже поздно, год прошел:D

l-liava-l, я не смотрю на дату первого поста обычно:)