bluestone本尊

个人获得模型的途径 sketchfab（常用）：可下载免费的3d模型，可以下载很多格式的模型 3D溜溜网（常用）：需要充值成为会员，下载的模型是3dmax格式，需要自己通过3dmax等工具转成gltf

深入物体的TRS 世界空间和局部空间 translation平移 scale缩放 要在保持其缩放比例的同时镜像对象，请对所有三个轴使用相同的值，但将其中一个设为负值 将对象缩小到十分之一大小并在X轴镜

不知道大家都没有发现🤔，很多 App/Web 的内容变得越来越「游戏化 🎮 」了。对于前端来说，需求也逐渐变得「花里胡哨」了...

如何优雅的基于 element-plus,封装一个梦中情 dialog 优点 摆脱繁琐的 visible 的命名，以及反复的重复 dom。 想法 将 dialog 封装成一个函数就能唤起的组件。如下：

前言 Three.js是一款基于原生WebGL封装通用Web 3D引擎，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。 本

使用 threejs 实现真实世界简单模拟。虽然是前端，也要会开启自己的后端服务啊，这里我们开启一个简单的 websocket 服务，与前端进行交互。让场景跟随时间，不断变化

关于着色器(shader) 它是用GLSL（着色器语言）写的，执行shader的是GPU，我们可以把一部分GLSL的工作交给GPU来提升性能。这样就好理解了，着色器程序通常在计算机的图形处理单元～

继续给大家介绍下 Shader 是什么、能做什么、在哪里有用到，并且为后续古柳开始写 Three.js Shader 做个引子！

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