在线教程

  • WebGIS(Web Map)基础概念简介

    大地水准面 (geoid)大地水准面是海洋表面在排除风力、潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状延伸过陆地,生成一个密闭的曲面。虽然我们通常说地球是一个球体或者椭球体,但是由于地球引力分布不均(因为密度不同等原因),大地水准面是一个不规则的光滑曲面。虽然不规则,但是可以近似地表示为一个椭球体...

    阅读全文 收藏 评论 (0) 阅读 (1304) 2021-04-11 19:44:18  
  • Techbrood Stone 3D IDE Release Notes

    Stone 3D致力于在沉浸式网页(web3d/webxr)应用领域提供一款可以和Unity、Unreal相互竞争的轻量级引擎。Stone的体量只有Unity、Unreal的千分之一,在网页3D构建、快速概念验证和在线仿真教学方面有较大优势。
    版本0.1:[2020-10-01]主流ECS架构...

    阅读全文 收藏 评论 (0) 阅读 (2007) 2020-11-17 09:28:37  
  • 网页3D编辑器Stone用户手册和使用说明

    Stone 3D Version 2.1 Manual

    Stone 3D软著归属上海踏得信息技术有限公司,未经授权禁止用于商业用途。Stone 3D支持私有云部署、界面风格定制和模型...

    阅读全文 收藏 评论 (2) 阅读 (8806) 2020-10-12 20:22:13  
  • 实时光线追踪技术简介

    实时渲染视频级别的计算机三维图形是计算图形领域的终极目标,与现在普遍使用的光栅化渲染技术相比,光线追踪普遍被视为视觉技术的未来方向,可带来近乎真实的真正电影级图形和光影物理效果,光线追踪算法是达到这个目标的圣杯,经过几十年的努力,终于要接近这个理想了。
    视觉技术的圣杯:光线追踪如何再现真实世界?...

    阅读全文 收藏 评论 (1) 阅读 (3219) 2020-05-27 23:21:13  
  • three.js添加场景背景和天空盒(skybox)

    本文我们介绍在three.js中如何给3D场景添加背景,我们有3种方式来实现这个目的。通过html添加背景元素,这实际上一个2D背景;在three.js加载图片并设置为scene.background,这种方法的好处是可以被后处理(post-processing)效果所影响;在three.js中绘制天空盒作为背景。第一种是直接在canvas的c...

    阅读全文 收藏 评论 (0) 阅读 (8965) 2019-11-11 18:25:03  
  • 如何实现three.js响应式设计(消除拉伸变形和锯齿)

    我们先创建一个基本的three.js场景,里面有一个cube对象。分三步,首先声明一个canvas的html元素并设置其样式:&canvas>id="c">>>width:>100%; >>>>height:>100%; >>>>display:>block; }第二步,使用three.js创建场景、光照、相机和立方体模型(cube):
    import>*>as>THREE>from>'//techbrood.com/thr...

    阅读全文 收藏 评论 (2) 阅读 (4919) 2019-11-09 15:26:43  
  • AFrame工作原理简要说明

    AFrame(a-frame)是Mozilla推出的基于Three.js的一个WebXR ( WebVR ) 应用开发引擎。其架构或设计模式为游戏引擎常用的Entity/Component/System。其总体思想是通过声明式语言的方式来创建实体、挂载组件,并通过系统(Systems)来提供基础服务如多相机系统、XR交互控制、存储系统等。其工作过程大致如下:
    1)在DOM文...

    阅读全文 收藏 评论 (0) 阅读 (2328) 2019-11-07 12:22:48  
  • HTML、JavaScript和GLSL编码规范

    HTML编码规范
    • 始终将文档类型声明为文档中的第一行:>&!doctype>html&p&div&p...>&/p&br>/&div>class="..."&div>class="..."&div>class="..."> >>&meta>charset="UTF-8">> >>&titleSyntax>and>Coding>Style&/title &/head&!-->This>is>a>com...

    阅读全文 收藏 评论 (0) 阅读 (1436) 2019-09-23 17:52:23  
  • WebGL 2D纹理坐标到3D顶点坐标的映射

    webgl纹理映射用来把图片贴到模型的材料表面,给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去,也就是为每一个3d顶点找到其相应的纹理像素。要想实现这样的目标,显然需要先把3d模型展开为2d的平面,然后才可以和2d贴图建立对等的映射关系。我们这里以一个最简单的平面来观察这个映射的过程...

    阅读全文 收藏 评论 (1) 阅读 (4412) 2019-09-12 20:24:55  
  • WebXR基本概念和应用程序开发简介

    XR是VR,AR和MR的统称,VR,AR是从感官体验的角度来区分的,
    VR是用户借助外设输入输出(头戴、手柄、体感、运动感知等软硬件系统)来和纯虚拟场景的交互体验,AR也是用户借助外设来体验额外的虚拟内容,区别是虚拟内容是叠加在真实世界上,其方式可以是通过透射或者视频叠加。WebXR是基于网页的XR应用程序,可以用来支持...

    阅读全文 收藏 评论 (0) 阅读 (5153) 2019-09-02 18:31:12