clip3d:使用 css 进行 3D 渲染

时间:2024-07-02 13:15:19
【文件属性】:

文件名称:clip3d:使用 css 进行 3D 渲染

文件大小:254KB

文件格式:ZIP

更新时间:2024-07-02 13:15:19

JavaScript

剪辑3d 使用 css:clip-path 进行 3D 渲染 clip3d 仍处于非常非常非常实验阶段__ 快照.gif 介绍 这个项目绝对受到了著名的启发,我发现我们可以使用属性clip-path来渲染三角形。 所以,它也可以渲染 3d 模型,因为 3d 模型可以由三角形生成。 下面的演示不使用任何 css 属性进行 3d 变换,它都是clip-path 。 管道与常见的 3d 模型渲染非常相似。 model coord -> global coord -> camera coord -> projection(frustum) -> backface excluding/z-sorting/lighting. 由于clip-path的限制,这个实验对于真实世界的 3d 渲染非常弱。 __如果您对 clip3d 有想法,请在此创建问题 来源 var Render = cl


【文件预览】:
clip3d-master
----.jshintrc(7KB)
----.gitignore(68B)
----clip3d.js(29KB)
----package.json(817B)
----src()
--------util.js(1KB)
--------render.js(4KB)
--------math.js(14KB)
--------entity.js(775B)
--------index.js(270B)
--------light.js(257B)
--------camera.js(912B)
--------color.js(4KB)
----gulpfile.js(1KB)
----assets()
--------snapshot.gif(260KB)
----LICENSE(1KB)
----README.md(4KB)
----bower.json(0B)
----test()
--------index.html(3KB)

网友评论