Three.js学习笔记

最新推荐文章于 2025-08-15 09:50:45 发布
转载 最新推荐文章于 2025-08-15 09:50:45 发布 · 71 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/u/2438417/blog/677008
文章标签：

#javascript #python #ViewUI

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

Three.js支持的外部资源格式

格式描述
JSON
(JavaScript Object Notaion)		 
OBJ
(Object file)		Wavefront公司创立的一种定义几何体的文件格式
MTL
(Material file)		 
Collada 
STL
(STereoLithography)		 
CTM
(openCTM)		openCTM(open compressed triangle mesh)
VTK
(Visualizaion TooKit)		 
PDB
(Protein Databank)		 
PLY
(polygon)		 

一些与Three.js配合使用的JavaScript库

  1. Tween.js

    可以用来定义某个属性在两个值之间的过渡，自动计算出起始值和结束值之间的所有中间值，形成补间动画

  2. dat.GUI

    创建简单的界面组件用于调试

参考资料

  1. Three.js开发指南，Joes Dirksen
  2. Three.js入门指南，张雯莉
  3. HTML5与WebGL编程，Tony Parisi

转载于:https://my.oschina.net/u/2438417/blog/677008

Three.js 学习笔记
SSophia的博客
09-18 773
Three.js是一款基于原生WebGL封装的Web 3D库，向外提供了许多的接口。 它可以运用在在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域。
three.js学习笔记1
qq_43959639的博客
06-07 254
【代码】three.js学习笔记1。
three.js 学习笔记
好好学习天天向上
01-07 1503
渲染器执行render方法的时候会读取相机对象的投影矩阵属性projectionMatrix，但是不会每渲染一帧，都通过相机的属性计算投影矩阵(节约计算资源)。比如相机的位置属性，改变相机位置也可以改变相机拍照场景中模型的角度，实现模型的360度旋转预览效果，改变透视投影相机距离模型的距离，就可以改变相机能看到的视野范围。没有特定方向，整体改变场景的光照，会均匀的照亮场景中的所有物体。(物体表面)的影响，如果使用受光照影响的材质，在不开灯的情况下是看不见的。反射的光线越多，光越亮，反射的光线越少光越暗。
three.js学习笔记
Z_Gleng的博客
10-22 1054
three.js学习笔记
Three.js入门学习笔记
donghua201的博客
04-19 987
three.js是JavaScript编写的WebGL第三方库。
three.js的学习笔记
chenhuan9的博客
12-21 268
three.js开发学习 一、使用three.js创建我的第一个3D场景 创建3D场景最基础的三个对象，场景scene，相机(主要使用透视相机，比较符合现实场景），渲染器。 1.引入three.js所需库 // 方式 1: 导入整个 three.js核心库 import * as THREE from "three"; // 轨道控制器的库 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; // 引入dat
three.js学习笔记(六)——创建简单鬼屋
hongsir的博客
12-05 1700
初始场景 一个平面，一个球体用来测试环境光和月光，测得光源正常后移除球体 创建房屋组别 因为我们房屋可能包含许多东西像是门、屋顶之类的，所以需要创建一个房屋组，将所有属于屋子的物体给添加到这个组里面，之后当我们需要移动整个屋子时，变可以把房屋组当作一个整体去进行位置移动，而不用单个单个的去移动物体位置。 // 创建一个house组 const house = new THREE.Group() scene.add(house) 下面先初始化房屋该有的物体，具体细节后面再设置 创建墙体 //墙体 cons
three.js学习笔记一
weixin_44151849的博客
08-05 126
【代码】three.js基本内容。来源B站老陈视频
一、three.js快速入门学习笔记
Seven_Ting的博客
02-10 690
预览代码3D效果，打开对应的html文件，右键点击Open with Live Server即可。
WebGL学习教程之Three.js学习笔记(第一篇)
12-04
Three.js则是一个非常实用的JavaScript库，它为WebGL提供了一套高级的抽象层，极大地简化了3D图形编程的过程。Three.js将WebGL底层的复杂性进行了封装，让开发者可以通过更直观的方式来创建3D对象、光照、相机视角等...
WebGL three.js学习笔记之阴影与实现物体的动画效果
01-21
实现物体的旋转、跳动以及场景阴影的开启与优化 本程序将创建一个场景，并实现物体的动画效果 ...Three.js</title> [removed][removed] [removed][removed] <script src=../../../Import/Setting
electron进程间通信- 从渲染进程到主进程
唐璜Taro的博客
08-13 924
本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。
Go语言实战案例:静态资源服务（CSS、JS、图片）
tenkofx的博客
08-15 343
• Gin 提供Static()方法一行就能完成静态文件托管。• 静态文件路径映射和 URL 前缀可以灵活配置。• 结合 HTML 模板，可以很方便地构建完整的前端页面服务。
MoonBit Perals Vol.05: 函数式里的依赖注入：Reader Monad
m0_74743788的博客
08-13 1116
普通的函数就像一个流水线，你丢进去一袋面粉，然后直接跑到生产线末端，等着方便面出来。但这条流水线需要自动处理中间的所有复杂情况：没放面粉/“没有下单，期待发货”（null）面团含水量不够把压面机干卡了（抛出异常）配料机需要读取今天的生产配方，比如是红烧牛肉味还是香菇炖鸡味（读取外部配置）流水线末端的打包机需要记录今天打包了多少包（更新计数器）Monad 就是专门管理这条复杂流水线的“总控制系统”。它把你的数据和处理流程的上下文一起打包，确保整个流程能顺畅、安全地进行下去。
20道Vue框架相关前端面试题及答案
qq_39540458的博客
08-14 819
Vue是一个渐进式JavaScript框架，具有响应式数据绑定、组件化开发等核心特性。面试常见问题包括：双向数据绑定原理（Vue2使用Object.defineProperty，Vue3改用Proxy）、生命周期钩子（如created、mounted）、组件通信方式（props/emit、provide/inject等）、计算属性与监听器的区别、v-if与v-show的适用场景等。Vuex用于状态管理，包含state、mutations等核心概念；Vue Router支持hash和history两种路由模式
基于SpringBoot校园管理系统
2501_90968670的博客
08-13 1089
校园管理系统是一个基于Spring Boot + Vue.js的全栈应用，专注于高校内部的多角色协作管理。系统实现了院校管理、单位管理、用户管理、通知推送、投票管理等功能模块，满足管理员、院校管理员、普通用户三类角色的不同操作需求。核心目标是提升校园管理效率，实现通知精准推送与数据可视化统计。
Flink Redis维表：Broadcast Join与Lookup Join对比及SQL示例
spark_dev的博客
08-12 871
本文对比了Flink中Redis维表关联的两种方案：Broadcast Join和Lookup Join。Broadcast Join适合小维表（<1GB），通过广播到所有任务实现本地关联，延迟低但内存消耗高；Lookup Join则适合大维表，通过实时查询Redis获取最新数据，内存占用低但延迟较高。文章详细分析了两者的原理、适用场景和性能差异，并提供了两种方案的SQL实现示例。最后建议根据维表大小、更新频率和资源情况选择合适方案，或采用混合模式平衡性能与资源。
VUE3 学习笔记2 computed、watch、生命周期、hooks、其他组合式API
最新发布
mashirokayo的博客
08-15 774
在vue3中，虽然也能写vue2的computed，但还是更推荐使用vue3语法的computed。computed是一个函数。它的参数接收一个函数，这个函数可以是普通函数，也可以是箭头函数，由于vue3中没有this，所以无需关注函数类型对this指向的影响。这个函数就是计算的方法函数。但是通过这种方式定义的计算属性，是只读的，无法对属性进行修改。如果计算属性同时需要读取和修改，要通过下面这种形式：传入computed的参数是一个对象，在对象中配置get和set。
Three.js学习笔记与实践应用
压缩包子文件的文件名称列表中提到的 'study-threejs-main' 可能是指包含了 Three.js 学习资料的主要文件或目录，其中可能包含示例代码、教学文档、API 参考资料等。" 在对 Three.js 进行学习的过程中，以下是一些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值