首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
junbeile
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
12
文章 12
沸点 0
赞
12
返回
|
搜索文章
赞
文章( 12 )
沸点( 0 )
如何实现一个Canvas渲染引擎(三):碰撞检测(射线法和像素标记法)
假设我们现在在canvas上画了很多个节点(DisplayObject),这些节点形成了一套层级关系,我们将鼠标移动到canvas元素上并点击了一下左键,这个时候,如何判断鼠标点到了哪个节点呢....
如何实现一个Canvas渲染引擎(四):事件系统
原生的canvas并没有提供事件系统,而事件系统又是一个canvas渲染引擎必不可少的一个模块,它实在是太重要了,想象一下,我们在画布上创建了一堆节点,然后我们点击了画布,这个时候,我们怎么知道...
如何实现一个Canvas渲染引擎(五):webGL渲染(Part 1)
在2011年左右,webGL登陆了浏览器,在这之前,我们已经可以用canvas来构建高性能(相较于DOM)的web端应用了,虽然canvas相对于DOM比较底层一些,但是canvas始终是封装...
如何实现一个Canvas渲染引擎(六):webGL渲染(Part 2)
webGL支持的最复杂的图形就是三角形了,对于任何我们想要绘制的图形,我们都需要将其转化成三角形(三角剖分)......本文的内容则是讲述如何将这些数据送入GPU,让GPU帮我们将其绘制出来
如何实现一个Canvas渲染引擎(七):webGPU渲染
谷歌于2023年4月份在chrome113上发布了webGPU,它的前景是非常优秀的,甚至可以说是web端渲染的未来,很多基于webGL的引擎已经开始支持webGPU了,如pixi,three...
如何实现一个Canvas渲染引擎(八):图片处理
如果你在使用一个Canvas渲染引擎,那么你一定会使用图片作为画布上的元素,因为很多复杂的图形,是很难通过Graphics类来手动构建的,所以图片处理是一个Canvas渲染引擎必不可少的功能,甚...
Cesium帧渲染中疑惑
cesium渲染是通过帧后台不停渲染方式,主要是实现方式是startRenderLoop来处理,调用requestAnimationFrame方法,因为是脱离window,Cesium自己继承wind
为什么说ES6的class是语法糖?
0. 前言 1. 基于Prototype的OOP 这是我们使用原型的一个很简单的例子,Person具有名字和性别,Man是一个性别为男的Person,Jy是一个Man。我们先记住这一个例子,下面将使用class重写这个例子。 2. ES6 Class的OOP 我们通过重写这个例…
2021前端学习路径书单—自我成长之路
正式学习前端大概 3 年多了,接触前端大概 4 年了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。 以下大部分是我看过的,或者说身边的人推荐的书籍,…
Chrome 89 更新事件触发顺序,导致99%的文章都错了(包括MDN)
在 Chrome 89.0.4363.0 以及之后版本中,目标元素的触发事件顺序不再按照注册顺序触发! 而是按照先捕获再冒泡的形式依次执行!
下一页
个人成就
文章被点赞
1
文章被阅读
261
掘力值
24
关注了
64
关注者
1
收藏集
0
关注标签
2
加入于
2018-11-11