JavaScript three.js 的相关内容

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

Three.js第2篇，加载glb / gltf模型，Vue加载glb / gltf模型（如何在vue中使用three.js，vue使用threejs加载glb模型）

简介：Three.js 是一个用于在 Web 上创建和显示 3D 图形的 JavaScript 库。它提供了丰富的功能和灵活的 API，使开发者可以轻松地在网页中创建各种 3D 场景、模型和动画效果。可以用来展示产品模型、建立交互式场景、游戏开发、数据可视化、教育和培训等等。这里记录一下如何在Vue项目中使用Three.js ...

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

three.js 官方给的压缩包如何使用？three.js基础官方文件使用方法

three.js是什么东西本文就不再阐述了，网上一搜一大堆，相信查询此博客的同志♂也都有一定的前端基础，本文就教大家简单的使用前端语言js来演示一个官方案例。一、下载three.js官方文件包网址：点击跳转（会被墙）中文文档地址：点击跳转（链接引用的b站up“老陈打码”）二、下载好后解压三、部署开发环境 1、确认nodejs环境部署完毕 &am...

文章 2023-02-22 来自：开发者社区

【Three.js】关于Three.js的辅助库ststs.js报错的解决方案

【Three.js】（一）了解Three.js基本的代码样式与运行结果关于Three.js的问题，可以与作者共同讨论。问题描述作者初学Three.js，需要用到ststs.js库的时候去Git上下载了原作者的stats.js文件，引入后图案加载不出来，调试发现是stats.js里面最后一句ES6语法始终报错，如下：export {Stats as default};后来相继换了好几个版本的.....

文章 2022-12-05 来自：开发者社区

⚡Three.js-R3F，在React工程项目中使用Three.js

1. 使用r3f创建场景// App.js import { Canvas } from "@react-three/fiber"; export default function App() { return ( <Wrapper className="App"> <Canvas className="canvas"> </Ca...

文章 2022-02-17 来自：开发者社区

带你读《Three. js开发指南：基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之三：学习使用Three.js中的光源

点击查看第一章点击查看第二章第3章学习使用Three.js中的光源在第1章中，我们学习了Three.js的基础知识，而在上一章，我们对场景中最重要的部分进行了一些深入的了解，包括几何体、网格和摄像机。你可能已经注意到，尽管灯光也是场景中十分重要的一部分，但是在之前的章节中却略过了。没有光源，渲染的场景将不可见（除非你使用基础材质或线框材质）。Three.js中包含大量的光源，每一个光源都有特....

文章 2022-02-17 来自：开发者社区

带你读《Three. js开发指南：基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之二：构建Three.js应用的基本组件

点击查看第一章点击查看第三章第2章构建Three.js应用的基本组件在第1章中我们介绍了Three.js库的基础知识。通过示例展示了Three.js是如何工作的，然后创建了第一个完整的Three.js应用。在本章中我们将会深入了解Three.js库，介绍构建Three.js应用的基本组件。通过本章你将了解以下内容：在Three.js应用中使用的主要组件。 THREE.Scene对象的作用.....

文章 2022-02-17 来自：开发者社区

带你读《Three. js开发指南：基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之一：使用Three.js创建你的第一个三维场景

Web开发技术丛书点击查看第二章点击查看第三章Three. js开发指南：基于WebGL和HTML5在网页上渲染3D图形和动画（原书第3版）Learn Three.js: Programming 3D animations and visualizations for the web with HTML5 and WebGL, Third Edition [美] 乔斯·德克森（Jos Dirk.....

文章 2022-02-17 来自：开发者社区

Github Repository 可视化 (D3.js & Three.js)

Github Repository 可视化 (D3.js & Three.js) 先上 Demo 链接 & 效果图demo 链接github 链接效果图 2D: 效果图 3D: 为什么要做这样一个网站? 最初想法是因为 github 提供的页面无法一次看到用户的所有 repository, 也无法直观的看到每个 repository 的量级对比(如 commit 数, star....

文章 2022-02-17 来自：开发者社区

[开源] Gio.js -- 一个基于 Three.js 的 Web3D 地球数据可视化库

在这里和大家分享一个和小伙伴们一起开发的开源库 Gio.js 。Gio.js 是一个基于 Three.js 的 web 3D 地球数据可视化的开源组件库。使用 Gio.js 的网页应用开发者，可以快速地以申明的方式创建自定义的 Web3D 数据可视化模型，添加数据，并且将其作为一个组件整合到自己的应用中。 Github 地址： github.com/syt123450/g… 中文官网: gi...

文章 2022-02-16 来自：开发者社区

tween.js 用户指南 - 与 Three.js 配合使用的补间动画库

tween.js 用户指南 - 与 Three.js 配合使用的补间动画库太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句：太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本...

共有13条

< 1 2 >

跳转至： GO

更新时间 2024-11-22 10:01:00

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

JavaScript three.js相关内容

phaser three.js JavaScript

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":[]}}