three.js css3d 如何更新数据

JavaScript06

three.js css3d 如何更新数据,第1张

当有内容需要更新时,需要重新上传整个全局纹理,webgl中有一种局部纹理更新技术,每次有更新时,只需要更新它的一个局部区域即可。

但是这里要解决的问题是THREE.js并没有提供局部纹理更新的方式,也没有相应的自定义接口,那么这时候就需要我们自己来处理了。这里自定义一个Texture的子类,开辟一块内存区域,在需要的时候动态更新局部纹理,其中src这里是ImageData对象,具体代码可以参考这里:https://github.com/spite/

页面本身是不具备保存历史数据的功能的,需要借助其它手段来实现,常用方法如下:

异步更新页面。这种方法实际上页面是没有刷新的,通过AJAX导步获取信息来更新页面,这样可以保留原页面需要保留的数据。一些网站的发表评论后,评论内容更新,用的就是这个方法。

使用COOKIE保存。把需要保存的数据存储到COOKIE中,页面更新时,读取COOKIE渲染到页面上。比较常见的如:登录框记录用户名,下次登录无须重新输入。但COOKIE存储的数据量有限,不适合大的数据存储。

服务器端保存数据。与COOKIE保存类似,只不过内容是保存在服务器端,利用会话机制在页面更新时从服务器读取内容重新渲染。这是一种常见的而保险的方法。像一些文本编辑器,保存草稿等,就是通过这样的方式实现的