SmartCity。

WebGL使用了计算机的图形硬件，而这部分资源是被操作系统管理，由包括浏览器在内的多个应用程序共享。在某些特殊情况下，如另一个程序接管了图形硬件，或者操作系统进入休眠，浏览器就会失去使用这些资源的权利，并导致存储在硬件中的数据丢失。在这种情况下，WebGL绘图上下文就会丢失。比如，如果你正在一台笔记本电脑或智能手机上运行WebGL程序，如下图（左）所示，然后使其进入休眠状态，通常此时浏览器的控制台

TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版

在几何学中，叉乘的应用涉及到三维空间中的向量、平面和体积等概念，是解决许多几何问题的重要工具。

*和& 可以看做同时抵消，只剩a，那么就是整个数组的大小（&a-->int(*)[4]，&a拿到的是数组名的地址，类型是int(*)[4]，是一种数组指针，数组指针解引用找到的是数组，*&a-->a）a虽然是二维数组的地址，但是并没有单独放在sizeof内部，也没取地址，a表示首元素的地址，二维数组的首元素是它的第一行，a就是第一行的地址，+1跳过一行的数组，表示第二行的地址。&a取出是数组的地址

【代码】Three.js制作物体粒子爆炸特效，Shader实现。操作用于传递到每个物体的着色器材质ShaderMaterial中的顶点着色器配置信息，遍历物体顶点组，得到每个每个物体的顶点信息对象points，设置所有物体所有顶点的xyz移动范围为-10到10，将坐标信息设置到每个物体缓冲区对象中，由顶点着色器接收

返回被使用的 插槽 实例const slots = useSlots()；onMounted(() => {console.log(slots, 'slots');})

在Three.js中，Raycaster是用于检测场景中物体相交的类。当我们使用Raycaster检测物体相交时，可能会出现准确性的问题，特别是当检测到的对象是点模型或线模型时。这是因为点、线段本身并没有任何厚度，所以它的碰撞面积很小，从而导致可能无法准确地检测到物体的相交

创建两个重合的矩形平面Mesh，通过浏览器预览，当你旋转三维场景的时候，你会发现模型渲染的时候产生闪烁。这种现象，主要是两个Mesh重合，电脑GPU分不清谁在前谁在后，这种现象，可以称为深度冲突Z-fighting。

加载模型文件，加载完成后，如果模型显示位置不符合要求，可以通过Threejs程序进行平移、缩放等操作。