我司有个需求，用户可以自定义主题色。但当我使用选色器选择不同颜色的时候，发现了一个问题。如果用户选择黑色为主题色，然后字体颜色也是黑色的，那他不就看不到字体了吗。 思考问题，如何判断背景色什么时候使用黑色还是白色的字体时，ps里面有个方法去色提醒了我。 色彩分为两大类：有彩色系…

数据蕴藏价值，但数据的价值需要用 IT 技术去发现、探索，可视化可以帮助人更好的去分析数据，信息的质量很大程度上依赖于其呈现方式。在数据分析上，热力图无疑是一种很好的方式。在很多行业中都有着广泛的应用。 最近刚好项目中需要用到 3D 热力图的效果展示。网上搜了相关资料，发现大多…

这个学期选修了一门计算机图形学的课程，课程选用的教材是基于WebGL。在此之前我对计算机图形学是没有任何概念的，只知道如果想要设计一款游戏具有图形学的知识是很重要的。我从来就有一个念想就是制作一款游戏，因此我对这方面是很有兴趣的。 老师推荐了一本入门教材《WebGL编程指南》，…

最近在捣鼓 Three.js 相关知识，同时觉得微信小游戏是个不错的试错场呢。来个 2048 小游戏踩踩坑。 乍一看，感觉就是 2D 的么，与 Three.js 没半毛线关系。请仔细看，有阴影，有透明度，有立体感，一切都在细节中，3D 的没错。 这里吐槽一哈，微信部分版本，进游…

实现主要是基于threejs做的，接下来我会分别讲解各部分的实现，不过不会介绍基础。基础内容可以去官网找到~ scene的background可以接收Color、Texture或CubeTexture。在本示例中，我们使用Texture就可以达到渐变效果。Texture可以接收…

这两天接到一个项目，是有关全屏视频的，整个项目中分到我这儿最主要的部分就是结束页要求3d贺卡展示，正巧和前几天NingBo童鞋分享的一样，干脆点儿，这次搞个webGL版的。哈哈~ 20190426-现在阶段就是只做了个基础版，曲线动画啥的都是小事儿。 20190427-现在加上…

关于Three.js，网上有不多不少的零碎教程，有些过于初级，有些云里雾里，而Three.js官网上的示例逼格之高又令人望而却步，这些对于没学过计算机图形学的童鞋来说，就像入门迈槛不知先迈左脚还是右脚，兴趣使然，于是我就先双脚蹦了进去试试水...... 可以观察到成品效果：粒子…

之前项目中用到了 3D 模型演示的问题，整理了一下之前学习总结以及遇到的坑。3D 框架有老牌引擎 Three.js 和微软的 Babylon.js 3个基础概念：场景（scene）、相机（camera）和渲染器（renderer）。 相机 camera 的作用是定义可视域，相当…

In this article, we’ll primarily focus on the tendencies that we’ve observed in the visual and interaction fields, which are useful to our …