可视化大屏
xiaomomi
这个作者很懒,什么都没留下…
展开
-
ThreeJS之模型引入
<script src="./lib/three.js"></script><script src="./lib/js/loaders/OBJLoader.js"></script><script src="./lib/js/loaders/MTLLoader.js"></script><script src="./lib/js/controls/OrbitControls.js"></script>&l原创 2021-02-25 11:25:21 · 952 阅读 · 0 评论 -
ThreeJS基础模板
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Three组成</title> <style type="text/css"> html, body { margin: 0; height: 100%; } canvas { display: block; } </sty原创 2021-02-25 11:23:42 · 247 阅读 · 0 评论 -
Threejs之粒子动画/点击交互
随意粒子动画管道扫光柱点击事件粒子动画 function createParticle() { var geometry = new THREE.Geometry(); var mouse = { x: 0, y: 100 }; var vertices = new THREE.Vector3( mouse.x, mouse.y, -10原创 2021-02-25 11:22:26 · 1423 阅读 · 0 评论 -
Three.js (练习)
练习3D字体几何体三角体图表(不能交互)Sprite-canvas卡片3D字体// 字体 const cubeSize = 30; const material = new THREE.MeshNormalMaterial(); const loader = new THREE.FontLoader(); const textMesh = new THREE.Mesh(); const createTypo = font =原创 2021-02-25 11:16:59 · 400 阅读 · 0 评论 -
Three.js入门指南
1.threejs导入3d模型到web端,3d模型的文件格式可以找个建模软件转化为threejs所支持的格式,如.dae .obj .mtl stl gld等harp.gl 3D地图渲染引擎key:TiWMPfkD-HO_Kv9exEnvQWyKpIqvtMwFfTYX5tmFRSI案例Three.js入门指南(张雯莉)应用结构上图需要注意的事项:首先有一个渲染器(Renderer)。这可以说是three.js的主要对象。你传入一个场景(Scene)和一个摄像机(Camera)到渲染器(原创 2021-02-25 11:08:54 · 2394 阅读 · 0 评论