20191124 日常记录
图形学作业
图形学的作业task1让我们把图片贴到平面上,我用文档里提供的范例测试了一下并没有贴上去,检查console输出发现报错如下:
Uncaught DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The image element contains cross-origin data, and may not be loaded.
修改
image.crossOrigin
为anonymous
毫无用处,本质原因在于file协议和http协议实现过程的差异。就拿这个情况为例,使用file协议来打开图片会被浏览器的安全设置阻挡。从安全性上来讲,服务端不能对客户端进行本地操作。那怎样能以本地服务器的形式打开呢?
- 安装node.js
npm install http-server -g
http-server . -p 8000
可爱的米奇终于出现啦~
原来后面有提示!!为什么不放在题目前面,但尝试了提示里的
open /Applications/Google\ Chrome.app --args --allow-file-access-from-files
对我依然无效,还是我的方法好。这次作业好难,代码量极少,但是却完全摸不着头脑要干啥。虽然最后勉勉强强写出来了,但是我也不太懂为什么这样写就成了,稍微改几个地方就不行。效果还是挺赞的,我可以旋转茶壶也可以旋转背景,茶壶的映射的背景会随之变化,看上去挺炫酷的。