tomwang1013的学习总结

iterable & iterator are ancient concepts in programming languages. Something is iterable because it has a iterator which we can use to iterate it. Their relation and interfaces are as follows: ... 阅读全文…

When implementing fog in webgl, the key point is how to calculate the distance from the object to the eye/camera. It depends on whether you want precise or approximate value for it. Precise v... 阅读全文…

3D viewing is a difficult problem to master for beginners of webgl like me. Model matrix, view matrix, projection matrix, camara position, local coordinates, world coordinates, view coordinates, wi... 阅读全文…

Say we has a triangle as follows: 1234 v0 / \ / \v1————v2 And we pass it to webgl in the order of (v0, v1, v2), i.e. counter-clockwise(CCW). Whether this triangle is drawn(rasterized) depend... 阅读全文…

light sourcesdirectional light Light is coming uniformly from one direction independently of the object position. The object’s color depends on 3 parts: light color light direction surface direct... 阅读全文…

WebGL coordinates tips Fragment shader only accepts a normalized and left-handed cube. Each axis begins from -1 to 1 and any contents out of it will be cut out. As to lefted-handed, it means positi... 阅读全文…

基本方式对webpack的hot loader机制，基本用法很简单，只需要把hot开启： 1234devServer: { hotOnly: true, // hot: true} 然后以用module.hot.accept在根组件做重新渲染就行了： 1234567891011// App.tsximport React from "react";... 阅读全文…

新的html5中有一个以request开头的方法：*requestAnimationFrame(raf)*，这个大家都基本用过，至少听过：用于在渲染(rendering, i.e. style recalculation, layout change等)之前做一些事，一般是更新CSS或DOM。 最近又出来两个方法(可能还在提案中)，也是以request开头，一个是rquestIdelCall... 阅读全文…

深入理解浏览器event loop基本定义浏览器要做非常多的事情：解析html、渲染、用户交互(如点击)、网络请求等，它使用event loop来统一协调这些事务。每个agent(如window, web worker, service worker)都有一个event loop。 每个event loop都有一个或多个task queue, 它是task的集合(set of tasks)。... 阅读全文…

早上女儿上学又不肯起来，在她睡着的时候给她穿衣服也不配合，我一怒，用力在她大腿上打了两下，照例哇哇大哭之后乖乖配合把衣服穿上了。在父母看来，任何时候孩子的表现只有两种：听话或不听话。听话的时候小嘴巴说个不停，和你一本正经地对话，和你谈条件：他要照你说的做可以，但是必须如何如何，否则就不爱你，只爱妈妈或爸爸；还讲学校里同学的趣事，期间“爸爸”、“妈妈”从不停地从嘴里清脆地蹦出来，做父母的最快乐... 阅读全文…