three.js

three.js-json-loader-sample:ihp的代码示例

three.js json加载程序示例是为ihp提供的javascript和HTML json加载程序编码示例，具有以下特点： THREE.js json加载器和webgl渲染器抗锯齿 HTML5画布作为纹理演示版请访问进行演示版本 0.0.1 科技类 three.js ...

Three.js及React Three Fiber开发

标签： javascript react.js 开发语言

three.js 概念 – three.js是基于原生WebGL封装运行的三维...你可以将它理解为three + js，three表示3D，js表示javascript，那么合起来，three.js就是使用javascript来写3D程序的意思。three.js中文教程:three.js目录。

three.js 入门三：THREE.BoxGeometry 解析

标签： javascript three.js BoxGeometry

three.js 入门三：THREE.BoxGeometry 解析

three.js顶点颜色插值THREE.VertexColors无效

标签：算法 javascript three.js

three.js顶点颜色插值THREE.VertexColors无效

threejs-example:Three.js 的简单例子

标签： JavaScript

Three.js 示例从 Three.js 教程创建的 Three.js 的简单示例：

three.js学习笔记(十三)——真实渲染

标签： javascript 前端 three.js

const directionalLight = new THREE.DirectionalLight('#ffffff',1) directionalLight.position.set(0.25,3,-2.25) scene.add(directionalLight) gui.add(directionalLight, 'intensity').min(0).max(10)

VUE使用Three.js实现模型，点击交互，相机旋转视角跟随移动（Threejs中使用Tweenjs，含demo源码）

标签： vue.js 前端 javascript

VUE使用Three.js实现模型，点击交互，相机旋转视角跟随移动（Threejs中使用Tweenjs，含demo源码）

Vue+Three.js建造3D小房子

标签： vue.js 3d javascript

Vue结合Three.js建造3D小房子，可拖拽可点击，超详细，有源代码。

three.js加载STL格式模型(vue中使用three.js52)

标签： webgl three.js vue

加载OBJ格式模型1.demo效果2.实现要点2.1 STL模型放置路径2.2 加载STL模型3.demo代码 1.demo效果如上图，该demo通过STLLoader加载了STL格式的模型，并添加了紫色材质 2.实现要点 2.1 STL模型放置路径 ...

【愚公系列】2023年08月 Three.js专题-相机控件

标签： javascript 3d 前端

相机控件是一种可以在移动设备上使用的软件工具，它可以让开发者轻松地在应用程序中添加相机功能。相机控件可以提供诸如拍照、录像、闪光灯控制、对焦等功能，并允许开发人员对其进行自定义配置和调整。...

three.js-demo

标签： JavaScript

three.js-demo这是我写的threejs教程的示例代码。原文地址

three.js之几何体-二维平面PlaneGeometry(vue中使用three.js21)

标签： three.js webgl vue

PlaneGeometry可以用来创建非常简单的矩形，创建这种几何体非常简单，const geom = new THREE.PlaneGeometry(width, height, widthSegments, heightSegments) 按照如上语句便可以创建一个简单的二维矩形平面，接下来...

three.js入门一：入门demo讲解

标签： javascript 前端 three.js

threejs：129 vscode window edge 关于threejs：开源web3d引擎 github：https://github.com/mrdoob/three.js/ 官网：https://threejs.org/ 中文教程：http://www.yanhuangxueyuan.com/WebGL/ 1. 入门Demo <!...

Three.js学习笔记①---搭建本地three.js官网（来自B站老陈视频）

标签： javascript 前端学习

three.js

标签： html5 javascript html

说到three.js，我们就不得不提到webGL，说到webGL，我们都知道它是用来实现三维效果的一套规范，既然它是一套规范，那它肯定和canvas一样，有源码有那么它的内核究竟是什么呢？为什么我们见到过的前端3D都是插件，...

Three.js初识:three.js的下载与使用

引用cdn: <script src="https://cdn.bootcss.com/three.js/92/three.js"></script>

Three.js 零基础保姆级教程

标签： js

文章目录一、Three.js 是什么？1.介绍2.环境配置3.WebGL和Three.js学习顺序？二、麻雀虽小而五脏俱全的例子1.引入资源包2.创建场景和添加2个以上的3D对象(可选)3.添加辅助坐标系4.光源和相机设置5.渲染得到结果总结...

关于Three.js THREE.Raycaster射线拾取不准确的原因

标签： javascript 前端 css3

由于浏览器是一个2d视口，而在里面显示three.js的内容是3d场景，所以，现在有一个问题就是如何将2d视口的x和y坐标转换成three.js场景中的3d坐标。然后要关注是否是全屏的canvas。 spriteClick: fu

Web-Game:带有three.js库的网络游戏示例

标签： javascript webgl javascript-game three-js JavaScript

游戏使用，这是一个使WebGL更容易JavaScript库。 WebGL是一个API。它使您可以使用JavaScript访问计算机的专用图形硬件，并使用常规的旧元素将输出呈现到网页上。在使用WebGL之前，只有使用台式机软件才能真正访问...

three.js之高级几何体-管状几何体TubeGeometry(vue中使用three.js33)

标签： three.js webgl vue

TubeGeometry管状几何体介绍和使用1.TubeGeometry管状几何体介绍2.demo说明3.demo代码...该属性用一个THREE.SplineCurve对象来指定管道遵循的路径 segments 否该属性指定管道的分段数，路径越长指定的段数应该越多，

Three.js和其它webgl框架

标签： three.js webgl

WebGL (Web图形库) 是一种JavaScript API，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API，可以在HTML5 元素中使用。（MDN简介）在我的...

【Three.js入门】图形用户界面GUI、BufferGeometry创建矩形、随机生成多个随机颜色的三角形

标签： javascript 前端开发语言

本文主要介绍了图形用户界面（GUI），使用BufferGeometry创建矩形，并在此基础上实现随机生成多个三角形的案例...

【Three.js】十一、three.js使用Tween.js

标签： three.js tween.js WebGL

【Three.js】十一、three.js使用Tween.js tween.js是一个轻量级js库，可用来实现一些动画效果。github地址：https://github.com/tweenjs/tween.js/. cnpm安装方式：cnpm install @tweenjs/tween.js -S 使用方法...