加餐 | 前端与图形学
winter
该思维导图由 AI 生成，仅供参考
00:00 / 00:00
1.0x
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.75x
- 0.5x
（点击视频观看完整分享内容。）
主要内容
关于前端和图形学，我分成了三个部分来讲解。
第一部分是讲前端和图形学有什么样的关系。我们为什么要在前端里引入图形学，这个也是我的一段心路历程。
第二部分相对来说是比较实用的，就是图形学的应用场景。如何在前端的日常的工作中，把图形学的知识用进去，为我们的工作和业务创造价值。
最后一部分是对图形学基础设施的一些建设，目前还是一个比较初级的阶段，但是对大家来说，应该有些思路还是可以去思考的。
前端和图形学
首先讲第一部分前端和图形学，先讲讲缘起。
缘起
2011 年我做了一个分享，当时 HTML5 正火，我讲了这么一个内容叫做 gesture animation，我是用 HTML5 上的 TouchEvent，去模拟当时非常惊艳的 iOS 的操作风格。
2013 年我又开始讲一个叫做 flexible design 的东西，这是针对当时一个非常火的概念提的。那个概念能从最大的屏幕适配到最小的屏幕的一个技术方案，但是从我们当时的实现来看，这个想法是好的，概念也是高大上的，但是从落地上来看非常困难。考虑到现实情况，我提了一个 flexible design 这样的一个次级概念。
这个就是一个弹性、小范围的适配，我们只把不同的尺寸的安卓机和 iPhone 做适配，最后解决了适配的问题，并提出来了一系列的设计原则。所以在 2013 年，我们主要做得还是解决适配问题。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
本文介绍了前端与图形学的关系以及图形学在前端工作中的应用场景。作者分享了自己的心路历程，从2011年开始讲述了前端与图形学的关系，以及图形学在前端工作中的应用场景。文章涉及了颜色处理、绿幕技术和3D图形等内容。作者强调了图形学的潜力，指出很多内容都可以用shader去实现，甚至未来可能会提供平台和工具，让设计师直接在平台上进行操作，代替原来的Photoshop步骤。此外，还介绍了一些图形学的基础设施，如GCanvas和G3D。总的来说，本文介绍了图形学在前端领域的应用和发展趋势，对于前端开发者和图形学爱好者具有一定的参考价值。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《重学前端》，新⼈⾸单¥59
《重学前端》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(9)
- 最新
- 精选
Frojan应用场景还是有限，在大公司可能有机会接触对应的项目或基础设施建设，在小一点的公司则很难接触到。作为加分项尚可，作为主攻方向可能比较吃亏。如果要在node和图形学做选择的话可能node全栈更好找工作。作为一个喜欢图形学的前端，希望图形学在前端的应用能越来越多，越来越丰富。将来有一天也会有更多前端图形学工程师的岗位哈哈，winter老师您说会有这么一天吗？😛2019-05-0231
ezra.xu最近出于好奇，clone了github上chrome的源码仓库，发现竟然有12G多，貌似比linux内核的源码还多。个人特别想探索一下浏览器源码，但面对如此庞大的代码，不禁望而生畏，也不知从何下手。请问老师，浏览器内核源码该如何去研究，skia渲染引擎是最先进吗，svg，canvas，WebGL该如何选择，怎样深入地学习和掌握它们呢？望老师拨冗答疑，谢谢！2019-05-02110
許敲敲有的工业软件，3d建模的也可以用浏览器来实现了，用的是ThreeJS WebGL，老师了解这些嘛？怎么看待这个发展前景2019-05-034
西门吹雪长见识了感谢老师2020-05-04
子铭dsl层不应该是vue和rex吗2019-06-05
麦冬请问下老师，为什么flexible布局方案不再维护了呢？这个方案本身存在问题吗？2019-05-051
ralph太大方了，土豪操作！2019-05-03
Tinker Bell天呐，这个太赞了吧！正好想看这方面的内容。2019-05-03
郎大佬processing了解下2019-05-02
收起评论