[Web 3D] 基础认知-2｜了解图形学的作用和落地｜opengl webgl webgpu threejs 网页端三维开发学习的基础知识分享

发布人

在开始学习web3d开发之前，你可能需要了解的一些基础知识
---
部分视频中的视频素材来源
英伟达4090显卡介绍视频 https://www.youtube.com/watch?v=fj245xMr-BM
美国890年代画面 https://www.youtube.com/watch?v=Y3YM9jdgD_Q
绘制逼真的手表 https://www.youtube.com/watch?v=Eysdgm_UDF0
视觉特效制作过程 https://www.youtube.com/watch?v=EcASaZlTyHI&amp;t=196s
一些影视视觉特效 https://www.youtube.com/watch?v=bL6hp8BKB24&amp;t=164s
黑悟空游戏画面 https://www.youtube.com/watch?v=LHOVDbuWPB8&amp;t=94s
---
我的系列课程～就在B站课堂～
🔥 JavaScript + Nodejs前后端全栈全能课 → https://www.bilibili.com/cheese/play/ss1226 
🏆 精通JavaScript和项目实战课程 → https://www.bilibili.com/cheese/play/ss6998 
🎉 后端入门与实操 Shell + Linux + Nodejs → https://www.bilibili.com/cheese/play/ss6988
需要加学习交流群的，可以微信搜索加好友 sirmumumu 并备注 前端学习

打开封面下载高清视频观看高清视频视频下载器

[Web 3D] 基础认知-2｜了解图形学的作用和落地 ｜opengl webgl webgpu threejs 网页端三维开发学习的基础知识分享

[Web 3D] 基础认知-3｜OpenGL与WebGL的关系 ｜ WebGL是什么 | 网页端三维开发基础知识

[Web 3D] 基础认知-4｜WebGL与相关的库 ｜ WebGPU与WebGL｜ 网页端三维开发基础知识

[Web 3D] 基础认知-1 ｜ 从画画开始说起 ｜ webgl webgpu threejs 网页端三维开发学习的基础知识分享

[别小看SVG 05] 基本的图形标签们 path rect等｜ svg教程 ｜HTML CSS SVG 入门教程 HTML5 CSS3 SVG 零基础入门

[别小看SVG 11] 自带的关键帧动画设置与动画曲线的设置 HTML CSS SVG 入门教程 HTML5 CSS3 SVG零基础入门

[别小看SVG 21] 线性渐变的代码设置逻辑 linearGradient｜ HTML CSS SVG 入门教程 HTML5 CSS3 SVG零基础

为什么 1 不 等 于 '1' | 编程语言的数据类型 ｜ 让编程语言初学者头疼的问题

[网站开发入门指南48] 了解更多的单位与它们的基本用法 rem em % vh vw｜ html css 零基础入门教程

[网站开发入门指南53] 几个简单常用的字体与文字的样式设置｜ html css 零基础入门教程

设计师学代码到底怎么选｜前端开发还是苹果开发…还是…？

什么是变量 | 理解变量

[网站开发入门指南11] body中的标签为什么需要嵌套 ｜ 如何理解页面结构 ｜ html css零基础入门教程

[网站开发入门指南35] CSS的基础选择器｜ html css 零基础入门教程

[网站开发入门指南95] 用sticky定位实现实用效果｜ html css 零基础入门教程

[别小看SVG 09] 不用JS也能实现svg动画控制｜动画延迟与行为控制 begin end 属性 SVG 入门教程 HTML5 CSS3 SVG零基础入门

[记录与闲聊] 我学图形学不是为了做游戏 | 最真实的个人代码（编程）自学路径分享 | 学习途径 | 学习感悟

[网站开发入门指南14] 了解图片标签的相关属性 | img picture source ｜ html css零基础入门教程

[网站开发入门指南96] 用好display属性设置元素的模式｜ html css 零基础入门教程

[别小看SVG 17] animateMotion的keyPoints属性 用GSAP实现交互控制 CSS SVG 入门教程 HTML5 CSS3 SVG零基础

[网站开发入门指南22] input重要的那些属性 name value ｜ html css零基础入门教程

[网站开发入门指南142] 几个三维变换重要属性 transform-style｜ html css 零基础入门教程 html5 css3

[网站开发入门指南90] 能实现滚动和隐藏的overflow属性｜ html css 零基础入门教程

[别小看SVG 18] animateTransform标签与图形变换中心点的设置 CSS SVG 入门教程 HTML5 CSS3 SVG零基础

[效果挑战5] 一直滚动一直出现的卡片 ～ 无穷无尽的效果如何实现

网站加载效果的实现逻辑 ｜ 网页加载效果如何实现 ｜ 真实加载效果

[网站开发入门指南85] 开始学习布局与定位～先来了解一下｜ html css 零基础入门教程

Javascript + Nodejs 全能全栈课程 ｜ 150个小时420节课 大量练习与案例 2个综合网站项目 | 最适合初学者的js教程

[网站开发入门指南33] 继续了解CSS 基本写法｜ html css 零基础入门教程

[网站开发入门指南34] CSS的几种应用方式｜ html css 零基础入门教程

[网站开发入门指南45] 设置内边距和外边距 padding margin background-clip｜ html css 零基础入门教程

用AI工具让自己学习效率翻倍 ｜ monica插件 ｜ chatGPT学习

[网站开发入门指南06] 为什么浏览器认识HTML语言的标签和属性｜ html css零基础入门教程

二进制 八进制 十六进制 都是什么

[网站开发入门指南50] 色值设置小工具与透明度问题｜ html css 零基础入门教程

[网站开发入门指南19] a标签的其他属性和跳转到特定元素位置 ｜ html css零基础入门教程

[别小看SVG 15] 图形沿着路径移动是如何实现的 animateMotion标签｜HTML CSS SVG 入门教程 HTML5 CSS3 SVG零基础

[网站开发入门指南17] 了解常用媒体资源文件格式 ｜ html css零基础入门教程

[别小看SVG 13] 案例｜沿着路径移动效果 stroke-dasharray stroke-dashoffset HTML5 CSS3 SVG零基础入门

[网站开发入门指南16] 其他媒体资源标签 ｜ audio iframe canvas ｜ html css零基础入门教程

[网站开发入门指南32] CSS来了 先来聊聊CSS是什么｜ html css 零基础入门教程

[Web 3D] 基础认知-2｜了解图形学的作用和落地｜opengl webgl webgpu threejs 网页端三维开发学习的基础知识分享

[Web 3D] 基础认知-3｜OpenGL与WebGL的关系｜ WebGL是什么 | 网页端三维开发基础知识

[Web 3D] 基础认知-4｜WebGL与相关的库｜ WebGPU与WebGL｜网页端三维开发基础知识

[Web 3D] 基础认知-1 ｜从画画开始说起｜ webgl webgpu threejs 网页端三维开发学习的基础知识分享

[别小看SVG 05] 基本的图形标签们 path rect等｜ svg教程｜HTML CSS SVG 入门教程 HTML5 CSS3 SVG 零基础入门

为什么 1 不等于 '1' | 编程语言的数据类型｜让编程语言初学者头疼的问题

[网站开发入门指南11] body中的标签为什么需要嵌套｜如何理解页面结构｜ html css零基础入门教程

[别小看SVG 17] animateMotion的keyPoints属性用GSAP实现交互控制 CSS SVG 入门教程 HTML5 CSS3 SVG零基础

[效果挑战5] 一直滚动一直出现的卡片～无穷无尽的效果如何实现

网站加载效果的实现逻辑｜网页加载效果如何实现｜真实加载效果

Javascript + Nodejs 全能全栈课程｜ 150个小时420节课大量练习与案例 2个综合网站项目 | 最适合初学者的js教程

用AI工具让自己学习效率翻倍｜ monica插件｜ chatGPT学习

二进制八进制十六进制都是什么

[网站开发入门指南19] a标签的其他属性和跳转到特定元素位置｜ html css零基础入门教程

[网站开发入门指南17] 了解常用媒体资源文件格式｜ html css零基础入门教程

[网站开发入门指南16] 其他媒体资源标签｜ audio iframe canvas ｜ html css零基础入门教程

[网站开发入门指南32] CSS来了先来聊聊CSS是什么｜ html css 零基础入门教程