搜云库技术团队

前端开发当中最有意思的就是实现动画特效，Flutter提供的各种动画组件可以方便实现各种动画效果。Flutter中的动画组件主要分为两类： 隐式动画控件：只需设置组件开始值，结束值，执行时间，比如AnimatedOpacity，Animat...

赞(0)站长2020-08-12Java汇总 阅读()

目前跨端开发比较热门的就是 React Native 和 Flutter 了，到底该选哪门技术似乎也快成了大前端圈的一个热门话题。对于web前端来说，基于web生态的 React Native 应该是一个更加顺畅而自然的选择；但 Flutt...

赞(0)站长2020-08-12Java汇总 阅读()

canvas 和 webGL 这两项图形技术结合 css3 可以说能完成绝大部分的动画和需求。但 canvas 和 webGL 毕竟是偏向底层的绘制引擎，某些场景使用起来还是过于繁琐的，不分场合一律使用锤子解决的行为不值得提倡。svg 在解...

赞(0)站长2020-08-12Java汇总 阅读()

地址：使用typescript改造koa开发框架 强类型的 TypeScript 开发体验和维护项目上相比 JavaScript 有着明显的优势，那么对常用的脚手架进行改造也就势在必行了。 接下来开始对基于 koa 框架的 node 后端脚...

赞(0)站长2020-08-12Java汇总 阅读()

地址: WebGL之物体选择 使用WebGL将图形绘制到画布后，如何与外部进行交互？这其中最关键的就是如何实现物体的选择。比如鼠标点击后判断是否选中了某个图形或图形的某个部分。 本节实现的效果: WebGL选中物体 如何实现选中物体 颜色区...

赞(0)站长2020-08-12Java汇总 阅读()

地址：WebGL学习之HDR与Bloom 什么是HDR HDR (High Dynamic Range，高动态范围)，在摄影领域，指的是可以提供更多的动态范围和图像细节的一种技术手段。简单讲就是将不同曝光拍摄出的最佳细节的LDR (低动态范...

赞(0)站长2020-08-12Java汇总 阅读()

地址：WebGL学习之纹理盒 我们之前已经学习过二维纹理 gl.TEXTURE_2D，而且还使用它实现了各种效果。但还有一种立方体纹理 gl.TEXTURE_CUBE_MAP，它包含了6个纹理代表立方体的6个面。不像...

赞(0)站长2020-08-12Java汇总 阅读()

WebGL 中当透明和半透明物体共存时，相关设置不正确的话，物体表面会出现破碎杂乱的断面，非常影响效果，我们接着就来解决这个问题。 完成的展示Demo请看: 半透明物体和透明物体共存 α 混合 让物体实现半透明效果需要用到颜色的α分量。该功...

赞(0)站长2020-08-12Java汇总 阅读()

地址：WebGL学习之法线贴图 实际效果请看demo：纹理贴图 为了增加额外细节，提升真实感，我们使用了漫反射贴图和高光贴图，它们都是向三角形进行附加纹理。但是从光的视角来看是表面法线向量使表面被视为平坦光滑的表面。以光照算法的视角考虑的话...

赞(0)站长2020-08-12Java汇总 阅读()

地址：WebGL学习之纹理贴图 为了使图形能获得接近于真实物体的材质效果，一般会使用贴图，贴图类型主要包括两种：漫反射贴图和镜面高光贴图。其中漫反射贴图可以同时实现漫反射光和环境光的效果。 实际效果请看demo：纹理贴图 2D纹理 实现贴图...

赞(0)站长2020-08-12Java汇总 阅读()