This is a great repo, thank you very much!!! To use webGL as overlay was always a need for performance reasons (those slides can have hundreds of thousands objects, e.g. nuclei etc...).
I downloaded the repo and double clicked index to run it locally (without docker or so). There were three issues, which occurred:
I had to replace <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> by <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
I had to replace fetch("ccRCC_Slide_Tumor.json") by fetch("https://raw.githubusercontent.com/NCBI-Hackathons/HistoloMaps/master/ccRCC_Slide_Tumor.json") in index.html
I had to rewrite the line this.resourcePath = this.resourcePath || path; in three.js, since Chrome reported a wired encoding character (||Â path) in that line and THREE was not defined therefore.
After that, it ran seemlessly. Thank you for the nice example!!
@jetic83 Thank you for pointing this out. This was built in a hackathon and we didn't really have time to make sure the demo works correctly when we pushed it. I'll fix this soon.
This is a great repo, thank you very much!!! To use webGL as overlay was always a need for performance reasons (those slides can have hundreds of thousands objects, e.g. nuclei etc...).
I downloaded the repo and double clicked index to run it locally (without docker or so). There were three issues, which occurred:
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
by<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
fetch("ccRCC_Slide_Tumor.json")
byfetch("https://raw.githubusercontent.com/NCBI-Hackathons/HistoloMaps/master/ccRCC_Slide_Tumor.json")
in index.htmlthis.resourcePath = this.resourcePath || path;
in three.js, since Chrome reported a wired encoding character (||Â path
) in that line and THREE was not defined therefore.After that, it ran seemlessly. Thank you for the nice example!!