Hello everybody,
I’m trying to load an entire scene exported from blender to json using the Three.js json exporter.
In my javascript code, I’m trying to load the scene using this method :
function loadJSONObjectModel(js_path_name){
var loaderObj = new THREE.ObjectLoader();
var loader = new THREE.XHRLoader();
loader.load( js_path_name, function ( text ) {
text = "{ \"scene\" : " + text + " }";
var json = JSON.parse( text );
var scene_ = loaderObj.parse( json.scene );
scene.add( scene_ );
},
// Function called when download progresses
function ( xhr ) {
console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
},
// Function called when download errors
function ( xhr ) {
console.log( 'An error happened' );
} );
}
My problem is that the texture are not showing. The material seems to show but without texture mapping.
I can see these messages into chrome console logs :
THREE.WebGLRenderer: Texture marked for update but image is incomplete
Do you have an idea ?
I’ve put the detail of the texture that is written near this error :
Texture
_listeners
:
Object
anisotropy
:
1
encoding
:
3000
flipY
:
true
format
:
1023
generateMipmaps
:
true
id
:
6
image
:
img
accessKey
:
""
align
:
""
alt
:
""
assignedSlot
:
null
attributes
:
NamedNodeMap
baseURI
:
"http://localhost:8080/Three_JS_Loader/index.html"
border
:
""
childElementCount
:
0
childNodes
:
NodeList[0]
children
:
HTMLCollection[0]
classList
:
DOMTokenList[0]
className
:
""
clientHeight
:
0
clientLeft
:
0
clientTop
:
0
clientWidth
:
0
complete
:
true
contentEditable
:
"inherit"
crossOrigin
:
null
currentSrc
:
"http://localhost:8080/Three_JS_Loader/FootB.jpg"
dataset
:
DOMStringMap
dir
:
""
draggable
:
true
firstChild
:
null
firstElementChild
:
null
height
:
2048
hidden
:
false
hspace
:
0
id
:
""
innerHTML
:
""
innerText
:
""
isConnected
:
false
isContentEditable
:
false
isMap
:
false
lang
:
""
lastChild
:
null
lastElementChild
:
null
localName
:
"img"
longDesc
:
""
lowsrc
:
""
name
:
""
namespaceURI
:
"http://www.w3.org/1999/xhtml"
naturalHeight
:
2048
naturalWidth
:
2048
nextElementSibling
:
null
nextSibling
:
null
nodeName
:
"IMG"
nodeType
:
1
nodeValue
:
null
offsetHeight
:
0
offsetLeft
:
0
offsetParent
:
null
offsetTop
:
0
offsetWidth
:
0
onabort
:
null
onauxclick
:
null
onbeforecopy
:
null
onbeforecut
:
null
onbeforepaste
:
null
onblur
:
null
oncancel
:
null
oncanplay
:
null
oncanplaythrough
:
null
onchange
:
null
onclick
:
null
onclose
:
null
oncontextmenu
:
null
oncopy
:
null
oncuechange
:
null
oncut
:
null
ondblclick
:
null
ondrag
:
null
ondragend
:
null
ondragenter
:
null
ondragleave
:
null
ondragover
:
null
ondragstart
:
null
ondrop
:
null
ondurationchange
:
null
onemptied
:
null
onended
:
null
onerror
:
null
onfocus
:
null
ongotpointercapture
:
null
oninput
:
null
oninvalid
:
null
onkeydown
:
null
onkeypress
:
null
onkeyup
:
null
onload
:
null
onloadeddata
:
null
onloadedmetadata
:
null
onloadstart
:
null
onlostpointercapture
:
null
onmousedown
:
null
onmouseenter
:
null
onmouseleave
:
null
onmousemove
:
null
onmouseout
:
null
onmouseover
:
null
onmouseup
:
null
onmousewheel
:
null
onpaste
:
null
onpause
:
null
onplay
:
null
onplaying
:
null
onpointercancel
:
null
onpointerdown
:
null
onpointerenter
:
null
onpointerleave
:
null
onpointermove
:
null
onpointerout
:
null
onpointerover
:
null
onpointerup
:
null
onprogress
:
null
onratechange
:
null
onreset
:
null
onresize
:
null
onscroll
:
null
onsearch
:
null
onseeked
:
null
onseeking
:
null
onselect
:
null
onselectstart
:
null
onshow
:
null
onstalled
:
null
onsubmit
:
null
onsuspend
:
null
ontimeupdate
:
null
ontoggle
:
null
onvolumechange
:
null
onwaiting
:
null
onwebkitfullscreenchange
:
null
onwebkitfullscreenerror
:
null
onwheel
:
null
outerHTML
:
"<img src="FootB.jpg">"
outerText
:
""
ownerDocument
:
document
parentElement
:
null
parentNode
:
null
prefix
:
null
previousElementSibling
:
null
previousSibling
:
null
referrerPolicy
:
""
scrollHeight
:
0
scrollLeft
:
0
scrollTop
:
0
scrollWidth
:
0
shadowRoot
:
null
sizes
:
""
slot
:
""
spellcheck
:
true
src
:
"http://localhost:8080/Three_JS_Loader/FootB.jpg"
srcset
:
""
style
:
CSSStyleDeclaration
tabIndex
:
-1
tagName
:
"IMG"
textContent
:
""
title
:
""
translate
:
true
useMap
:
""
vspace
:
0
webkitdropzone
:
""
width
:
2048
x
:
0
y
:
0
__proto__
:
HTMLImageElement
magFilter
:
1006
mapping
:
300
minFilter
:
1008
mipmaps
:
Array[0]
name
:
"Kd"
offset
:
Vector2
onUpdate
:
null
premultiplyAlpha
:
false
repeat
:
Vector2
type
:
1009
unpackAlignment
:
4
uuid
:
"8A64C2AA-3BA0-45B3-BE8D-B9085BD35D45"
version
:
1
wrapS
:
1000
wrapT
:
1000
__proto__
:
Object