张建国

今天大佬群里分享了一个视频，有个国外大佬用Web做出来多浏览器窗口可以互动的动画效果，自己试着实现了下。

经过三番五次的尝试，总算是实现了小地图功能。尝试了几种方式，但是综合效果和性能来看，独立相机（OrthographicCamera）+独立渲染器（WebGLRenderer）实现小地图是最佳选择。

使用typescript构建three.js项目 @[TOC] 1.初始化一个npm项目 新建一个文件夹，打开控制台输入npm初始化命令，然后一路enter，最后Y一下。文件夹中就多了一个packag

使用threejs实现场景的创建，模型加载，移动，碰撞检测 效果：官网示例效果 第一步：初始场景的建立（一些基础的代码，没有多余的解释） 到这里已经可以在页面上出现3D场景 第二步：场景模型的加载 这

详细讲解threejs骨骼动画相关的一些知识点以及骨骼动画的播放，通过实例操作，从基础数据讲解、加载模型并处理数据和播放动画三个小节全面且详细的讲解了threejs中骨骼动画的知识点

图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存

使用threejs实现的场景的创建，模型加载，移动，碰撞检测 为了让大家更容易看明白，这篇文章尽量更多的文字说明 上篇文章地址：(教你Vue3+Vite+threejs 创建3D场景，实现移动跳跃碰撞

快速入门Tailwind CSS的学习教程，项目中使用Tailwind CSS框架遇到的问题与解决方案

使用Next.js+NotionAPI数据库开发一个全栈项目🚩前端知识非常琐碎，所以想把前端知识点汇总到一起，于是有了这个项目