- 博客(4)
- 收藏
- 关注
RSS订阅原创 webgl初章：进入3D世界
终于要进入到webgl的世界了。还真是有点小激动。在之前的文章里，跟大家详细分享了下 canvas 的相关内容。下面会有这几篇文章的链接，有兴趣的小伙伴可以自行查阅。canvas入门篇 一canvas入门篇 二canvas实战篇准备好了吗？接下来让我们开启奇幻旅程，进入 3D 的世界。1. 认识3D首先我们要介绍的是几个概念，这是我们要进入到 3D 不可或缺的内容。认识一下它们吧。1.1 视点，视线，目标点，上方向这几个概念在webgl中属于最常见的内容。视点：可以简易的理解为眼睛，也叫
2020-12-25 14:26:25
195
原创 canvas动画实战与性能优化
插播一篇关于 canvas 动画及性能优化的文章，为我们可以更好的进入到 webgl 的世界奠定基础。本篇文章的内容可能会稍难理解，还希望大家有问题及时提出。闲话我们就不多说了，开始今天的正题吧。1. 动画实战首先介绍一下我们要实现的动画内容： 夜空中的流星源码。今天就来跟大家详细分享一下如何进行编写 canvas 动画以及如何进行优化。1.1 搭建页面canvas的页面组成是非常简单的。如下所示：<!DOCTYPE html><html lang="en"><
2020-12-13 13:56:45
651
原创 初识canvas（二）
上节文章中，给大家分享了canvas最基础的用法，包括绘制线条、控制渲染方式、绘制图形、作用域、添加阴影、清理、剪切等功能，本节将继续为大家分享canvas的基础用法，同时也是最后一节基础知识分享，之后的内容，我们将会进入到对webgl的分享中。1. 文本绘制首先我们要提到的是绘制文本，在canvas 的开发过程中，文本的内容是肯定会存在的。本小节就来给大家分享下如何渲染文本。1.1 绘制空心和实心文本canvas中提供了两种绘制文本的方法，分别是绘制实心文本和空心文本，它们的方法分别是：str
2020-12-10 20:02:59
496
原创 初识canvas（一）
首先给大家发布一个消息，从今天开始，作者会陆续分享基于 3D 内容 – webgl。同时也希望有兴趣的同学一起讨论。闲话咱们就不说了，直接开始正题。（文章略长，阅读请注意休息哟~）1. 3D基础 – 初识 canvas（画布）说到前端的3D开发，肯定避免不了 canvas 这个内容。我们也从这个内容开始，逐步进入到3D的世界。1.1 canvas 简介相信很多小伙伴们对于这个标签并不陌生，在职业生涯中，或多或少都会接触一点儿。但是！！！我们还是要简单介绍一下它。canvas 是一个 HTML5
2020-12-09 23:57:54
403
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人