three.js展示三维模型
1.概要 最近学习Three.js，尝试加载一些3d max导出的obj、stl模型，在展示模型的时候遇到了一些问题，模型的尺寸、位置和旋转角度每次都靠手工调整，非常的不方便，就想着写一个方法来随心所欲的控制模型的尺寸、位置、角度。 2.实现思路 先看看官方加载外部 ...
原文：three.js 制作一个三维的推箱子游戏
今天郭先生发现大家更喜欢看我发的three.js小作品，今天我就发一个 d版本推箱子的游戏，其实webGL有很多框架，three.js并不合适做游戏引擎，但是可以尝试一些小游戏。在线案例请点击博客原文。 要制作一个推箱子游戏，正常要有以下 个步骤 定义一些数组，要有开始箱子数组 结束箱子数组 地面数组还有墙面数组，有这四个数组就可以组成一个关卡。 根据数组初始化地面墙面箱子和目标地点标志物。 使用 ...
2020-07-29 10:12 7 1460 推荐指数：
相关推荐
-Three.js开发指南---用three.js创建你的第一个三维场景（第一章）
本章主要做了下面的工作 1 生成一个简单的场景，该场景的物体只有平面和坐标轴 2 在第一个demo的基础上添加光源和方块物体，并生成阴影 3 在第二个demo的基础上，增加动画，使得方块进行旋转 4 在第三个demo的基础上，增加图形操作界面，改变方块旋转的速度 ...
three.js 制作逻辑转体游戏（上）
今天郭先生又出来制作游戏了，最近有小伙伴要做一个逻辑转体小游戏，我怎么能不先来试试呢。玩法可以看上面的连接，下面附几张图。线案例请点击博客原文。 游戏规则不懂得可以看自行百度哈，其实玩起来还挺有难度的。关于这个问题，对于新手来说，主要需要克服两个困难。一是这个模型的旋转轴不是固定 ...
js+Jquery 制作推箱子小游戏
下面是用到的素材图片： ...
用 three.js 绘制三维带箭头线
到了 three.js 的 Line2.js 和一个开源库MeshLine.js 部分代码： DrawP ...
three.js - 渲染并展示三维对象
看结果： 看源码及解释： ...
用 three.js 绘制三维带箭头线 (线内箭头)
在LineMaterial.js基础上修改的ArrowLineMaterial.js代码： View Code ArrowLineMaterial.js中主要修改部分： 在顶点着色器中定义变量： View Code ...
three.js cannon.js物理引擎制作一个保龄球游戏
关于cannon.js我们已经学习了一些知识，今天郭先生就使用已学的cannon.js物理引擎的知识配合three基础知识来做一个保龄球小游戏，效果如下图，在线案例请点击博客原文。 我们需要掌握的技能点，就是已经学过的cannon.js物理引擎知识、three.js车削几何体 ...