three

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

初始场景只有一个测试白球和gui面板设置把球体材质改为标准网格材质MeshStandardMaterial，再添加平行光constdirectionalLight=newTHREE.DirectionalLight
hongsir_12·2023-09-20 08:56

three.js学习笔记(十)——物理引擎

我们可以利用数学函数和一些解决方案像RayCaster来实现自己的物理效果，但是如果需求更加真实的物理效果，像是物体张力、摩擦力、拉伸、反弹等真实物理效果，最好使用外部库原理我们会创建一个Three.js
hongsir_12·2023-09-20 08:56

three.js学习笔记(一)——GUI工具的使用

Dat.gui是一个GUI组件，他可以为你的demo提供参数的设置官方github安装与引入npminstall--savedat.guiimport*asdatfrom'dat.gui'实例化对象//实例化可视化GUI工具可以通过按H键隐藏GUI面板constgui=newdat.GUI()//可传递参数{closed:true,width:400}//gui.hide()//隐藏GUI面板，可
hongsir_12·2023-09-20 08:25

第五节：Three.js光源的类型【Three.js整理】

Three.js光源类型：环境光THREE.AmbientLight、点光源THREE.PointLight、聚光灯THREE.SpotLight、定向光THREE.DirectionalLight、半球光
web搅拌机·2023-09-20 08:55

25 Three.js的点光源THREE.PointLight

介绍Three.js库中的THREE.PointLight（点光源）是一种单点发光、照射所有方向的光源。比如夜空中的照明弹。
暮志未晚Webgl·2023-09-20 08:53

Three.js学习七——播放模型动画时模型沿着轨迹移动

实现流程基本流程1、搭建场景2、添加模型和播放动画3、添加路径和模型移动工程文件工程文件结构如下图：static：存放静态资源文件three.js-master：为官网下载的
Mr_Bobcp·2023-09-20 08:18

Three.js学习三——借助控制器操作相机

目录Three.js的控制器如何使用控制器完整代码在Three.js学习二——Three.js极简入门中介绍了如何搭建Three.js开发环境并实现一个包含旋转立方体的场景示例，以此为前提，本篇将引进一个控制器的概念并使用
Mr_Bobcp·2023-09-20 08:48

【前端知识】Three 学习日志（五）—— 点光源辅助观察

Three学习日志（五）——点光源辅助观察一、引入点光源辅助观察//光源辅助观察constpointLightHelper=newTHREE.PointLightHelper(pointLight,10
前端Outman·2023-09-20 08:47

【前端知识】Three 学习日志（九）—— 阵列立方体和相机适配体验

Three学习日志（九）——阵列立方体和相机适配体验一、双层for循环创建阵列模型//创建一个长方体几何对象Geometryconstgeometry=newTHREE.BoxGeometry(100,100,100
前端Outman·2023-09-20 07:04

黑泽明

首次观看ThreeRascalsintheHiddenFortress（2020.2.22）五体投地二十年完整学习黑泽明世界，生命情缘人的生命与火共焚虫的生命丢尽火中越想就越感觉这是黑暗世界浮生若梦疯狂下去吧
古拉米華茲·2023-09-20 06:39

Solid, Liquid, Gas

B站视频地址Allthingsaremadeofmatter.Matterhasthreeforms.Theyaresolid,liquid,andgas.Asolidismatterwithitsownshape.Arockandabookaresolids.Evenifwemo
夜落初阳·2023-09-20 04:21

Three.js模型压缩和拆分加载

只能压缩几何体信息，贴图等材质信息不可压缩。1.gltf格式使用gltf-pipeline和DRACOLoaderhttps://github.com/CesiumGS/gltf-pipeline安装gltf-pipelineInstallNode.jsifyoudon'talreadyhaveit,andthen:npminstall-ggltf-pipeline通过命令行使用gltf-pipe
田苗苗_7785·2023-09-20 04:47

枚举学习（一）

先看枚举的用法：publicenumEnumTest{/***枚举一,每一个都是一个枚举类型的变量，其中括号部分是EnumTest这个类型的构造方法*/ONE,/***枚举二*/TWO,/***枚举三*/THREE
Hoker_·2023-09-20 03:04

伴读记（525）

刚巧谁锯了的树头倒在路边，紫黑色的小果子成了元正的目标，揪下一个扔出去，再揪再扔，还“threetwoone，go!”的喊着号子。跷跷板旁，几个小朋友玩烧火锅游戏
元正妈妈·2023-09-19 18:13

Core Audio

CoreAudioCoreAudio编程接口分层（官方文档）ThethreeAPIlayersofCoreAudio.pngLow-LevelServicesI/OKit：与硬件驱动交互AudioHAL
蚂蚁_a·2023-09-19 17:01

第729封信｜致柏舒柏弘

本周主题：Unit49Lesson1ThreeBluePigeons柏舒：晚上你和爸爸过来接我下班，我们一起吃牛蛙锅，看一场电影《你好，李焕英》，买了蛋糕回家给你吃。愉快的一天结束了。
端老师·2023-09-19 17:56

2019-04-30又中又英——Panoramic Sea View

NearmyhomeinTseungKwanOtherearesomenewthree-floorhouseswithbalconies,privateswimmingpools,andapanoramicseaview.Idon
Luca地球之旅·2023-09-19 17:57

three.js——通过顶点和顶点索引创建集合体

通过顶点和顶点索引创建集合体效果图1、创建顶点数据2、创建顶点属性3、创建材质4、创建网格5、改变网格的位置并添加到场景中6、通过顶点索引创建几何图形效果图1、创建顶点数据//创建顶点数据每三个一个顶点逆时针为正面constvertices=newFloat32Array([-1.0,-1.0,0.0,1.0,-1.0,0.0,1.0,1.0,0.0,1.0,1.0,0.0,-1.0,1.0,0.
冯浩(grow up)·2023-09-19 16:28

2021-09-29 The Economist Read

Financeisenteringanewearinwhichthethreenovelbutflawedvisionoftechplatforms,biggovernmentandDeFiwillcompeteandintermingle.Eachembodiesatechnicalarchitectureandanideologyabouthowtheeconomyshouldberun.As
AlwaysOnTheRoad·2023-09-19 12:32

three.js——辅助器AxesHelper和轨道控制器OrbitControls的使用

辅助器AxesHelper和轨道控制器OrbitControls的使用前言效果图1、辅助器AxesHelper:是物体出现辅助的x/y/z轴2、轨道控制器OrbitControls2.1导入OrbitControls文件2.2使用2.3如果OrbitControls改变了相机参数，重新调用渲染器渲染三维场景前言1、AxesHelper官网辅助器使用的方法参数表示坐标系坐标轴线段尺寸大小，你可以根据
冯浩(grow up)·2023-09-19 12:51

three.js——模型对象的使用材质和方法

模型对象的使用材质和方法前言效果图1、旋转、缩放、平移，居中的使用1.1旋转rotation（.rotateX()、.rotateY()、.rotateZ()）1.2缩放.scale()1.3平移.translate()1.4居中.center()2、材质属性.wireframe前言BufferGeometry通过.scale()、.translate()、.rotateX()、.rotateY(
冯浩(grow up)·2023-09-19 12:51

three.js——GUI的使用

GUI的使用效果图1、导入gui2、创建一个GUI对象3、通过gui调用方法name:按钮的名称效果图1、导入gui//导入liguiimport{GUI}from'three/examples/jsm
冯浩(grow up)·2023-09-19 12:19

【前端知识】Three 学习日志（七）—— 动画渲染循环

Three学习日志（七）——动画渲染循环一、旋转动画//渲染函数functionrender(){renderer.render(scene,camera);//执行渲染操作mesh.rotateY(0.01
前端Outman·2023-09-19 12:10

网页3D之babylon.js

最近公司有虚拟仿真方面的想法，所以做了一些网页3D方面的研究，以及代码，这里记录一下框架选择之前用过threejs，所以一开始考虑用threejs做，但是之前用threejs的时候碰到过一个问题：物体位置坐标以及角度的调整太麻烦
要这头发有何用··2023-09-19 08:40

ThreeJs 基础入门

Three.js是一款运行在浏览器中的3D引擎，你可以用它在web中创建各种三维场景，包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解webgl的世界。
了无_数据科学·2023-09-19 07:58

【前端知识】Three 学习日志（三）—— 光源对物体表面的影响

Three学习日志（三）——光源对物体表面的影响一、设置材质为受光照影响//MeshLambertMaterial受光照影响constmaterial=newTHREE.MeshLambertMaterial
前端Outman·2023-09-19 06:58

弗兰克口语：同学你好，请问这是你的逗逼的查理芒格嘛？

WhatisCharlieMunger'sfundamentalIntelligenceallabout,todayIwillshowyouthesethreeitems.在这之前，先放出真人出演的小视频到公众号
Frankly_Ma·2023-09-19 05:23

活到老，学到老。Never too old to learn.

例句：I'vegotthreefinalsnextweek,soI'llbepowerstudyingallweekendlong.我下周有三场期末考试，所以我整个周末都是加速学习。
半夏_8961·2023-09-19 05:12

webgl_gpgpu_birds 样例分析

webgl_gpgpu_birds是一个three.js的官方样例，这个例子模拟了鸟群的运动，是一个群组动画，并且动画的帧率也很高；鸟群的运动很自然，非常值得研究。
从杰·2023-09-19 03:04

three.js webgl_nodes_materials_instance_uniform 例子分析

在three.js的官方例子中webgl_nodes_materials_instance_uniform可以看到场景中有一个格子背景，一个环绕运动的点光源，12个颜色各异的球体网格。
从杰·2023-09-19 03:33

threeJs 样例，webgl2_volume_perlin的修改

three.jswebgl2-volumethree.jswebgl2-volume{"imports":{"three":"..
从杰·2023-09-19 03:32

Cesium与Threejs融合

融合demo一、简介将Cesium与three.js进行融合，从而是3d具备大场景GIS能力，使GIS具备3d能力。
苹果园dog·2023-09-18 20:40

Pattern Matching (MATCH_RECOGNIZE) 学习

RowpatternmatchingwasintroducedbySQL:2016withthreeoptionalfeatures:R010isthebasis:thisfeaturerequiresthematch_recognizeclauseasexplainedabovewiththeaggregatefunctionsmin
分裂四人组·2023-09-18 20:28

哔哩哔哩（bilibili）动态自动批量删除

bilibili批量删除varx=100;//需要删除的条数vardeleteLoop=setInterval(function(){if(x>0){$("[data-type='THREE_POINT_DELETE
你是不是在坐飞机·2023-09-18 20:57

【前端知识】Three 学习日志（二）—— 加强三维空间认识

Three学习日志（二）——加强三维空间认识一、设置辅助观察坐标系//创建3D场景对象Sceneconstscene=newTHREE.Scene();//AxesHelper：辅助观察的坐标系constaxesHelper
前端Outman·2023-09-18 17:18

OSM+three.js打造3D城市

对于我在Howest的研究项目，我决定构建一个3D版本的LucasBebber的“交互式讲故事的动画地图路径”项目。我将使用OSM中的矢量轮廓来挤出建筑物的形状并将它们添加到3js场景中，随后我将对其进行动画处理。一、开发环境为了使用Node和npm包，我选择使用Vite.js。Vite是一款构建工具，旨在为现代Web项目提供更快、更精简的开发体验。它由两个主要部分组成：开发服务器提供比本机ES模
·2023-09-18 15:13

F - New Year Snowmen

AsmeticulousGeraldsetsthetableandcaringAlexandersendsthepostcards,Sergeymakessnowmen.Eachshowmanshouldconsistofthreesnowballs
Go Free919·2023-09-18 12:13

图解LeetCode15：三数之和(排序+双指针方法)

答案中不可以包含重复的三元组示例：输入：nums=[-1,0,1,2,-1,-4]输出：[[-1,-1,2],[-1,0,1]]输入：nums=[]输出：nums=[]输入：nums=[0]输出：[]提示：0>threeSum
牧码文·2023-09-18 11:50

AWS SAA-C03 #152

Acompanyusesathree-tierwebapplicationtoprovidetrainingtonewemployees.Theapplicationisaccessedforonly12hourseveryday.ThecompanyisusinganAmazonRDSforMySQLDBinstancetostoreinformationandwantstominimizeco
冰霜icefrost·2023-09-18 09:25

threejs的使用

threejs介绍：Three.js是一款基于WebGL的JavaScript3D库，用于创建和渲染3D图形场景。
简宁909·2023-09-18 09:05

FOMO3D，POWH3D

先对几个名词作一个解释POWH3D：(powerofweakhandinthreedimensions)可以理解是一个去中心化
包包绿茶·2023-09-18 06:51

2018-10-27

varGLL=function(){this.isMided=false;this.position=newTHREE.Vector3()this.objs=[];this.scale={x:0,y:0
浪巅·2023-09-18 06:01

Leetcode 273. Integer to English Words

ProblemConvertanon-negativeintegernumtoitsEnglishwordsrepresentation.AlgorithmThreeconsecutivedigitmakeonegroup.Simulationprocessingwillsufficeandspecificallydealthenumberlessthan20
小白菜又菜·2023-09-18 05:47

第一个Three的demo实例

Three的第一个Demo前言效果图1、导入threejs2、创建场景3、创建相机4、创建渲染器5、创建几何图形6、创建材质7、创建网格8、将网格添加到场景中9、设置相机的位置10、渲染11、整体代码前言创建第一个
冯浩(grow up)·2023-09-18 04:52

Bash脚本学习：AWK, SED

文档内容为：one,two,threeawk-F,'{print$1}'csvtest.csv输出为：one提取并打印每一行的第一个字段-F
练习两年半的工程师·2023-09-17 23:43

Stateful DHCPv6

Therearethreemethodstoconfigureahostwithaglobalunicastaddress,defaultgateway,DNSserver,andadomainname
yangzex·2023-09-17 21:00

npx的使用与npm

WhatisNPMNodePackageManagerhttps://www.npmjs.com/Thisisthesourcecodeforthethree-wordthingiesthatrandomlyappearintheheaderofthenpmjs.comwebsite.Examplesinclude
xiaoxiezZ·2023-09-17 16:21

如何安装和使用three.js

如何安装和使用three.jsthree.js是什么？Three.js是一款基于JavaScript的开源3D图形库，用于创建和显示各种三维场景、对象和特效。
SoftwareDevOps·2023-09-17 16:04

C语言入门Day_21 函数的使用

我们定义了一个只有一个参数的函数AddThree()，然后我们调用一下它：inta=10;intb;b=AddThree(a);printf("%d\n",n);1.函数名AddTh
fantastic_little·2023-09-17 13:54

vue2+three.js（入门级）

20232.9.12今天我学习了如何使用vue2+three制作一个3d图形，效果：首先安装：npminstallthree相关代码：import*asTHREEfrom'three'exportdefault
爱写代码的派大星·2023-09-17 12:52
上一页 43 44 45 46 47 48 49 50 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他