在线教程

  • Linux Apache2如何开启gzip (deflate module) 压缩功能

    检查你的网站是否启用了gzip,用chrome打开网站比如http://www.techbrood.com选中一个请求,查看Response header部分,如果没有包含Content-Encoding: gzip
    那么你还没有开启gzip网页压缩功能。1.首先检查是否已安装mod_deflat...

    阅读全文 收藏 评论 (0) 阅读 (67) 2020-10-15 00:32:04  
  • Stone V0.1简明教程

    踏得网在沉浸式互联网领域有着多年的技术探索和产品研发积累。我们基于对行业前沿发展的深度理解,率先推出一款在线创作3D沉浸式展示的轻量级工具:Stone,支持中英文版本(默认为中文),当前版本号为0.1。该工具简约而先进,主要特性如...

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

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

    阅读全文 收藏 评论 (1) 阅读 (835) 2020-05-27 23:21:13  
  • 生成本地npm包

    1、创建一个文件夹,此处我的文件夹名字为test-my-pack

    2、在文件根目录初始化npm,可以一路回车
    npm>init之后会生成package.json文件

    3、在根目录下创建bin目录,并在bin目录下创建一个js文件,此处我命名js文件为my-...

    阅读全文 收藏 评论 (0) 阅读 (871) 2020-02-21 16:28:02  
  • Oculus Go手柄(控制器)使用说明

    Oculus Go是Facebook的一体式、3Dof VR眼镜,其手柄(即控制器)功能很简单。
    电池安装
    配对控制器
    下载 Oculus 应用(这个需要手机科学上网)并按照屏幕上的指示将 Oculus Go 连上 WiFi。将随附的电池插入控制器中(如上图),然后轻触 Oculus 应用中的继续。按住控制...

    阅读全文 收藏 评论 (0) 阅读 (2807) 2019-12-07 22:46:41  
  • 基于elementUI封装自己的UI组件库

    初始化 project这里我们使用官方的 vue-cli 初始化一个 Vue 项目npm>install>-g>@vue/cli #>or yarn>global>add>@vue/cli vue>create>admin-ui

    >>>>在src的同级目录创建packages文件夹,用于存放需要打包的组件>>>>package目录结构接下来让我们写一个简单的Vue component,基于elem...

    阅读全文 收藏 评论 (0) 阅读 (2463) 2019-12-04 15:55:22  
  • three.js添加场景背景和天空盒(skybox)

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

    阅读全文 收藏 评论 (0) 阅读 (3076) 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...

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

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

    阅读全文 收藏 评论 (0) 阅读 (1220) 2019-11-07 12:22:48  
  • 深入剖析JavaScript代码执行上下文、变量范围以及闭包(Closure)

    Some concepts are important to grok before you can grok closures. One of them is the execution context.This article has a very good primer on Execution Context. To quote the article:When code is ru...

    阅读全文 收藏 评论 (0) 阅读 (781) 2019-11-03 22:49:54