如何解决threeJS和反应
我是three.js的超级菜鸟,试图使其与react ..
一起使用。我正在关注这篇中等文章 https://blog.bitsrc.io/starting-with-react-16-and-three-js-in-5-minutes-3079b8829817
尝试在Three.js上复制此示例 https://threejs.org/examples/?q=snow#webgl_points_sprites https://github.com/mrdoob/three.js/blob/master/examples/webgl_points_sprites.html
我的密码和邮箱 https://codesandbox.io/s/clever-sid-r7egd?file=/src/ThreeCanvas.js
我可能错了,但是好像没有加载雪花图片? 我的sprite1的console.log显示:image:undefined
现在花了几个小时,我只能看到黑屏...
感谢您的帮助!
解决方法
这一定是CodeSandbox设置其本地文件结构的方式,因为如果您使用Three.js示例图像的直接URL,则演示将按预期工作:
var threeFolder = "https://raw.githubusercontent.com/mrdoob/three.js/master/examples/textures/sprites/";
var sprite1 = textureLoader.load(threeFolder + "snowflake1.png");
var sprite2 = textureLoader.load(threeFolder + "snowflake2.png");
var sprite3 = textureLoader.load(threeFolder + "snowflake3.png");
var sprite4 = textureLoader.load(threeFolder + "snowflake4.png");
var sprite5 = textureLoader.load(threeFolder + "snowflake5.png");
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。