WebGL實現雲朵效果,及遇到的問題,已解決

效果如下:

1.源代碼地址:https://github.com/wdm510708502/webgl-clouds

2.打開index.html,有可能你會驚奇的發現,雲呢?雲呢? 你可能用的是谷歌瀏覽器或者360瀏覽器,而使用Microsoft Edge是可以正常顯示的,爲什麼呢?

3.打開F12的console,你會發現,圖片被跨域攔截了,因爲這並不是img的src,跨域都是瀏覽器方的安全策略問題

4.要怎麼解決呢?
在Chrome的快捷圖標上點擊鼠標右鍵
在“目標”裏面，在原chrome路徑的基礎上加上 --disable-web-security --user-data-dir=C:\chromedata //注意–之前有空格

5.在C盤創建chromedata目錄

6.一定要以修改目標的快捷方式打開

7.把index.html拖進來,就可以了