图形学作业

  1. 图形学的作业task1让我们把图片贴到平面上,我用文档里提供的范例测试了一下并没有贴上去,检查console输出发现报错如下:

    Uncaught DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The image element contains cross-origin data, and may not be loaded.
    

    修改image.crossOriginanonymous毫无用处,本质原因在于file协议和http协议实现过程的差异。就拿这个情况为例,使用file协议来打开图片会被浏览器的安全设置阻挡。从安全性上来讲,服务端不能对客户端进行本地操作。

    那怎样能以本地服务器的形式打开呢?

    1. 安装node.js
    2. npm install http-server -g
    3. http-server . -p 8000

    可爱的米奇终于出现啦~

  2. 原来后面有提示!!为什么不放在题目前面,但尝试了提示里的 open /Applications/Google\ Chrome.app --args --allow-file-access-from-files 对我依然无效,还是我的方法好。

  3. 这次作业好难,代码量极少,但是却完全摸不着头脑要干啥。虽然最后勉勉强强写出来了,但是我也不太懂为什么这样写就成了,稍微改几个地方就不行。效果还是挺赞的,我可以旋转茶壶也可以旋转背景,茶壶的映射的背景会随之变化,看上去挺炫酷的。