threejs坦克大战

threejs中dat.gui的使用详细介绍

一、引入vue中引入：import{GUI}from'three/examples/jsm/libs/lil-gui.module.min'二、创建实例constgui=
慢步者_rambler·2023-10-16 17:44

Threejs进阶之三：通过GUI修改gltf模型(摩托车)颜色

上一节我们对摩托车的场景进行了优化，添加了聚光灯及阴影等效果，这一节我们继续对摩托车场景进行优化，我们通过GUI来控制摩托车各个部位颜色的修改先看下修改后的最终效果引入GUI在motor3d.js中通过import引入GUI插件import{GUI}from'three/examples/jsm/libs/lil-gui.module.min.js'//引入GUImotor03.gltf的组成在对
九仞山·2023-10-16 17:42

threejs实例（三）

纹理一般是指我们常见的在一些第三方程序中创建的图像，如Photoshop或GIMP。需要做的就是创建一个TextureLoader。调用它的load方法，同时传入图像的URL，并将材质的map属性设置为该方法的返回值，而不是设置它的color属性。注意，使用的是MeshBasicMaterial，所以没有必要增加。但需要注意的是，并不是所有的几何体类型都支持多种材质。BoxGeometry和Box
prince132·2023-10-16 17:09

threejs创建GUI参数的时候，明明写了默认值，以及滑块，但不出现滑块

constgui=newGUI();letparams={far:'2000'}constfolder=gui.addFolder('相机参数');folder.add(params,'far',0,2000,10);我照着官方案例写的，但是写的时候下意识加了单引号，导致把数字类型变成了字符串类型，从而不被识别，出现了只显示2000这个数字而没有对应滑块的情况。前端编程就是这点麻烦，有很多时候出现
dalaomanzou·2023-10-16 17:07

three.js入门到实战

学习之前示例演示参考资料api查询：http://www.webgl3d.cn/threejs/docs/index.html#代码地址：https://github.com/mrdoob/three.js
我们一起学前端·2023-10-16 11:08

ThreeJS-3D教学十-有宽度的line

默认threejs的线宽是无法调节的，需要用有厚度的线THREE.Line2。
天外天-亮·2023-10-16 11:58

pygame坦克大战

以下是一个简单的坦克大战游戏。
宇龙神·2023-10-16 03:58

ThreeJS-3D教学九-line的绘制

three.js画线比较繁琐一些，我们先展示正常的操作，先看效果图：本案例用到的方法是：LineBasicMaterial和LineSegments。1、材质Three.js中提供了两种线条材质：LineDashedMaterialconstmaterial=newTHREE.LineDashedMaterial({color:0xffffff,linewidth:1,scale:1,dashSi
天外天-亮·2023-10-16 02:32

视图平截锥体（view frustum）几何体渲染 -ThreeJS camera例子

视图平截锥体（viewfrustum）几何体渲染threejs中webgl_camera例子中渲染出了视图平截锥体的形状，其实现了frustumgeometry对象用于专门负责viewfrustum几何体数据的生成
绿风烟·2023-10-15 08:07

用 Three.js 创建一个酷炫且真实的地球

先添加一个球体我们用threejs中的SphereGeometry来创建球体，给他贴一张地球纹理。
sky.....·2023-10-15 01:38

落地成盒？前端必收藏的干货：threeeJs插件Gui添加盒子功能

各位宝宝们,时隔这么久,终于又要继续我们的threeJs教程啦!我们这次还是学习我们threejs插件Gui。在之前教程中,我们学习了Gui的基本使用,这节课我们学习使用Gui插件添加盒子功能。
源码时代官方·2023-10-14 21:03

threeJS-Helper14-SpotLightHelperAndCameraHelper(聚光灯显示和相机显示助手)

博主的案例并不难，只是为了更好的给想入门threeJS的同学一点点经验！！！！！本章节学习的内容可以从的官方文档中找到。
webgl_谷子·2023-10-13 14:13

threeJS-Helper04-CameraHelper（相机助手）

博主的案例并不难，只是为了更好的给想入门threeJS的同学一点点经验！！！！！
webgl_谷子·2023-10-13 14:12

THREEJS基础入门

大家好啊，又是长时间没更新，最近在学习threejs，发现很好玩，于是大概学习了一下什么是threejs，很简单，你将它理解成three+js就可以了。
Ss、、帅海·2023-10-13 13:37

Three.js基础入门系列（六）

01Three.js中的相机插件OrbitControls.js通过Three.js的相机控件OrbitControls.js可以对Threejs的三维场景进行缩放、平移、旋转操作，本质上改变的并不是场景
骨灰级收藏家·2023-10-13 13:03

threejs GLTFLoader

package.json{"name":"gltf-loader-code","version":"1.0.0","main":"index.js","license":"MIT","scripts":{"start":"webpack-dev-server"},"dependencies":{"three":"0.110.0"},"devDependencies":{"html-webpack-
antlove·2023-10-13 10:54

Three.js的相机控件OrbitControls.js

通过Three.js的相机控件OrbitControls.js可以对Threejs的三维场景进行缩放、平移、旋转操作，本质上改变的并不是场景，而是相机的参数，通过前面的学习应该知道，相机的位置角度不同，
心淡然如水·2023-10-13 05:04

ThreeJS-3D教学八-OBJLoader模型加载+动画

先看效果图：本篇给大家介绍下模型加载的知识，用到了OBJLoader对应的模型，为了增加趣味性，花了些时间，利用newTHREE.Points获取到模型上的点，做了一个动画效果，其实就是操作Y轴上的点，先降低上0，然后再还原，代码如下：Titlebody{width:100%;height:100%;}*{margin:0;padding:0;}.label{font-size:20px;colo
天外天-亮·2023-10-11 12:30

我用Python写了几个摸鱼小游戏，赐你2023年度上班上学摸鱼必备良品！（附源码）

文章目录前言一丶超级玛丽二、沙漠打地鼠三、贪吃蛇四、坦克大战五、五子棋前言获取python整套完整教程，3263学习笔记，源码，项目实战，全部在手，python不愁~~~Python学习资料点击领取福利例如
Python无霸哥·2023-10-10 21:34

Unity开发笔记（五）—— 制作第四个小游戏《坦克大战》

目录使用VS传统方法制作使用Unity制作使用VS传统方法制作写在前面的话C#可以干什么？桌面应用开发（用的少，现在市面上的桌面应用大部分是C++开发的）Unity游戏开发Web开发（用的少，现在市面上的网站是Java/PHP开发的）开发工具：Unity、VS注意：杀毒软件可能会把开发完成阶段生成的exe文件误当成病毒删除，所以使用时注意关闭一、准备进入项目后可以看到Form1.cs的设计模型框鼠
呼叫冰河谷·2023-10-10 16:52

vue中使用threejs注意事项

最近在vue项目中使用threejs一下都是踩过的雷点卡顿问题在vue中three.js的相机,场景,渲染器,控制器,都不能放在data中,否则会导致项目运行使用出来后很卡//将以上的东西放在mounted
久..·2023-10-10 13:39

threejs 创建场景，轨道控制器以及天空盒子

前言一、新建场景1场景2相机3渲染器4坐标轴5辅助网格二、引入轨道控制器1.引入库2.创建轨道控制器三创建天空盒子前言快速认识threejs开发基础代码干货整理；开发环境是nodejs环境；安装:npminstall
杨大大28·2023-10-10 00:33

从引入开始学习Three.js

循环动画函数（自带的requestAnimationFrame）1、渲染循环实现旋转动画2、计算两帧时间间隔3、渲染循环+OrbitControls（相机）8、canvas画布宽高度动态变化9、stats查看threejs
Ciwei蓝·2023-10-10 00:57

Threejs进阶之六：使用EffectComposer后处理实现点击模型发光效果

这一节我们继续对前面的摩托车模型进行研究，前面我们实现了点击摩托车模型的各个部分时弹出HTML标签显示该部分的信息，这一节我们加入后期处理效果，EffectComposer来实现点击模型使其发光的效果，先看下最终的效果图，整体看起来还不错，下面我们来实现它，老规矩，在实现上面的效果之前，我们先来认识下EffectComposerEffectComposer效果合成器EffectComposer是T
九仞山·2023-10-09 19:49

vue3和threejs单击按钮模型高亮显示

文章目录一、在组件中引入three.js依赖的文件二、在setup函数中定义全局变量三、在setup函数中创建outlineObj(selectedObjects)，参数为选中的模型所组成的数组[]四、必须在animate函数中执行composer.render()总结一、在组件中引入three.js依赖的文件import{EffectComposer}from"three/examples/js
青春最美，庆幸遇见karry·2023-10-09 18:46

threejs单击选中模型高亮显示/选中模型发光

目录效果图（颜色和呼吸灯时间可调节）：1.本例子是在vue中实现，引入依赖文件：2.data中定义全局变量3.必须在render()方法中执行composer.render()4.调用方法outlineObj(selectedObjects)，参数为选中的模型所组成的数组[].效果图（颜色和呼吸灯时间可调节）：1.本例子是在vue中实现，引入依赖文件：import*asTHREEfrom'thre
冉冉胜起·2023-10-09 18:15

threejs点击模型实现模型边缘高亮的选中效果--更改后提

题解|#输出单向链表中倒数第k个结点#importjava.util.Scanner;//注意类名必须为Main,不要有任何packagexxx信息publicclassMain深信服24届校园招聘内推码：NTAXX2e（投递简历时填写优先推荐）深信服24届offer数量投top1岗位—【客户经理】&【售前产品经理】专项招聘火热进行中！本科23万题解|#华为OD-寻找连续区间#题目给定一个目标值x
愤怒的小青春·2023-10-09 18:45

threejs

初识threejs最近在项目中遇到一些需要threejs的知识，特此撰写一篇相关文档记录一下自己的threejs学习。
1rving·2023-10-09 13:54

ThreeJS-3D教学六-物体位移旋转

之前文章其实也有涉及到这方面的内容，比如在ThreeJS-3D教学三：平移缩放+物体沿轨迹运动这篇中，通过获取轨迹点物体动起来，其它几篇文章也有旋转的效果，本篇我们来详细看下，另外加了tween.js知识点
天外天-亮·2023-10-09 11:11

ThreeJS-3D教学七-交互

在threejs中想要选中一个物体，点击或者鼠标悬浮，又或者移动端的touch事件，核心都是通过newTHREE.Raycaster完成的。
天外天-亮·2023-10-09 11:28

【threejs】基本编程概念及海岛模型展示逻辑

采用three封装模式完成的海岛动画（点击这里查看）直接上代码吧{{loadingProcess}}%1灯塔：矗立在海岸的岩石之上，白色的塔身以及红色的塔屋，在湛蓝色的天空和深蓝色大海的映衬下，显得如此醒目和美丽。2小船：梦中又见那宁静的大海，我前进了，驶向远方，我知道我是船，只属于远方。这一天，我用奋斗作为白帆，要和明天一起飘扬，呼喊。3沙滩：宇宙展开的一小角。不想说来这里是暗自疗伤，那过于矫情
Li_Ning21·2023-10-09 08:29

2、threejs官网本地化部署启动和Parcel热加载：Web应用打包工具介绍及使用

一、Three.js官网背景：threejs是国外的网站，访问有时候比较卡，所以建议本地化部署启动一下，方便随时访问学习。
30岁老阿姨·2023-10-09 08:27

本地搭建Three.js官网文档网站

因为Threejs官网是国外服务器,为了方便学习和快速的查阅文档,我们可以自己搭建Three.js官网.首先进入Threejs的GitHub仓库:GitHub-mrdoob/three.js:JavaScript3DLibrary
开发那点事儿~·2023-10-09 08:54

（一）ThreeJS本地环境搭建

目录1、本地部署threeJS环境2、部署过程2.1、three开源地址2.2、代码下载2.3、依赖安装2.4、项目启动1、本地部署threeJS环境threeJSAPI、编辑器、示例代码部署在外网节点
轮回的秋·2023-10-09 08:53

Threejs进阶之十五：在Thereejs 使用自定义shader

目录最终效果什么是ShaderShaderMaterial类常用属性uniforms属性vertexShader属性fragmentShader属性代码实现新建ShaderView.vue文件并引入Threejs
九仞山·2023-10-09 01:43

游戏

曾几何时，我也是个游戏迷，俄罗斯方块，魂斗罗，超级玛丽，偷金子，坦克大战，小蜜蜂，……都是我们最熟悉又拿手的第一代小游戏，尽管那时已是三四十岁的人，照样痴迷着魔，废寝忘食！
胖胖鱼儿·2023-10-08 19:06

ThreeJS-3D教学五-材质

我们在ThreeJS-3D教学二：基础形状展示中有简单介绍过一些常用的材质，这次我们举例来具体看下效果：代码是这样的：Titlebody{width:100%;height:100%;}*{margin
天外天-亮·2023-10-08 06:56

HTML5开发实例-3D全景(ThreeJs全景Demo) 详解（图）

前言在现在市面上很多全景H5的环境下，要实现全景的方式有很多，可以用css3直接构建也可以用基于threeJs的库来实现，还有很多别的制作全景的软件使用本教学适用于未开发过3D全景的工程狮如果觉得内容太无聊可以直接跳到最后下载代码理论整个
lmr廖·2023-10-08 06:21

threejs 透明贴图，模型透明，白边

问题使用Threejs加载模型时，模型出现了上面的问题。模型边缘部分白边，或者模型出现透明问题。原因出现这种问题是模型制作时使用了透明贴图。threejs无法直接处理贴图。
小和尚敲木头·2023-10-07 18:37

坦克大战（c++）

温馨提醒：请全屏游玩#include#include#includeintpf;#defineW1//上#defineS2//下#defineA3//左#defineD4//右#defineL999999999//坦克有4条命voidHideCursor(){//隐藏光标CONSOLE_CURSOR_INFOcursor_info={1,0};SetConsoleCursorInfo(GetStd
Dream MC·2023-10-07 14:08

iOS 初识SceneKit

SceneKit是苹果公司对Metal或OpenGL封装的3D渲染框架，可以快速3D渲染项目的项目，有点类似js中ThreeJs。轻松添加动画、物理模拟、粒子效果和逼真的物理渲染。
星星编程·2023-10-05 04:48

threejs 加载材质

package.json{"name":"threejs-texture","version":"1.0.0","main":"index.js","license":"MIT","scripts":{
antlove·2023-10-04 19:59

WEB 3D 技术，通过node环境创建一个three案例

好文章前端3DThree.js在本地搭建一个官方网站中我们搭建了一个Three的官网现在呢我们就来创建第一个ThreeJs的资源这里呢我们还是选择一个脚手架的开发模式因为现在基本所有的前端都在使用这样的开发方式这里我们创建一个文件夹目录作为我们项目的存放目录我们在这个目录下打开终端输入
深圳市有德者科技有限公司-耿瑞·2023-10-03 06:09

基于Threejs实现glb三维模型的预览

本文重点介绍如何基于Threejs对glb三维模型进行预览，关于threejs和三维建模等不在本文讨论之内，想详细了解threejs和glb三维模型的，请自行百度学习。
夜郎king·2023-10-03 00:47

Threejs系列--7游戏开发加载glb模型之牛刀小试

Threejs系列--7游戏开发加载glb模型之牛刀小试终极效果展示开发环境搭建目录结构重要依赖代码html模板内容main.ts游戏主场景role.ts角色构建helper.ts辅助线events.ts
小猴子喝牛奶·2023-10-03 00:16

threejs封装加载 .glb 格式模型，修改贴图

之前写项目时，模型默认加载出来的样例图，项目中可旋转组件/***组件使用*1、安装依赖：npminstallthree-D*2、使用的页面引用组件*3、引入加载的模型，浏览器会打印通道数据*4、通过定义好的类、函数修改贴图*//***参数说明*@parameldom节点*@paramlist模型渲染贴纸*@parammodelUrl模型地址*@paramspeed旋转速度*@paramsize模型
前端小袁·2023-10-03 00:15

THREEJS - 获取场景中模型数据

在一些场景中，我们需要展示场景内的模型数据，如模型的数量、面片数以及顶点数等，下面给大家提供的就是对应的统计函数，在场景加载结束后，传入对应的scene即可：/***获取场景内模型数量、顶点数及面片数*@param{*}view：需要计算的场景视图即scene*/functiongetSceneModelFaceNum(view){letscene=view;letobjects=0;//场景模型
Crimaster·W·2023-10-03 00:14

ThreeJS - 封装一个GLB模型展示组件（TypeScript）

一、引言最近基于Three.JS，使用class封装了一个GLB模型展示，支持TypeScript、支持不同框架使用，具有多种功能。（下图展示一些基础的功能，可以自行扩展，比如光源等）二、主要代码本模块依赖：three、@types/three，请先下载这两个npm包yarnadd three @types/three  或  npmi three @types/three 使用了class进行封
l煎饼果子·2023-10-03 00:43

基于Qt Creator开发的坦克大战小游戏

使用VS2022+Qt5.9开发的坦克大战小游戏，使用的技术有QPainter绘制
ACE叫牌·2023-10-02 08:10

坦克大战系列二：从零编写【坦克大战】

我方坦克发射单颗子弹2.敌方坦克发射子弹3.击中敌方坦克4.爆炸效果5.敌方坦克自由移动6.移动范围问题7.我方坦克发射多颗子弹8.敌方发射的子弹消亡后可以再发射子弹9.我方坦克爆炸上文中,我们学习到了坦克大战系列一
~ 小团子·2023-10-02 03:57
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他