(p5.min.js:3:229048)
at new m (p5.min.js:3:232427)
at n (p5.min.js:3:226962)
```
plus, it doesn’t print the ‘LOADED’ after the loadLayersModel line.
Does anyone have any idea? 🤔
thanks 🙂
---
### Author:  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [April 17, 2022, 12:47am UTC](https://discourse.processing.org/t/problem-with-tensorflow-load-model/36390/2 "2022-04-17T00:47:22Z")
> [@Omri](#):
>
> `"C:\processing_new_3.5.4\processing-3.5.4\HCI\ML_as_tool\complete_model\trained_model\my-model.json"`
Browsers can’t directly access files from arbitrary paths outside the HTML file’s folder.
Unless you request a user to do so, either by file drop or file dialog:
- p5.Element::[**drop()**](https://p5js.org/reference/#/p5.Element/drop)
- p5::[**createFileInput()**](https://p5js.org/reference/#/p5/createFileInput)
Also you should postpone the sketch initialization until your file is fully loaded.
---
### Author:  [@Omri](https://discourse.processing.org/u/Omri)
#### Post date: [April 17, 2022, 11:26am UTC](https://discourse.processing.org/t/problem-with-tensorflow-load-model/36390/3 "2022-04-17T11:26:31Z")
ok, I moved it to local host and now it’s working 🙂
BTW, what did you mean in:
```auto
Also you should postpone the sketch initialization until your file is fully loaded.
```
---
### Author:  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [April 17, 2022, 4:15pm UTC](https://discourse.processing.org/t/problem-with-tensorflow-load-model/36390/4 "2022-04-17T16:15:07Z")
> [@Omri](#):
>
> BTW, what did you mean in:
>
> ```auto
> Also you should postpone the sketch initialization until your file is fully loaded.
>
> ```
That technique and the reasons why it’s needed are described on this old post here:
> [@Code is not executed in Processing, but in p5.js Web Editor](https://discourse.processing.org/t/code-is-not-executed-in-processing-but-in-p5-js-web-editor/34867/6):
>
> Callback preload() only works for p5js asset loading functions such as loadImage(), loadJSON(), loadFont(), etc. Also for addon libraries which internally register their own loading functions into the p5js such as [loadSound()](https://p5js.org/reference/#/p5/loadSound) from the p5.sound library. Anything else preload() won’t await for them to get fully finished! Yes, many ways! But IMO the easiest approach would be to postpone the automatically initialization of the p5js library until your callback getDevices() has finished its job. …
Basically you have this following asynchronous race condition:
You need variable _model_ to be properly initialized before the code reaches this statement:
`let results = model.predict(xs);`
Most likely b/c the statement above happens much further into the code, your **load()** function should have completed your JSON file loading by then.
But you shouldn’t count on that for all machines that code might also run.
If the loading takes too much time, there’s a possibility for your code to crash at:
`let results = model.predict(xs);`.
I’ve refactored your posted code to postpone p5js initialization until the JSON file is fully loaded:
```auto
/**
* TensorFlow JSON Model Loading (v1.0.0)
* by Omri Bergman (2022-Apr-17)
* modded by GoToLoop
*
* https://Discourse.Processing.org/t/problem-with-tensorflow-load-model/36390/4
*/
'use strict';
const JSON_FILENAME = 'my-model.json';
var model, bg = [15, 43, 55]; // background rgb array
loadLayersModelJSON();
function loadLayersModelJSON() { // assuming tf is a global variable
tf.loadLayersModel(JSON_FILENAME).then(gotLayersModel);
}
function gotLayersModel(layersModel) {
model = layersModel;
startP5(); // now we can safely start the p5js sketch
}
function startP5() {
globalThis.setup = setup; // place callback setup() into global context
globalThis.draw = draw; // place callback draw() into global context
new p5; // manually instantiate the p5js library
}
const setup = function () { // setup() callback is hidden from p5js for now
createCanvas(800, 600);
bg = color(bg); // convert rgb array to p5.Color object
}
const draw = function () { // draw() callback is hidden from p5js for now
background(bg);
tf.tidy(predictModel);
}
function predictModel() {
const
tensors = tf.tensor2d([bg._array]), // p5.Color's normalized rgba
results = model.predict(tensors),
[index] = results.argMax(1).dataSync(),
label = labelList[index]; // unknown array variable (at least for me)
print(label);
}
```
Obviously not tested b/c I don’t have any TensorFlow library.
---
### Author:  [@Omri](https://discourse.processing.org/u/Omri)
#### Post date: [April 17, 2022, 7:32pm UTC](https://discourse.processing.org/t/problem-with-tensorflow-load-model/36390/5 "2022-04-17T19:32:25Z")
WOW, this is **AMAZING**!!!
thank you!!! 👑 👑 👑