章鱼哥的前端修行

起初角色移动都是通过点A直线移动到点B，但是现在情况不一样了，若将地图网格化处理后，利用Astar寻路算法搭配CatmullRomCurve3，将玩家移动的路线从「直来直往...

最近用到threejs，感觉三维特别有趣，及时学习总结一波，顺便编写一个小demo，可能还有诸多不对的地方希望大家多多包涵！...

本篇文章主要缝合了官网的几个案例，并无高深或复杂的逻辑和代码； 镜头跟踪在游戏或者展馆等场景下非常常见，可以是第一人称，也可以是第三人称，本次带来的是第三人称的镜头跟踪方法...

图片来源： https://unsplash.com/photos/EnxIiphOFzU Three.js提供了多种类型的材质（material）。材质定义了对象在场景中...

粒子 particle 和 精灵 sprite 是在三维开发中经常用到的网格模型，在 Three.js 中使用 THREE.Points 可以非常容易地创建很多细小的物体，...

「这是我参与2022首次更文挑战的第21天，活动详情查看：2022首次更文挑战」 简介 在可视化开发中飞线图应该是很常见的一种。为了灵活的使用three.js，本节我们在3...

本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms...

physics 物理引擎 在 WebGL 里使用物理引擎是非常棒的一种体验，人们会非常享受与这些物体产生物理效果，例如重力、弹性、加速度、摩擦力、碰撞等。有很多方式实现物理...

随着对ThreeJS的学习，这次给大家带来的是元宇宙的雏形，也就是怎样用threeJs打造一个元宇宙世界。在这个世界中我们可以切换第一第三人称视角，以及简单的行走跳跃。...

「这是我参与2022首次更文挑战的第12天，活动详情查看：2022首次更文挑战」 简介 本节主要讲解，通过几何体组合成一个坦克形状的物体。让这个物体按照我们规定的线路移动，...

自动巡游-有个需求是模拟保安巡检以及类似观光沿着轨道自动巡游，通过解析拆分。可以通过一系列的点连接成线，并将相机或保安模型沿着线进行运动，并调整其角度沿着切线方向保持~...

个人网页是程序员的第二张简历。如果你有酷炫的个人网页，面试官对你的好感度会蹭蹭蹭往上涨。用Three.js打造属于你的酷炫3D个人网站吧！...

3D全景技术可以实现日常生活中的很多功能需求，比如地图的街景全景模式、数字展厅、在线看房、社交媒体的全景图预览、短视频直播平台的全景直播等。Three.js 实现全景功能也...