Three.js

创建日期:2024-06-21
更新日期:2025-01-04

开源项目

官网:https://github.com/mrdoob/three.js

教程:https://github.com/josdirksen/learning-threejs

常用公式

gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);

modelViewMatrix = camera.matrixWorldInverse * matrixWorld(不变)

相机坐标(x,y不变) = camera.matrixWorldInverse(position和quaternion变了) * 世界坐标(不变)

设备坐标x = (画布坐标x / 画布宽度) * 2 - 1
设备坐标y = -(画布坐标y / 画布高度) * 2 + 1

画布坐标x = (设备坐标x + 1) / 2 * 画布宽度
画布坐标y = -(设备坐标y - 1) / 2 * 画布高度

相关教程

Three.js使用卷积法实现物体描边效果

Three.js使用gpu选取物体并计算交点位置

使用Three.js创建大小不随着场景变化的文字

Three.js各种材质的实现源码

简介

一个来自三线小城市的程序员开发经验总结。