01 2021 档案
摘要：今天郭先生说一说cannon.js物理引擎之Heightfield高度场，学过场论的朋友都知道物理学中把某个物理量在空间的一个区域内的分布称为场，高度场就是与高度相关的场，而cannon.js物理引擎的Heightfield的高度就是关于两个变量的函数，可以表达为HEIGHT(i,j)。当然知不知道
阅读全文
摘要：今天郭先生说一说使用cannon.js物理引擎绘制地形和使用指针锁定控件。效果如下图。线案例请点击博客原文。 这里面的生成地形的插件和指针锁定控件也是cannon.js的作者schteppe封装的，当然也可以自己写一个这样的小插件。好的我们先说说这两个插件的使用方法，然后结合一个小案例应该他们。 1
阅读全文
摘要：今天郭先生继续说cannon.js，主演内容就是点对点约束和2D坐标转3D坐标。仍然以一个案例为例，场景由一个地面、若干网格组成的约束体和一些拥有初速度的球体组成，如下图。线案例请点击博客原文。 下面来说说如何使用约束来完成一个这样的物理场景。 1. 创建three场景 这一步是基础工作，对于有一定
阅读全文
摘要：今天郭先生说的是一个物理引擎，它十分小巧并且操作简单，没错他就是cannon.js。这些优点都源自于他是基于js编写的，对于js使用者来说cannon.js拥有其他物理引擎没有的纯粹性。从学习成本来看，cannon.js的学习成本比较低，对于新手来说比较友好，因为它有相对完善的api，学习canno
阅读全文
摘要：今天郭先生说一下WebWorker以及WebWorker在three.js中的应用。我们都知道Javascript是单线程的，比如执行js代码的同时UI渲染就会停止，对于多核CPU的点脑，这一点让人难以接受，好在Web Worker的出现多少解决了一些问题。官方说Web Worker指的是一种可由脚
阅读全文
摘要：今天郭先生说一下如何在three中显示中文字体，然后结合tween实现文字位置的动画。线案例请点击博客原文。 1. 生成中文字体 我们都使用过three.js的FontLoader加载typeface.json实现font的使用，但是很多案例都是英文字体，那么如何来生成中文字体呢？现在我们可以通过F
阅读全文
