Tridiv：基于 Web 的 CSS 编辑器，创建炫丽 3D 图形
Tridiv 是一个基于 Web 的编辑器，使用 CSS 创建 3D 形状。它提供了一个传统的四个面板的操作界面，给出了从每个平面的视图，以及一个预览窗格中示出的最终的效果。使用 Tridiv 可以创造极其复杂的对象和动画。 您可能感兴趣的相关文章 ...
原文：【翻译】基于web创建逼真的3D图形 | CSS技巧
个人翻译小站：http: www.zcfy.cc article creating photorealistic d graphics on the web css tricks .html 翻译原文链接：https: css tricks.com creating photorealistic d graphics web 在成为一名web开发者之前，我从事于视觉设计行业，创造屡获殊荣，电影和 ...
2017-09-18 19:43 17 3188 推荐指数：
相关推荐
我只用了3步，实现了一个逼真的3D场景渲染
给3D模型及环境场景渲染出兼具质感和真实感的材质效果，需要经历几步？ 显然，目前的3D模型材质渲染技术，还无法实现简单几步就能搞定的标准化作业来量化，完成一个质量过关的3D模型渲染，一般需要： 1、准备一个内容丰富的贴图、材质库：渲染想要的材质效果，需要根据具体模型场景的形状细节及复杂程度 ...
css3创建3D场景
浏览器本身是一个2维平面，对于3D的情况，实际上是增加了一个维度（深度），所以我们需要创建一个3D场景。这时浏览器不仅仅是一个平面了，更像是一个窗口，我们透过这个窗口去观察里面的三维世界。所谓的创建3D场景，就是告诉浏览器，我们是在这个窗口的哪个角度对这个3维世界进行观察，窗口里的3维物体距离 ...
使用 Canvas 和 JavaScript 创建逼真的下雨效果
HTML5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素，HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。这里向大家展示一个使用 Canvas 和 JavaScript 创建逼真的下雨效果。 您可能感兴趣的相关文章 ...
Dynamics.js - 创建逼真的物理动画的 JS 库
Dynamics.js 是一个用来创建物理动画 JavaScript 库。你只需要把dynamics.js引入你的页面，然后就可以激活任何 DOM 元素的 CSS 属性动画，也可以用户 SVG 属性。 在线演示 源码下载 您可能感兴趣的相关文章 ...
css3实践—创建3D立方体
要想实现3D的效果，其实非常简单，只需指定一个元素为容器并设置transform-style：preserve-3d，那么它的后代元素便会有3D效果。不过有很多需要注意的地方，这里把我学习的方法，过程分享给大家。再讲知识点之前，还是先弄清楚3D的坐标系吧，从网上搜了一张经典坐标系图，供大家回顾 ...
用matplotlib绘制3D图形
用matplotlib绘制3D图形 制备 导入numpy进行数据处理，导入pyplot进行绘图，以及mpl_toolkits.mplot3d，因为它是3D的。 创建要绘制的数据 要绘制3D，需要准备2D数组以创建网格（2D网格 ...
1.Web前端之CSS3中3D立方体以及3D轮播图
1.3D坐标系 3D坐标可以用左手来模拟，其中大拇指方向默认是X轴正方向，食指方向是Y轴正方向，中指方向是Z轴正方向。注意：当设置transform：rotateX（90deg）时，相当于将X轴转动90°，此时Z轴正方向向上，所以设置transform：translateZ(150px)时 ...