现代Web开发与应用课件 第三章-从Web3D到WebXR.ppt

*Computerscience-particlesystem*Computerscience-particlesystem*Computerscience-particlesystem*Computerscience-particlesystem*http://localhost/learning-threejs/src/chapter-11/09-shader-pass-custom.htmlprojectionMatrix表示的是摄像机的投影矩阵，modelViewMatrix表示的是场景中物体的位置到真实世界位置的映射，这两个共同来决定将物体渲染到屏幕的哪个位置。代码中的uv值，它表示的是texel（纹理上的像素），该值会通过“varyingvec2vUv”变量传递到片段着色器中。然后我们会通过vUv来获取片段着色器中需要的像素值。uniforms属性的四个实例变量，这四个变量可以从JavaScript传递到着色器中。我们会传递三个浮点数，类型标识为f（用来决定灰度图中所包含的颜色比例），还会传递一个纹理（tDiffuse），类型为t。该纹理中包含的是THREE.EffectComposer组合器中前一个通道的处理结果。如果要在JavaScript中使用这些uniforms变量，我们必须定义哪些uniforms变量可以在着色器中使用，定义方式是在着色器文件的开头完成：调用texture2D方法，在该方法中传递当前的图片（tDiffuse）和要处理的像素的位置（vUv）。处理的结果就是一个包含颜色和透明度（texel.w）的texel。用texel的属性r、g和b的值来计算灰度值。*http://localhost/learning-threejs/src/chapter-11/09-shader-pass-custom.html*Computerscience-particlesystem*Computerscience-particlesystem*启动ngnix服务器*启动ngnix服务器**/webgl/wiki/User_Contributions#Frameworks*/cn/App_dev/ThingJS/***/p/381339755*帧同步的上下限：上限人的反应在50ms~100ms之间不会感觉到延迟，这样平均一秒10-20帧就比较合适，王者荣耀15fps；上限：网络延迟，ping一下百度，发现延迟是12ms左右，假设是20ms，那么1秒可以传送1000/20=50帧。帧同步的带宽计算：假设5000人在线，5v5，500个房间，15fps。每个动作16个字节。则16*10*15*500=1.2Mbytes=9.6M，10M左右带宽满足要求。*2:8000/7:3000/2:8000/7:3000/2:8000/7:3000/https://immersive-web.github.io/webxr-samples/input-tracking.htmlhttps://immersive-web.github.io/webxr-samples/input-tracking.htmlhttps://immersive-web.github.io/webxr-samples/input-tracking.html2:8000/7:3000/https://aframe.io/https://immersive-web.github.io/webxr-samples/input-tracking.htmlhttps://aframe.io/*这个实验的最初原型可以一直追溯至笛卡尔。在他的《MeditationsontheFirstPhilosophy》一书中，笛卡尔提出了能否证明他所有的感官体验都是他自己的，而不是由某个“邪恶的魔鬼”产生的这样的疑问。笛卡尔用他的经典名言“我思故我在”来回答这个问题。**奈奎斯特采样定理：采样频率达到信号最高频率的2倍时，可以无失真地恢复原信号**若要实现数字孪生，必须借助传感器运行、更新的实时数据来反馈到数字系统，进而实现在虚拟空间的仿真过程。也就是说，物联网（IoT）是实现数字孪生的必然条件。增强现实或虚拟现实是数字孪生的输出方式。雄安新区的市民服务中心地下综合管廊的建设就是先建立管廊系统全数字模型，进行工程数字模拟、快速精确算量后才开启，以此达到减少施工变更、有效控制成本的目的；杭州萧山区的红绿灯则通过阿里云ET城市大脑进行自动调配，