![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 63
Mr_Hzz
这个作者很懒,什么都没留下…
展开
-
Three.js教程之编辑关键帧并解析播放 实现源码
如下,相关路径自己设置即可<!DOCTYPE html><html lang="en"><head> <title>three.js webgl - FBX loader</title> <meta charset="utf-8"></head><body><script type="module"> import * as THREE from '../thr原创 2021-07-20 14:54:40 · 338 阅读 · 0 评论 -
Three.js在任意demo上添加阴影投影和TransformControls控件(键盘触发切换模式)
一. 添加阴影投影允许渲染器渲染阴影renderer.shadowMap.enabled = true;设置物体可以产生阴影 对象是否渲染到阴影贴图中,默认值为falsemesh.castShadow = true;设置平面网格为接受阴影的投影面 const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial); // 生成平面网格 planeMesh.receiveShadow = true; // 设原创 2021-07-16 17:04:50 · 558 阅读 · 0 评论 -
Three.js 零基础保姆级教程
文章目录一、Three.js 是什么?1.介绍2.环境配置3.WebGL和Three.js学习顺序?二、麻雀虽小而五脏俱全的例子1.引入资源包2.创建场景和添加2个以上的3D对象(可选)3.添加辅助坐标系4.光源和相机设置5.渲染得到结果总结及完整源码一、Three.js 是什么?1.介绍Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。2.环境配置js作为一个跨端语言,可作为IDE的软件有很多,笔者这里使用原创 2021-07-15 10:49:54 · 10973 阅读 · 3 评论