JavaScript 3d 的相关内容

文章 2025-05-18 来自：开发者社区

three.js简单实现一个3D三角函数学习理解

1.Three.js简介Three.js是一个基于JavaScript编写的开源3D图形库，利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能，如几何体、纹理、光照、阴影等，以便开发者能够快速地创建复杂且逼真的3D场景。同时，Three.js还具有很好的跨平台和跨浏览器兼容性，让用户无需安装任何插件就可以在现代浏览器...

文章 2024-12-08 来自：开发者社区

html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码

源码介绍 html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿，其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。 PS：该动画特效需要在服务器环境下运行...

文章 2024-08-04 来自：开发者社区

Three.js如何降低3D模型的大小以便更快加载

3d模型当前600MB，使用three.js加载有些慢。如何压缩变小一些？。要减小3D模型的大小以便更快地加载到Three.js中，您可以采取多种策略。以下是一些常见的方法： 1. 减少顶点数简化网格：使用软件如Blender、MeshLab或在线工具来减少模型的顶点数。这通常会导致细节丢失，但可以显著减小文件大小。 LOD (Level o...

文章 2024-08-03 来自：开发者社区

使用JS创造一个3D粒子化星空，十分酷炫，大家快进来看看吧

前言今天我们来聊聊如何用JS来创造一个3D的粒子化星空，十分地酷炫，小伙伴们一起来试试叭！首先我们先来看看我们的星空，将鼠标放在上面可以出现3D移动的效果，大家一起试试 html ...

文章 2024-08-03 来自：开发者社区

小白实战！用JS实现一个3D翻书效果，附上代码

前言今天我们来聊聊，如何实现一个3D翻书的页面，这个效果也是十分的生动和有趣哦，我会结合代码和大家一起制作，看完之后，大家可以选择自行喜欢的图片自己制作哦~也可以复制代码先体验一下效果首先，我们先来看看我们想要完成的效果 ...

问答 2024-05-28 来自：开发者社区

使用Three.js做3d物体obj 碰撞，两个obj物体碰撞，应该怎么实现比较好？

文章 2024-05-14 来自：开发者社区

Three.js第1篇，Three.js新手教学，如何在项目中使用Three.js（three.js使用流程详细，three.js的使用方式，three.js创建3d物体）

简述：Three.js封装了WebGL的底层细节，是一款运行在浏览器中的 3D 引擎，可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象，目前在Git上已经拥有90k+的star。今天用three.js来构建一个物体和坐标轴 ...

问答 2024-05-14 来自：开发者社区

使用Three.js做3d物体obj 碰撞,两个obj物体碰撞 ,应该怎么实现比较好？

文章 2024-01-23 来自：开发者社区

js实现图片3D轮播效果（收藏）

3D的图片轮播效果很炫，写到这里只是为了不丢代码，不为别的。效果预览：html代码：<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js实现3D图片逐张轮播幻灯片</title> </head> <body>...

文章 2024-01-16 来自：开发者社区

引入three.js文件后，想要渲染出3D模型，必须要创建几个对象，分别为：场景、相机和渲染器，这样我们就能透过摄像机渲染出场景一、场景创建一个场景：const scene = new THREE.Scene();二、相机创建一个相机：const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerH....

共有61条

< 1 2 3 4 ... 7 >

跳转至： GO

更新时间 2025-05-20 12:38:57

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

JavaScript更多3d相关

JavaScript您可能感兴趣

产品推荐

{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"iconImg":"https://img.alicdn.com/tfs/TB1JWN9qggP7K4jSZFqXXamhVXa-200-200.png","ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","title":"Node.js 性能平台","des":"Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。","btn1":"申请开通","link1":"https://common-buy.aliyun.com/?spm=5176.179584.935956.btn1.6bd0276eYr3tGs&commodityCode=npp#/open","contentLink":"https://www.aliyun.com/product/nodejs","btn2":"产品文档","link2":"https://help.aliyun.com/product/60298.html?spm=5176.179584.935956.btn2.6bd0276eYr3tGs","infoGroup":[{"infoName":"入门指导","infoContent":{"firstContentName":"产品快速入门","firstContentLink":"https://help.aliyun.com/knowledge_detail/60338.html?spm=5176.179584.935963.2.6bd0276eYr3tGs","lastContentName":"常见问题","lastContentLink":"https://help.aliyun.com/knowledge_detail/60418.html?spm=5176.179584.935963.3.6bd0276eYr3tGs"}},{"infoName":"最佳实践","infoContent":{"firstContentName":"内存泄露案例","firstContentLink":"https://help.aliyun.com/document_detail/64011.html?spm=a2c4g.11174283.6.570.159030b1bBdKke"}},{"infoName":"产品动态","infoContent":{"firstContentName":"产品最新动态","firstContentLink":"https://www.aliyun.com/product/news?spm=5176.179584.1266814.211view.6bd0276eYr3tGs&category=233&product=261"}}],"btn3":""}],"card":[],"search":[],"infoCard":[],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"iconImg":"https://img.alicdn.com/tfs/TB1JWN9qggP7K4jSZFqXXamhVXa-200-200.png","ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","title":"Node.js 性能平台","des":"Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。","btn1":"申请开通","link1":"https://common-buy.aliyun.com/?spm=5176.179584.935956.btn1.6bd0276eYr3tGs&commodityCode=npp#/open","contentLink":"https://www.aliyun.com/product/nodejs","btn2":"产品文档","link2":"https://help.aliyun.com/product/60298.html?spm=5176.179584.935956.btn2.6bd0276eYr3tGs","infoGroup":[{"infoName":"入门指导","infoContent":{"firstContentName":"产品快速入门","firstContentLink":"https://help.aliyun.com/knowledge_detail/60338.html?spm=5176.179584.935963.2.6bd0276eYr3tGs","lastContentName":"常见问题","lastContentLink":"https://help.aliyun.com/knowledge_detail/60418.html?spm=5176.179584.935963.3.6bd0276eYr3tGs"}},{"infoName":"最佳实践","infoContent":{"firstContentName":"内存泄露案例","firstContentLink":"https://help.aliyun.com/document_detail/64011.html?spm=a2c4g.11174283.6.570.159030b1bBdKke"}},{"infoName":"产品动态","infoContent":{"firstContentName":"产品最新动态","firstContentLink":"https://www.aliyun.com/product/news?spm=5176.179584.1266814.211view.6bd0276eYr3tGs&category=233&product=261"}}],"btn3":""}],"card":[],"search":[],"infoCard":[],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}}