About using three.js with ZIM

Questions
,
41

The difference is you are masking each object. I am masking the container that has the objects. I will try to mask each object.

42

The issue is the Blob. It won't clone it with the blob as the mask.

43

I have tried other stuff like fontloader, textgeometry, and find that they don't work under ZIM_THREE but if add threejs script tag, they work but now I have two imports of THREE. Is this the only way or how can we utilize other "addons" with ZIM's version of THREE and not have multiple imports of THREE?

44

Tell us what is missing and we may be able to add them in.

Use NPM to bundle any three.js stuff and ZIM stuff and the ZIM Three helper - @zimjs/three - npm

Or just use script tags for createjs, ZIM and three helper module rather than the single import.

<script src="https://zimjs.org/cdn/1.5.0/createjs.js"></script>
<script src="https://zimjs.org/cdn/017/zim_min.js"></script>
<!-- add your threejs libraries -->
<script src="https://zimjs.org/cdn/three_2.3.js"></script>
45

I get this. three_2.3.js:22 Uncaught ReferenceError: THREE is not defined

46

You need to add the script tag to the three.js file where it says to add your threejs libraries. I think that will automatically make a THREE reference.

47

I have tried a couple dozen variations of scripts and/or imports and nothing.

image
image1414×185 29.5 KB

I keep getting the same thing and the other error is Three is not defined.

48

I am using the TWEEN, TextGeometry, and FontLoader files.