Three
文章平均质量分 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 · 348 阅读 · 0 评论 -
Three.js在任意demo上添加阴影投影和TransformControls控件(键盘触发切换模式)
一. 添加阴影投影 允许渲染器渲染阴影 renderer.shadowMap.enabled = true; 设置物体可以产生阴影 对象是否渲染到阴影贴图中,默认值为false mesh.castShadow = true; 设置平面网格为接受阴影的投影面 const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial); // 生成平面网格 planeMesh.receiveShadow = true; // 设原创 2021-07-16 17:04:50 · 659 阅读 · 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 · 11444 阅读 · 3 评论