摘要: webgl_shadow_contact 官方样例中,对阴影的渲染比较特殊,很值得借鉴,学习渲染阴影的思路;这个例子中对阴影的渲染,并没有使用任何光源,没有用shadowmap的常规方式 渲染阴影;而是使用了深度材质THREE.MeshDepthMaterial;得到的阴影效果就是,离投影的正交相机 阅读全文
posted @ 2023-11-30 11:56 randomGood1984 阅读(4) 评论(0) 推荐(0)
摘要: 官方例子 webgl2_volume_perlin.html, 把perlin噪音绘制出来了,可以直观感受 perlin噪音的图像 形状。原例子支持立方体,我把立方体改为了球形。 var code = “dd8b252c-9872-4e28-8829-97bebecc8162” <!DOCTYPE 阅读全文
posted @ 2023-09-13 17:23 randomGood1984 阅读(9) 评论(0) 推荐(0)
摘要: cesium的官方例子 Custom Primitive 很有用,通过这个例子可以学到 如何在 cesium 中 自定义几何体 和 着色器。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equ 阅读全文
posted @ 2023-08-21 15:48 randomGood1984 阅读(11) 评论(0) 推荐(0)
摘要: 在 three.js 的官方例子中 webgl_nodes_materials_instance_uniform 可以看到场景中 有一个格子背景,一个环绕运动的点光源,12个颜色各异的球体网格。 如果使用一个自己开发的简陋渲染程序,可能要编译 15 个着色器,但这里只编译了三个着色器,12个颜色各异 阅读全文
posted @ 2023-04-06 16:27 randomGood1984 阅读(5) 评论(0) 推荐(0)
摘要: 做 JS 文件下载时,后端传过来了二进制文件数据流,前端进行下载; 结果,一直下载虽然成功了,但是文件始终不对,下载图片,图片打不开, 下载pdf,pdf 也打不开;下载出问题时,都有个特点,下载后的文件比原始文件大一些。 其实,以前也好像遇到过类似的坑,当时是一个做后端的小伙伴提醒了一下,就解决了 阅读全文
posted @ 2023-01-19 18:38 randomGood1984 阅读(12) 评论(0) 推荐(0)
摘要: js 中的bind函数,常常用于改变函数中的this 指向,另一个用途是 函数柯里化,偏函数的用法;给原函数的前几个参数预设一些值, 来减少原函数中的输入参数个数。 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/G 阅读全文
posted @ 2022-05-05 11:28 randomGood1984 阅读(3) 评论(0) 推荐(0)