WebGL
文章平均质量分 84
秋风_irwin
这个作者很懒,什么都没留下…
展开
-
Three.js系列: 造个海洋球池来学习物理引擎
github地址:https://github.com/hua1995116/Fly-Three.js大家好,我是秋风。继上一篇《Three.js系列: 游戏中的第一/三人称视角》今天想要和大家分享的呢,是做一个海洋球池。海洋球大家都见过吧?就是商场里非常受小孩子们青睐的小球,自己看了也想往里蹦跶的那种。就想着做一个海洋球池,然后顺便带大家来学习学习 Three.js 中的物理引擎。那么让我们开始吧,要实现一个海洋球池,那么首先肯定得有“球”吧。因此先带大家来实现一个小球,而恰恰在原创 2022-05-24 11:15:29 · 626 阅读 · 0 评论 -
Three.js系列: 写一个第一/三人称视角小游戏
大家好,我是秋风,在上一篇 中说到了 Three.js 系列的目标以及宝可梦游戏,那么今天就来通过 Three.js 来谈谈关于游戏中的视角跟随问题。相信我的读者都或多或少玩一些游戏,例如王者荣耀、绝地求生、宝可梦、塞尔达、原神之类的游戏。那么你知道他们分别是什么视角的游戏么?你知道第一人称视角和第三人称视角的差异么?通过代码我们怎么能实现这样的效果呢?如果你对以上问题好奇,并且不能完全回答。那么请跟随着我一起往下看吧。视角讲解首先我们先来看看第一人称视角、第三人称视角的概念。其实对于我们而言 第一人称原创 2022-03-02 13:08:30 · 4874 阅读 · 1 评论 -
Rollup作者新作: Svelte Cubed, 拥抱 Three.js
在2021年11月20日,Svelte 召开了第四次虚拟会议。而会议中最令我眼前一新的当然是 轮子哥 Rich-Harris 带来的 Svelte Cubed 了。科普:轮子哥 Rich-Harris:Svelte、Rollup 作者这个项目亮眼的地方,并不是因为其他的演讲者不好,也并不是因为轮子哥是 Svelte 作者的原因。而是因为他带来的 Svelte-Cubed 和我目前在公司负责项目的技术栈有非常相似的感觉。在公司由于需要开发一个 新 的 H5 项目,因此我采用了较为激进的 Svel原创 2021-12-10 12:02:52 · 863 阅读 · 0 评论 -
WebGL系列 - 裁剪空间矩阵优化
该系列仅为记录自己的学习相关知识。以 2d 的顶点着色器为例 <script id="vertex-shader-2d" type="notjs"> // an attribute will receive data from a buffer attribute vec4 a_position; // all shaders have a main function void main() { // gl_Position is a special var原创 2021-10-09 14:15:07 · 547 阅读 · 0 评论