使用three.js的交互式3D心脏模型_thingjsthreejs资源-CSDN文库

共21个文件

js：11个

jpg：3个

mtl：2个

版权申诉

three.js

5星 · 超过95%的资源 28 浏览量 2022-07-14 09:00:00 上传评论 4 收藏 7.59MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

使用three.js 的交互式 3D 心脏模型.zip （21个子文件）

heart-master

models

openheartLD1.jpg 1.45MB

heart1.jpg 2.71MB

openheartLD1.obj 6.25MB

openheartLD1.mtl 201B

heart1.mtl 189B

heart1.obj 3.57MB

index.html 2KB

DDSLoader.js 6KB

OBJLoader.js 21KB

Projector.js 21KB

stats.min.js 2KB

Detector.js 2KB

Tween.js 13KB

main.js 8KB

TrackballControls.js 17KB

MTLLoader.js 10KB

threex.objcoord.js 4KB

.gitignore 649B

.gitattributes 378B

screenshot.jpg 137KB

build

three.module.js 1.1MB

<!DOCTYPE html>  <html lang="en"> <head> <title>three.js webgl - OBJLoader + MTLLoader</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <style> body { font-family: Monospace; background-color: #000; color: #fff; margin: 0px; overflow: hidden; } #info { color: #fff; position: absolute; top: 10px; width: 100%; text-align: center; z-index: 100; display:block; } #activate { color: #fff; position: absolute; top: 50px; left: 20px; width: 100%; z-index: 103; display:block; } #partList { color: #fff; position: absolute; top: 200px; left: 20px; width: 100%; text-align: left; z-index: 100; display:block; font-size: 16px; } #info a { color: #f00; font-weight: bold; text-decoration: underline; cursor: pointer } .button { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-family: Monospace; } #threeCanvas { position: absolute; z-index: 99; } </style> </head> <body> <div id="heart-app"> <canvas id="threeCanvas"></canvas> <div id="info"> <a href="http://threejs.org" target="_blank">three.js</a> MOVE mouse & press LEFT/A: rotate, MIDDLE/S: zoom, RIGHT/D: pan </div> <div id="activate"> <button id="move_heart_btn" type="button" class="button">Open/Close Heart</button> <br> <br> <button id="hide_dots_btn" type="button" class="button" onclick="hideDots()">Hide/Show Dots</button> </div> <div id="partList"> 1. Aorta <br> 2. Arch of the aorta <br> 3. Left auricular appendage <br> 4. Pulmonary artery <br> 5. Pulmonary veins <br> 6. Vena cava superior <br> </div> </div> <script src="js/Tween.js"></script> <script type="module" src="js/main.js"></script> </body> </html>

评论收藏

内容反馈

版权申诉