three.js文章收集

最新推荐文章于 2024-08-09 07:17:44 发布
最新推荐文章于 2024-08-09 07:17:44 发布
阅读量240 收藏
点赞数
分类专栏： WEBGL
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15267341/article/details/102823883
版权
海涛高软
关注
专栏目录
【中秋快乐】如何用three.js实现我的太空遐想3D网页
风中追风
08-28 9940
创作背景马上又是一年中秋佳节到来之际，中秋佳节自古以来就是团圆，思乡的节日，佳节当晚一边赏着月色，一边品尝着美味的月饼，和亲人好友诉说着想念之情 ，悠闲惬意之情油然而生。古人有诗云：”明月几时有，把酒问青天，不知天上宫阙，今夕是何年？“ 这是古人对月亮和太空的理解，那么当现代的我们抬头望向星空，望向月亮的时候，你的太空遐想是什么呢？正好博主最近也在研究3维方面技术栈，来吧，这篇文章会从0和你一起用three.js 来实现：你心目中的地球和月球，并且在功能分解3d地球3d月球3d小火箭。...
three.js——物理引擎
weixin_41770018的博客
04-18 363
剖析three.js案例中物理引擎Ammo.js的使用方法，其中包含运动、碰撞、检测、自由落体、碰撞器、冻结、自定义更新等功能，有大量代码通过链接方式转到gitee，可以根据代码对照使用 主要剖析的是threejs中提供的ammo案例，相对于原本案例，本篇文章精简了一些代码，提取了一些方法，新增了一些可配置参数，并结合我上一篇文章three.js——镜头跟踪 做了一个小Demo。 先看一下效...
Three.js 从入门到精通 - 笔记总结
莫兮的博客
02-18 696
Three.js 目录 文章目录前言推荐阅读`HTML`引入`Three.js`引擎3D场景引入引擎案例源码 前言 本文为学习Three.js过程中的笔记和个人体会，如有需要，请阅读官网doc 推荐阅读 Three.js中文网-电子书 Three.js官网 WebGL Three.js - github 《WebGL编程指南》 《Three.js开发指南》 Physijs Physijs是一款物理引擎，可以协助基于原生WebGL或使用three.js创建模拟物理现象，比如重力下落、物体碰撞等物理现 s
3D世界-Three.js的探究与实践
weixin_34332905的博客
01-16 244
此文的github及当中示例:piexl.github.io/explore-thr… 项目需求 在开发育空网站时我们需要在页面内使用四面体，还要增加一些交互和操作，因此使用了3D类库Three.js也经历多种波折才实现了我们最终的效果。 需要的实现的交互： 1.四面体自动旋转； 2.旋转过程中监听当前用户正对那个面 3.四面体点击某个面时跳转到这个面对应的链接 4.实现粒子背景 3D世界的初...
标题：Earcut：快速且高效的多边形三角剖分库
最新发布
gitblog_00611的博客
08-09 745
标题：Earcut：快速且高效的多边形三角剖分库 earcut.hppFast, header-only polygon triangulation项目地址:https://gitcode.com/gh_mirrors/ea/earcut.hpp 在计算机图形学领域，将复杂多边形有效地分解为三角形是一项基础而重要的任务。为此，我们向你推荐一个名为Earcut的C++开源项目，这是一个高性能、轻...
threejs资料汇总
黑胡子大叔的博客
01-15 593
threejs文档 https://techbrood.com/threejs/docs/ threejs案例 https://scqilin.github.io/learning-threejs-third/#chapter-10_01-basic-texture threejs非常不错的博客 https://blog.csdn.net/jdk137/article/details/84943611?utm_medium=distribute.pc_relevant.none-task-blog.
threejs加载模型挤压变形_浙大《Nature》子刊新思路：晶界调控金属纳米结构循环变形行为！...
weixin_39736934的博客
11-24 162
导读：本文提出了一种通过晶界调控实现金属纳米结构可控循环变形的新思路，系统阐释了金属纳米结构在循环剪切过程中通过小角度晶界分解和晶界位错协同运动而实现可逆塑性变形的独特行为。这种“自下而上”的纳米材料设计新思路，为微纳结构材料的结构设计和损伤控制提供依据。上述发现系统阐明了界面结构设计在微纳结构材料性能调控中的重要意义。微纳器件的飞速发展对纳米材料的结构设计和可靠性提出了更高的要求。其中，长期服役...
Three.js个人学习笔记三
disasters的博客
08-17 363
纹理 纹理在3D世界中，就类似于皮肤的概念 3D世界的纹理由图片组成。纹理就是图片，或者贴图。将纹理以一定的规则映射到几何体上，一般是三角形上，那么这个几何体就有纹理皮肤了。 在three.js中要实现纹理，首先应该有一个纹理类，其次是有一个加载图片的方法，将这张图片和这个纹理类绑定起来。 THREE.Texture(image, mapping, wrapS, wrapT, magFilt...
THREE.JS——让你的logo切割出高级感
weixin_41770018的博客
02-20 989
theme: jzman 灵感图 每次都根据灵感图写代码，我都快成灵感大王了，本文较长，跨度较大，效果较好，请耐心看完，本文阶段代码有tag可以分部查看 前言 这是B站的一段视频，用3D渲染的方式表达各个大厂的logo如何制作出来的，其中提取出一小段，用于本文的灵感，就是这个图的切割效果，下文不包含激光的圆圈和工作平台，只有切割的光线、切割效果和分离动画，灵感图中切割的部分是超过l...
Three.js杂记（十二）—— VR全景效果制作·中
m0_67401055的博客
03-08 913
文章目录 序 正文开始 引入threeJs 材料收集 实现原理 实现步骤 基础的全景完成 完整Vue代码 总结 序 在web的前端发展过程中，对于视觉化的要求已经越来越高 有关于VR全景的效果也同样可以在网页中实现了，不用戴上VR设备，你也可以在网页上体会一把“身临其境”的感觉 全景视觉 之前的我ThreeJS系列博客中也曾经写过一篇关于如何制作全景效果的文章，不过只有上半部分的素材采集**（虽然这很重要）** 这是我ThreeJs系列地址，如果对页面3D感兴趣的同学可以过去学习：https:
three.js音乐可视化
X01动力装甲的专栏
04-30 731
three.js音乐可视化 我们直接参考这篇文章就可以了： 基于Web Audio API实现音频可视化效果 基本概念 要从你的音频源获取数据，你需要一个 AnalyserNode节点，它可以用 AudioContext.createAnalyser() 方法创建，比如： var audioCtx = new (window.AudioContext || window.webkitAudioCo...
Algorithm-earcut.zip
09-17
Algorithm-earcut.zip,为您的webgl应用程序提供最快、最小的javascript多边形三角剖分库,算法是为计算机程序高效、彻底地完成任务而创建的一组详细的准则。
mapbox_three_3D_bubble_demo.rar
10-16
mapbox-gl+Three.js实现三维球体专题图，3D气泡图、动画效果、轻量级！
Three.js的入门案例（上）
前端达人
02-23 833
关注初识Threejs与小编一起学习成长在Three.js的赋能下，WEB网页效果逐渐丰富起来，今天我们就来运用之前学习的Three.js基础知识，实现一个旋转的几何体-球体。知识点1...
计算机软件3dmax在展览中的研究,基于Three.js无插件三维模型展示的研究.doc
weixin_29151499的博客
07-07 400
基于Three.js无插件三维模型展示的研究基于Three.js无插件三维模型展示的研究摘 要： 应用WebGL技术的Three.js框架为三维网页的开发提供了很好的技术解决方案。Three.js框架的应用可以免去网页3D展示所需要下载渲染插件的麻烦，Three.js框架还可以把三维模型的OBJ格式很方便的加载到网页中来展示。文章探讨了Three.js框架技术，并对网页上展示三维模型进行了分析。关...
three.js源码翻译及案例(三)-src/scenes/Scene.js
qq_34205932的博客
04-14 345
源码位置 该源码位置在three.js源码src/scenes文件夹下 源码翻译 /* * 本文档为Three.js翻译文档，如有任何疑问请联系: * pygmalioneffect@aliyun.com */ function Scene() { //scene 为object3D类型 所以回调到object3D方法创建默认项 Object3D.call(this); //类型为Sce...
THREE.js为正方体的6个面贴上图片
热门推荐
kingov
08-15 1万+
效果图 代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co
CesiumJS 中绘制大多边形
10-22 469
尽管它们通常会扭曲面积（这就是为什么这种类型的投影在极地区域之外的映射中不常见的原因），但保留形状对于我们在多边形上执行的几何操作至关重要。从性能的角度来看，在创建几何图形时，分割多边形可能是一项昂贵的操作，因为该算法对每个多边形和每个分割平面进行操作。但是，一旦进行三角剖分，任何分割的多边形都会稍后在管道中重新组合，作为几何批处理步骤的一部分，以确保与以前相同的渲染性能。在Cesium的早期版本和一些引擎中，我们绘制这种跨度比较大的多边形，经常会看到一些奇怪的冲突问题，如下图所示。一种简单的解决方案是。
Threejs避坑
BUSTER 的博客
01-21 621
生成自定义多边形平面遇到的问题 生成平面角度问题 //顶点坐标 const pos2 = [0, 0, 0, 160, 0, 0, 160, 0, 80, 0, 0, 80] var geometry = new THREE.Geometry() //创建一个空几何体对象 //创建立方的面 geometry.vertices = [] for (var i = 0; i < pos2.length; i += 3) { let tp = new THREE.Vector3(pos[i], pos[
Three.js库更新至R133版本
由于Three.js是基于JavaScript的，因此理解JavaScript是使用Three.js的前提。在three.js-r133版本中，可以通过JavaScript来加载和操作3D模型，实现交互功能，例如旋转、缩放、移动等。 4. Three.js-r133中的文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值