three.js开发指南

three.js 3D室内设计 - 1

效果图核心代码exportdefault({data(){return{test:"改变相机位置",scene:'',renderer:"",camera:"",controls:"",//鼠标控件fh:2,//地面高度wallHeight:18,wallWeight:1}},methods:{//初始化场景initScene(){this.scene=newTHREE.Scene()},//初始
笑望灬星辰·2024-01-23 09:58

web3d-three.js场景设计器-天空包围盒-TWEEN.js

THREE.JS实现场景天空包围盒，为了让场景背景更具体，而不是呆板的纯色，可以给厂家添加围绕的包围盒。
11eleven·2024-01-23 09:55

three.js从入门到精通系列教程041 - 使用全景图设置场景背景,通过立方相机CubeCamera查看室内全景

three.js从入门到精通系列教程041-使用全景图设置场景背景,通过立方相机CubeCamera查看室内全景varmyCubeCamera,myCamera,myScene,myRenderer;varlon
smartsmile2012·2024-01-23 09:25

three.js从入门到精通系列教程005 - three.js使用鼠标拖拽缩放浏览全景图

three.js从入门到精通系列教程005-three.js使用鼠标拖拽缩放浏览全景图varisMouse=false,myMouseX=0,myMouseY=0,myLongitude=0,myLatitude
smartsmile2012·2024-01-23 08:53

H5的3D游戏开源框架

在H5的3D游戏框架中，Three.js、Babylon.js和Turbulenz是比较受欢迎的选择。
WebCsDn_TDCode·2024-01-22 19:46

鸿蒙开发系列教程（二）--基础应用

1、官方开发文档https://www.harmonyos.com/开发–>应用开发、设备开发自行查看对应文档设计指南开发指南2、UI框架HarmonyOS提供了一套UI开发框架，即方舟开发框架（ArkUI
huazi99·2024-01-22 13:05

threejs中物体加发光效果

https://github.com/mrdoob/three.js/releases?page=4此文章没有过多说明，只为记录，便于后面工作使用。
前端大颖颖·2024-01-22 12:24

Three.js 学习笔记之模型(学习中1.20更新) | 组 - 模型 - 几何体 - 材质

文章目录模型=几何体+材质层级模型组-THREE.Group递归遍历模型树结构object3D.traverse()模型点模型Points-用于显示点线模型Line|LineLoop|LineSegments网格模型mesh-三角形网格模型独有的属性与方法几何体BufferGeometry缓冲类型几何体BufferGeometry-基类创建几何体的方式BufferAttributeTypes定义顶
nuise_·2024-01-21 21:30

three.js从入门到精通系列教程034 - 创建PointLight光源和辅助线

three.js从入门到精通系列教程034-创建PointLight光源和辅助线//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true})
smartsmile2012·2024-01-21 16:43

three.js从入门到精通系列教程035 - 创建SpotLight聚光灯光源和辅助线

three.js从入门到精通系列教程035-创建SpotLight聚光灯光源和辅助线varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:43

three.js从入门到精通系列教程033 - 创建DirectionalLight光源和辅助线

three.js从入门到精通系列教程033-创建DirectionalLight光源和辅助线varmyRenderer=newTHREE.WebGLRenderer({antialias:true});
smartsmile2012·2024-01-21 16:42

three.js从入门到精通系列教程029 - three.js利用贴图实现地球全貌地图

three.js从入门到精通系列教程029-three.js利用贴图实现地球全貌地图//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程030 - three.js创建五彩斑斓的旋转立方体

three.js从入门到精通系列教程030-three.js创建五彩斑斓的旋转立方体//创建顶点着色器varyingvec2vUv;voidmain(){vUv=uv;vec4mvPosition=modelViewMatrix
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程023 - three.js利用ExtrudeGeometry创建多个拉伸缓冲几何体支持旋转缩放

three.js从入门到精通系列教程023-three.js利用ExtrudeGeometry创建多个拉伸缓冲几何体支持旋转缩放//创建渲染器varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程028 - three.js通过多面材质创建类似魔方的立方体

three.js从入门到精通系列教程028-three.js通过多面材质创建类似魔方的立方体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程016 - three.js通过OrbitControls对立方体实现旋转和缩放

three.js从入门到精通系列教程016-three.js通过OrbitControls对立方体实现旋转和缩放/*通过OrbitControls.js可以对Threejs的三维场景进行缩放，平移，旋转操作
smartsmile2012·2024-01-21 16:41

three.js从入门到精通系列教程020 - three.js通过贴图使用图像材质创建立方体

three.js从入门到精通系列教程020-three.js通过贴图使用图像材质创建立方体//创建渲染器，antialias表示是否启用抗锯齿varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:41

three.js从入门到精通系列教程021 - three.js通过贴图使用图像材质创建圆环救生圈

three.js从入门到精通系列教程021-three.js通过贴图使用图像材质创建圆环救生圈//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-21 16:41

three.js从入门到精通系列教程013 - three.js创建多次旋转连接的圆环结

three.js从入门到精通系列教程013-three.js创建多次旋转连接的圆环结//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true
smartsmile2012·2024-01-21 16:11

three.js从入门到精通系列教程014 - three.js创建几何体圆台

three.js从入门到精通系列教程014-three.js创建几何体圆台//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:11

three.js从入门到精通系列教程009 - three.js创建球体和圆柱体

three.js从入门到精通系列教程009-three.js创建球体和圆柱体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});varmyWidth
smartsmile2012·2024-01-21 16:10

three.js从入门到精通系列教程010 - three.js创建旋转圆柱体

three.js从入门到精通系列教程010-three.js创建旋转圆柱体varmyWidth=480,myHeight=320,k=myWidth/myHeight,s=120;//创建渲染器varmyRenderer
smartsmile2012·2024-01-21 16:10

three.js从入门到精通系列教程003 - three.js透视相机（PerspectiveCamera）

three.js从入门到精通系列教程002-three.js透视相机（PerspectiveCamera）//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-21 16:40

three.js从入门到精通系列教程006 - three.js创建旋转立方体BoxGeometry

three.js从入门到精通系列教程006-three.js创建旋转立方体BoxGeometry//创建渲染器varmyWidth=480,myHeight=320;varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:40

three.js从入门到精通系列教程032 - 使用多张贴图实现立方体骰子模型

three.js从入门到精通系列教程032-使用多张贴图实现立方体骰子模型//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:08

【rust/bevy】使用points构造ConvexMesh

目录说在前面问题提出Rapier具体实现参考说在前面操作系统：win11rust版本：rustc1.77.0-nightlybevy版本：0.12问题提出在three.js中，可以通过使用ConvexGeometry
o0o_-_·2024-01-21 10:29

教育学书单

博比特《课程》4.阿普尔《意识形态与课程》5.麦克▪扬《未来的课程》6.斯腾豪斯《课程研究与编制导论》7.派纳《理解课程》8.佐藤学《课程与教师》9.多尔《后现代课程观》10.波斯纳《学程设计：教师课程开发指南
一头小冒冒·2024-01-21 06:43

Qt 文件和文件夹操作

文件和文件夹操作复制文件设置文件的访问权限删除文件删除单个文件批量删除文件示例获取文件信息批量修改文件名写文本文件读文本文件压缩和解压缩文件解压压缩XML文件读写注册表文件读写资源：Qt帮助文档Qt5.9c++开发指南第七章复制文件
cd-qz·2024-01-20 17:58

Python桌面程序开发指南

引言：Python是一种功能强大且易于学习的编程语言，被广泛应用于各个领域。在软件开发中，Python也有着广泛的应用，特别是在桌面程序开发方面。本文将介绍如何使用Python来开发桌面程序，并提供一些实用的技巧和最佳实践。一、Python桌面程序的概述Python桌面程序是指使用Python语言编写的可以在计算机桌面上运行的软件应用程序。这些程序可以提供各种功能，如文件管理、数据处理、图形界面等
tester Jeffky·2024-01-20 12:52

three.js从入门到精通系列教程002 - three.js正交相机OrthographicCamera

three.js从入门到精通系列教程002-three.js正交相机OrthographicCamera/*varrenderer=newTHREE.WebGLRenderer({//创建渲染器对象//
smartsmile2012·2024-01-20 09:13

WEB 3D技术 three.js 3D贺卡(2) 加入天空与水面效果

上文WEB3D技术three.js3D贺卡(1)搭建基本项目环境我们简单搭了一个贺卡雏形然后我们要引入一个hdr的一个天空的效果所以我们需要在代码中导入RGBELoader//导入RGBELoaderhdr工具import{RGBELoader}from"three/examples/jsm/loaders/RGBELoader";这里大家可以选择下载我的hdr资源WEB3D技术three.js3
-耿瑞-·2024-01-20 08:26

SQLAlchemy ORM指南：简化数据库操作的最佳实践

SQLAIchemy开发指南背景：SQLAlchemy是一个数据库的ORM框架，让我们操作数据库的时候不要再用SQL语句了，跟直接操作模型一样。
acmakb·2024-01-20 07:07

GPT应用开发：GPT插件开发指南

欢迎阅读本系列文章！我将带你一起探索如何利用OpenAIAPI开发GPT应用。无论你是编程新手还是资深开发者，都能在这里获得灵感和收获。本文，我们将继续展示聊天API中插件的使用方法，让你能够轻松驾驭这个强大的工具。插件运行效果首先给大家展示下插件的运行效果，如下图所示：可以看到，每次询问GPT，它都会返回指定城市的实时天气信息，这个天气是真实的，不是GPT瞎编的，是GPT通过一个实时天气插件查询
液态不合群·2024-01-20 04:44

day3-4 three.js学习笔记

1.天空盒一个包含3D世界的正方体，一共六面，像一盒子一样把我们的场景包裹在内创建一个数组，用来存储天空盒中正方体每一面的贴图材质。然后使用纹理加载器TextureLoader加载图像。最后，我们将创建一个boxGeometry几何体，并将其与我们之前创建的数组一起用于创建一个立方体。需要将材质的side属性设置为THREE.backside渲染天空盒的关键scene.add(skybox);an
github_czy·2024-01-20 02:25

前端开发 | 鸿蒙(HarmonyOS)应用开发指南

1.概述1.1简介鸿蒙（即HarmonyOS，开发代号Ark，正式名称为华为终端鸿蒙智能设备操作系统软件）是华为公司自2012年以来开发的一款可支持鸿蒙原生应用和兼容AOSP应用的分布式操作系统。该系统利用“分布式”技术将手机、电脑、平板、电视、汽车和智能穿戴等多款设备融合成一个“超级终端”，使用户便于操作和共享各种设备的资源。1.2本文读者收获帮助开发者全面了解HarmonyOS系统引导开发者从
360技术·2024-01-20 01:17

WEB 3D技术 three.js 3D贺卡(3) 点光源灯光动画效果

经过上文WEB3D技术three.js3D贺卡(2)加入天空与水面效果我们将水面和天空的效果搭建了一下那么我们将四周点光源的效果做一下首先我们将renderer.toneMappingExposure的值改为0.1让效果看着明显一点这样整个界面就会暗下来然后我们在任意位置加入代码//添加点光源constpointLight=newTHREE.PointLight(0xff0000,100);poi
-耿瑞-·2024-01-19 09:09

three.js 缓动算法.easing(渐入相机动画)

效果：淡入，靠近物体代码：设备A设备B整体保存图片//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";importTWEENfrom"@tweenjs/tween.js";exportdefault{data(){return{scene:null,c
汉武大帝··2024-01-19 09:16

MaxKey 单点登录认证系统——开发环境部署

开发指南|MaxKey单点登录认证系统修改配置文件application-maxkey.properties、application-maxkey-mgt.properties配置nacos配置数据库开发环境启动
努力的Ethan·2024-01-19 03:55

编程判断输入一个文件是否为可执行文件_【正点原子FPGA连载】第三章Linux C编程入门-领航者ZYNQ之linux开发指南...

1）实验平台：正点原子领航者ZYNQ开发板2）平台购买地址：https://item.taobao.com/item.htm?&id=6061601087613）全套实验源码+手册+视频下载地址：http://www.openedv.com/docs/boards/fpga/zdyz_linhanz.html4）对正点原子FPGA感兴趣的同学可以加群讨论：8767449005）关注正点原子公众号，
weixin_39976153·2024-01-19 02:33

Three.JS教程1环境搭建、场景与相机

Three.JS教程1环境搭建、场景与相机一、Three.JS简介二、环境搭建1.开发准备2.安装three.js3.新建文件`index.html``main.js`4.关于附加组件5.启动三、创建场景
编程圈子·2024-01-18 18:56

着色器语言GLSL学习

1初步尝试import{Scene,WebGLRenderer,OrthographicCamera,PlaneGeometry,ShaderMateria}from'three.js'constscene
涵。·2024-01-18 17:42

three.js 点按钮,相机飞行靠近观察设备

效果：点击按钮或直接点击模型都可以实现运动效果代码：设备A设备B整体保存图片//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";importTWEENfrom"@tweenjs/tween.js";exportdefault{data(){return
汉武大帝··2024-01-18 16:13

【Three.js】第四章 Local Server本地服务器

04.LocalServer本地服务器介绍上节课我们实现的加载Three.js的方式是最简单的。不幸的是，它有两个缺点及主要限制。首先，我们只能访问“核心”类。
顽皮宝·2024-01-18 11:16

Three.js Tri-panner (三面贴图) 材质 两种实现方式

文章目录介绍自定义shaderNodeMaterial修复：骨骼材质特殊处理修复：使用法相贴图时整体变色介绍Tri-panner在babylonjs中有支持但是three.js目前的基础材质并不支持需要自己定义
Jedi Hongbin·2024-01-18 09:40

THREE实战3_理解光源

白色反射所有光（白色的物体利于测试灯光）Three.js的光源类1.环境光把颜色添加到整个场景和对象的当前颜色上maya环境光测试一个蓝色的环境光渲染灰色boxTHREE代码重构环境光的特点：光源颜色影响整个场景没有特定的光源
yma16·2024-01-18 03:46

THREE实战1_代码重构点、线、面

THREE.JS的右手坐标系右手大拇指指向X轴，食指指向Y轴，中指指向Z轴。酷！
yma16·2024-01-18 03:16

vue3+threejs可视化项目——引入threejs加载钢铁侠模型（第二步）

threejs框架Three.js是一个用于在Web浏览器上创建和显示3D
yma16·2024-01-18 03:15

three.js入门

前言：three.js是什么？Three.js是一个轻量级跨浏览器JavaScript库/API，用于在Web浏览器上创建和显示动画3D计算机图形。
北乎下周·2024-01-17 22:13

第四章 QTime、QDate、QDateTime和QCalendarWidget

.QDate类3.QDateTime类4.日期时间数据与字符串的转换二、日期时间数据的界面组件1.QDateTimeEdit及其子类2.QCalendarWidget类三、代码实现参考：《Qt6C++开发指南
_哇呀呀_喝断当阳桥·2024-01-17 21:36

Next.js 开发指南（GitHub 115k star）

Next.js是一个构建于Node.js之上的开源Web开发框架，它扩展了最新的React特性，集成了基于Rust的JavaScript工具，可以帮助你快速创建全栈Web应用（full-stackWebapplications）。对于有一定React基础的同学，Next.js毫无疑问是进阶全栈工程师的最佳选择！React官方文档优先推荐的创建项目的方式便是使用Next.js。目前Next.js在G
前端组件开发·2024-01-17 14:13
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他