WebGL 基本图形绘制

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程讲解 WebGL 绘制点、线、面的方法,其中,点包括单点和多点,线分为线条和回路,面中三角形是图形的基础,也包含三角带和多边形。

    1.点的绘制 00:23:29

    本课时讲解在 WebGL 中绘制单点和多点的方法。

    2.线段的绘制 00:25:56

    本课时讲解在 WebGL 中绘制各种线段的方法。

    3.多边形的绘制 00:19:45

    本课时讲解在 WebGL 中如何绘制三角形、三角带和三角扇的方法。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

WebGL 基本图形绘制

3课时,69分钟
曾亮LiangZeng
曾亮LiangZeng

极客学院签约布道师

课程背景:
WebGL 的实际绘制是通过着色器做到的,而绘制的方式可以指定。绘制点、线、面是 3D 绘图的基础,必须要掌握的核心技术。

核心内容:
1. 绘制点
2. 绘制线
3. 绘制三角形
4. 绘制多边形

软件环境:现代浏览器

是否提供资料:

课程等级:中级

适合人群:
Web 前端开发人员、3D 游戏从业人员
  • 技术问答
  • 1

    点的绘制

    23:29

    本课时讲解在 WebGL 中绘制单点和多点的方法。

  • 2

    线段的绘制

    25:56

    本课时讲解在 WebGL 中绘制各种线段的方法。

  • 3

    多边形的绘制

    19:45

    本课时讲解在 WebGL 中如何绘制三角形、三角带和三角扇的方法。

相关课程

  • 第一个 WebGL 小程序

    本课程详细讲解一个简单但完整的 WebGL 小程序,帮助学员快速、直观地进入到 WebGL 世界。通过对程序的直观讲解,让学员快速入门,并在这个过程中,讲解搭建 WebGL 开发环境和调试方法。

    4课时 42分钟
    中级
    7196人学习
  • WebGL 缓冲区对象

    通过 WebGL 缓冲区对象才能绘制出图形的面,而不只是绘制点。本课程讲解利用缓冲区对象一次写入多个顶点信息的方法。

    4课时 33分钟
    中级
    3893人学习
  • WebGL 概述

    本课程主要讲解 WebGL 基础知识,内容包含 WebGL 技术的历史与起源、原理、特性和优势,及其与 HTML5 和 Javascript 的关系,然后探讨现代浏览器对 WebGL 的支持程度。

    4课时 24分钟
    中级
    6988人学习
  • Cocos2d-js 实战-横版回合制rpg游戏之城市篇(上)

    1.游戏开始场景创建 2.城市场景创建 3.多层地图 4.主角创建 5.主角跑动,地图跟随

    4课时 19分钟
    初级
    8070人学习