两天实现光线追踪 1 - 准备工作
接上文 十分钟学会光线追踪 该系列是 Peter Shirley 的 Ray Tracing in One Weekend 一书的 typescript 实现, 实现过程中参考了一些 https://zhuanlan.zhihu.com/p/42218384 的代码, 感谢. 准备工作 页面结构 首先, 构建一个用于展示的场景. 我们需要一个 canvas 用来展示最终的结果, 以及一个用来展示进度的进度条. index.html app.css…接上文 十分钟学会光线追踪 该系列是 Peter Shirley 的 Ray Tracing in One Weekend 一书的 typescript 实现, 实现过程中参考了一些 https://zhuanlan.zhihu...
十分钟学会光线追踪
前言 十分钟学会光线追踪并不是夸大其词, 因为这里要介绍的书的原名就叫 Ray Tracing in a Weekend , 不涉及实现的话, 十分钟足够了. 另外相比较于传统的光栅化渲染, 光线追踪原理是更好理解的, 不同于光栅化大量的模拟与近似, 光线追踪选择了直接模拟真实世界的物理法则, 相比之下更加真实. 作为一种近年来新出现的技术, 光线追踪对游戏和渲染画质的提升是巨大的, 下面是在游戏 Minecraft 中打开和关闭光线追踪后的对比. 截图均来自 Nvidia…前言 十分钟学会光线追踪并不是夸大其词, 因为这里要介绍的书的原名就叫 Ray Tracing in a Weekend , 不涉及实现的话, 十分钟足够了. 另外相比较于传统的光栅化渲染, 光线追踪原理是更好理解的, 不同于光栅化大量的...
使用 OpenCV 检测并生成 CSS 动画
这个是上个月的事情了, 现在记录一下. 上个月有有一个需求, 要求用 SVG 实现 Tiktok 的 Loading 动画. 这个动画的 Gif 如下所示: 既然有 Gif 有为什么要再用 SVG 实现一遍呢, 还是因为这个 gif 太大了, 足足有 24KB.. SVG 有关 svg 的实现这里不进行叙述. 基本上是三个 circle 和两个 mask 实现的. 每个 circle 的属性有三个, cx , cy , r . 动画 上面的 svg…这个是上个月的事情了, 现在记录一下. 上个月有有一个需求, 要求用 SVG 实现 Tiktok 的 Loading 动画. 这个动画的 Gif 如下所示: 既然有 Gif 有为什么要再用 SVG 实现一遍呢, 还是因为这个 gif 太大了...
在 Jupyter Notebook 中使用 Javascript
安装 Jupyter Notebook 添加 Node 支持 设置主题 启动 效果如下: 历史记录 Version Action Time 1.0 Init 2020-10-19 15:20安装 Jupyter Notebook 添加 Node 支持 设置主题 启动 效果如下: 历史记录 Version Action Time 1.0 Init 2020-10-19 15:20
实现一个简单的路由匹配组件 - Kori
项目地址: Github 预期 前些天在做一个 mock 组件, 需要对一些函数像按照路由进行调用, 大概像下面这样: 预期仅仅使用路由组件的核心部分功能 - 路由分配算法. 但是问题是现在的路由组件要么和 http…项目地址: Github 预期 前些天在做一个 mock 组件, 需要对一些函数像按照路由进行调用, 大概像下面这样: 预期仅仅使用路由组件的核心部分功能 - 路由分配算法. 但是问题是现在的路由组件要么和 http…
Koa 入门
Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。KOA 中文文档 KOA 是由 Express 原班人马打造的新 Web 框架. Hello World then 应用程序 级联 KOA 1 时代是用 Generate 函数来做的, 到二代改了, 这差不多相当于 yield 的影子...
无线局域网下的 IEEE 1588 精确时间协议的软件和硬件实现 Software and Hardware Prototypes of the IEEE 1588 Precision Time Protocol on Wireless LAN
这篇论文是一门课的作业...原文地址在 这里 . SECTION I.Introduction 简介 Clock synchronization is needed in various home, office, and industrial automation applications. Synchronization allows transactions between distributed systems to be controlled on timely…这篇论文是一门课的作业...原文地址在 这里 . SECTION I.Introduction 简介 Clock synchronization is needed in various home, office, and industri...
[转] IEEE 1588(PTP) 协议简介
IEEE 1588, Precision Time Protocol (精确时间协议), 简称 PTP, 用于亚微秒级别时间同步精度, 于 2002 年发布 version 1, 2008 年发布 version 2. 其原理是 Delay Request-Response Mechanism (延时响应机制). 如下图所示: 其中共有以下几种报文: sync 同步报文 Follow_up 跟随报文 Delay_req 延迟请求报文 Delay_resp…IEEE 1588, Precision Time Protocol (精确时间协议), 简称 PTP, 用于亚微秒级别时间同步精度, 于 2002 年发布 version 1, 2008 年发布 version 2. 其原理是 Delay...