在线教程

  • Techbrood Stone 3D IDE Release Notes

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

    阅读全文 收藏 评论 (0) 阅读 (3555) 2020-11-17 09:28:37  
  • 实时光线追踪技术简介

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

    阅读全文 收藏 评论 (1) 阅读 (4756) 2020-05-27 23:21:13  
  • 如何实现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) 阅读 (6944) 2019-11-09 15:26:43  
  • WebXR基本概念和应用程序开发简介

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

    阅读全文 收藏 评论 (0) 阅读 (7185) 2019-09-02 18:31:12  
  • 如何构建一个面向对象的webgl渲染引擎

    WebGL渲染引擎主流的有three.js和babylon.js,如果我们要自己实现一个类似的引擎,该如何设计实现呢?基本上我们可以分解为以下5个部分:webgl渲染部分的封装可渲染实例的抽象光照和相机场景和资源管理常用的图形运算库其中第1部分主要是整合绘制方面的一些...

    阅读全文 收藏 评论 (0) 阅读 (3139) 2019-07-19 18:25:30  
  • 踏得网精选2016年度10大最佳HTML5动画

    踏得网精选2016年度最酷最新的HTML5动画集,评选标准为:创意新颖度+实现技术难度+趣味程度。使用一些在线H5生成工具的作品,因其主要使用图片和CSS3套路动画,千人一面乏善可陈,不入该列。所涉及技术主要是:HTML5/CSS3/SVG/WebGL(Three.js)/ES6(BabelJS)。TOP10: 镜花水月使用SVG>turbulence 滤镜实现的动画特效

    阅读全文 收藏 评论 (1) 阅读 (19863) 2017-07-21 09:54:37  
  • A-Frame WebVR(网页虚拟现实)快速开发入门教程

    WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的>A-Frame>框架就是这样一个工具,提供了一个Web开发者所熟悉的标记语言来快速构...

    阅读全文 收藏 评论 (0) 阅读 (18130) 2017-04-06 21:26:31