threejs坦克大战第7页

Threejs_06 多材质的实现

Threejs同一个几何体如何实现多材质呢？

Web阿成·2023-11-24 01:03

大学生C语言“巅峰”之作，简单实现推箱子大战游戏！

曾经的坦克大战、推箱子、贪吃蛇都是我们以前玩过的小游戏，然而现在随着大型单机、网络游戏的光芒照耀下，那些曾经的小游戏都渐渐消失了，也或许是我们都已经长大了吧。

Python编程导师·2023-11-22 22:24

Three.js教程：透视投影相机

其他系列工具：NSDT简石数字孪生Threejs如果想把三维场景Scene渲染到web网页上，还需要定义一个虚拟相机Camera，就像你生活中想获得一张照片，需要一台用来拍照的相机。

ygtu2018·2023-11-21 23:59

Threejs 源码解析（WebGLState.js）重要

解释有什么问题，说一下，不喜勿喷，转载请注明：七岁https://blog.csdn.net/qq_25909453/article/details/82704620/***@authormrdoob/http://mrdoob.com/*/import{NotEqualDepth,GreaterDepth,GreaterEqualDepth,EqualDepth,LessEqualDepth,L

那年我七岁·2023-11-21 10:36

绘制当前触控操作，自定义View（画随指动）

实现手指点击和触摸移动时，图片跟随移动，想象成简陋的坦克大战即可直接上代码：第一步：先自定义一个View类，用作绘制ViewpublicclassMoveViewextendsView{privateBitmapbitmap

肥得流油·2023-11-21 05:23

Threejs之后处理EffectComposer

参考资料后处理(发光描边OutlinePass)…抗锯齿后处理知识点注：基于Three.jsv0.155.0后处理(发光描边OutlinePass)：EffectComposer、RenderPass、OutlinePassOutlinePass描边样式：visibleEdgeColoredgeThicknessedgeStrengthpulsePeriodBloom发光通道：UnrealBloo

开心就是最好·2023-11-19 18:56

Threejs之射线拾取模型

参考资料射线Ray…射线拾取Sprite控制场景知识点注：基于Three.jsv0.155.0射线RayRaycaster(射线拾取模型)屏幕坐标转标准设备坐标Raycaster(鼠标点击选中模型)Canvas尺寸变化(射线坐标计算)射线拾取层级模型(模型描边)射线拾取Sprite控制场景代码实现Three.js{"imports":{"three":"./js/three.module.js",

开心就是最好·2023-11-19 18:21

ThreeJS教程源码大全之如何将 3D Blender 对象作为 glTF 文件导入 Three.js 项目

项目运行效果如何将3DBlender对象作为glTF文件导入Three.js项目如何将3DBlender对象作为glTF文件导入Three.js项目实战需求如果您使用Three.js编写3D可视化，迟早您会想要超越使用库的基本原生形状，并开始使用包裹在UV贴图材质中的复杂自定义3D对象。Blender是一款出色的免费开源软件，用于创建精美的3D对象。由于Three.js放弃了对其Blender导出

iCloudEnd·2023-11-19 06:35

Java基础练手游戏，坦克大战(1)

一些基础知识Java绘图坐标体系坐标体系-介绍下图说明了Java坐标系。坐标原点位于左上角，以像素为单位。在Java坐标系中，第一个是x坐标，表示当前位置水平方向，距离坐标原点x个像素；第二个是y坐标，表示当前位置为垂直方向，距离左边原点y个像素。坐标体系-像素1.绘图还必须要搞清一个非常重要的概念-像素一个像素等于多少厘米？2.计算机在屏幕上显示的内容都是由屏幕上的每一个像素组成的。例如，计算机

Benaso·2023-11-19 04:54

threejs、TWEEN、光晕效果的简单使用

依赖npmithree引包import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{OBJLoader}from'three/examples/jsm/loaders/OBJLoader.js'import{FBXLoader}from'three/e

且白·2023-11-17 11:54

Three.js的着色器材质(ShaderMaterial)

ShaderMaterial简介：http://www.webgl3d.cn/threejs/docs/index.html#api/zh/materials/ShaderMaterialThree.js

GIS技术杂谈·2023-11-16 12:24

着色器应用-以threejs为例

准备内置变量threejs中的变量含义uv纹理坐标值gl_Position裁剪坐标值position模型坐标系

迦南giser·2023-11-16 12:23

threejs 着色器修改内置材质

想要修改内置材质需要在编译shader程序之前执行修改操作,我们用到material下的onBeforeCompile创建材质我们先将shader打印出来看下都有哪些内容,可以看到顶点着色器有以下内容接着去threejs

榴莲不好吃·2023-11-16 12:22

threejs(13)-着色器设置点材质

着色器材质内置变量three.js着色器的内置变量，分别是gl_PointSize：在点渲染模式中，控制方形点区域渲染像素大小（注意这里是像素大小，而不是three.js单位，因此在移动相机是，所看到该点在屏幕中的大小不变）gl_Position：控制顶点选完的位置gl_FragColor：片元的RGB颜色值gl_FragCoord：片元的坐标，同样是以像素为单位gl_PointCoord：在点渲

拾荒李·2023-11-16 12:49

threejs (四) 纹理 Texture

定义：纹理图片（或canvas/video等）映射到物体表面，或者作为反射、折射贴图，也就是物体的皮肤。1、纹理贴图分类map：颜色贴图，存储颜色信息bumpMap：凹凸贴图，性能贴图，也称为高度贴图，性能开销比较大，会移动表面纹理的可见区域，从而实现表面遮挡效果mormalMap：法线贴图，通过RGB三个分量分别表示向量的xyz三个方向，并且通过图片保留几何体表面的几何细节aoMap：环境贴图，

小程很努力·2023-11-16 09:06

Java笔记（韩顺平Java基础15-20章）

P611-P644）（第20章P645-P661）第15章泛型泛型的理解和好处泛型介绍泛型的语法泛型练习题自定义泛型自定义泛型类(难度)自定义泛型接口自定义泛型方法泛型的继承和通配符JUnit第16章坦克大战

jinghaize·2023-11-15 21:21

ThreeJs中颜色渲染问题

ThreeJs中颜色渲染问题问题描述前言色彩空间ThreeJS色彩空间转换注意点在使用threejs构建模型场景时，经常感觉场景中模型的颜色与建模工具中看到的不太一样，而且不管怎么调灯光还是模型颜色效果还是不太理想

花海海·2023-11-15 18:02

cesium three性能比较_一步步带你实现web全景看房——three.js

下面我们从0开始来摸索一下3d世界1.基本概念在THREEjs中，渲染一个3d世界的必要因素是场景(scene)、相机(camera)、渲染器(renderer)。

weixin_39926639·2023-11-15 04:52

cesium版本之间如何兼容_【JS】cesium与three.js 结合的栗子，结合了一下网友们的栗子，解决了three.js 高版本模型出不来的问题...

”width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no”>Tools-12CesiumThreejsvarthree

赤衿·2023-11-15 04:52

01.Cesium和Three.js的初步认识

一、Threejs和Cesium的对比相同点：都是基于WebGL技术开发的Javascript库，用于在浏览器中创建和显示动画3D计算机图形。

杨航斌·2023-11-15 04:52

Cesium和Three.js的初步认识

一、Threejs和Cesium的对比相同点：都是基于WebGL技术开发的Javascript库，用于在浏览器中创建和显示动画3D计算机图形。

小道士写程序·2023-11-15 04:15

threejs太阳系（源码加相关素材）

目录前言效果预览图完整代码html部分js部分模块aa前言Three.js是一款基于原生WebGL封装通用Web3D引擎，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。本篇文章简单的使用three.js写了一个太阳系，代码比较繁琐，感兴趣的可以下载源码优化一下。效果预览图完整代码html部分太阳系*{margin:0;p

小姚学前端·2023-11-14 10:10

threejs (三) 几何体

定义：用来表示物体的形状，可以定义物体的大小，可以被缩放、旋转和平移内置几何体：二维几何体：PlaneGeometry矩形平面、CircleGeometry圆形平面、RingGeometry环形平面、ShapeGeometry二维图形三维几何体：BoxGeometry立方体、TetrahedronGeometry多面体、SphereGeometry球体、ConeGeometry圆锥、Cylinde

小程很努力·2023-11-13 21:53

java实现坦克大战

源码：java实现坦克大战-课程设计期末作业-Java文档类资源-CSDN文库代码总体上来说借鉴了尚学堂“手把手教你一小时写出坦克大战”（感谢），也从中加入了一些自己的想法（相对来说较少），子弹碰撞后消失

木易小熙·2023-11-13 19:20

threejs(11)-精通着色器编程（难点）2

一、shader着色器编写高级图案小日本国旗precisionlowpfloat;varyingvec2vUv;floatstrength=step(0.5,distance(vUv,vec2(0.5))+0.25);gl_FragColor=vec4(strength,strength,strength,strength);绘制圆precisionlowpfloat;varyingvec2vUv

拾荒李·2023-11-13 04:06

threejs(12)-着色器打造烟雾水云效果

一、自己封装水波纹效果src/main/main01.jsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";importgsapfrom"gsap";import*asdatfrom"dat.gui";importvertexShaderfrom"../sha

拾荒李·2023-11-13 04:36

threejs(11)-shader着色器打造漫天飞舞孔明灯

src/main/main.jsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";importgsapfrom"gsap";//动画库importvertexShaderfrom"../shaders/flylight/vertex.glsl";//顶点着色器

拾荒李·2023-11-13 04:01

Three.js——基于原生WebGL封装运行的三维引擎

既然Threejs是一款WebGL三维引擎，那么它可以用来做什么想必你一定很关心。所以接下来内容会展示大量基于Threejs引擎或Threejs类似引擎开发的Web3D应用，以便

骆骆爱学习·2023-11-12 22:00

关于unity3d插件——easy touch

我的pc端的坦克大战已经完成，准备导出到android上运行，就想着使用虚拟摇杆控制。后面发现多数人推荐easytouch插件就想着使用easytouch，结果花了两三个小时寻找资源。

_hailo_·2023-11-12 17:20

ThreeJs基础常识

作者：桑榆QQ：934440653有问题，评论留言，或qq联系前两章的尚未整理，后续整理完成，会补上。第一章场景待更新…第二章相机待更新…第三章渲染器1.参数**名称****描述**antialiasBoolean，默认为false。是否开启反锯齿。precision这个材质使用从摄像机到网格的距离来决定如何给网格上色。alphaBoolean，默认为false。是否可以设置背景色透明。premu

桑榆未晚_·2023-11-11 21:53

vue项目中使用ThreeJs加载外部的obj模型文件

1、安装three以及依赖npminstallthreenpminstallthree-orbitcontrolsnpminstallthree-obj-mtl-loader2、实现代码import*asThreefrom'three'importOrbitControlsfrom'three-orbitcontrols'import{OBJLoader}from'three-obj-mtl-lo

北辰//·2023-11-11 15:23

vue+threejs加载展示3d模型文件注意事项

前几天了解到了threejs这个库，一时间惊为天人，因为想做一个展示3d零件模型的demo，就尝试了一下，在此记录一下踩的坑首先，一定要看文档！

txlfreedom·2023-11-11 15:19

浅谈 WebVR 全景

本文将会简单探究WebVR全景的实现原理，同时也会用threejs实现两个小的demo，希望对大家以后在业务上遇到类似的场景能有所帮助。

徐小夕@趣谈前端·2023-11-11 08:15

WebGL-Vue3-TS-Threejs：基础练习 / Javascript 3D library / demo

一、理解Three.jsThree.js是一个用于WebGL渲染的JavaScript库。它提供了一组工具和类，用于创建和渲染3D图形和动画。简单理解（并不十分准确），Three.js之于WebGL，好比，jQuery.js之于JavaScript。OpenGL是一个跨平台3D/2D的绘图标准，WebGL则是OpenGL在浏览器上的一个实现。web前端开发人员可以直接用WebGL接口进行编程，但W

snowball_li·2023-11-11 08:15

Python3+pygame实现的90坦克大战

Python3+pygame实现的90坦克大战年轻时玩过了特别多的游戏，所以这几天用Python3+pygame实现了一个小游戏”坦克大战“一、显示效果二、代码下面代码用到了一些素材（游戏背景音乐、图片等等

周先生OL·2023-11-11 07:42

python 坦克大战

importrandomimportsysimportpygame#屏幕的宽、高WIDTH=630HEIGHT=630#边界值BORDER_LEN=3#字体FONTPATH='resources/font/font.ttf'classIron(pygame.sprite.Sprite):"""铁墙类"""#定义精灵组，将所有的砖墙实例对象添加到里面group=pygame.sprite.Group

nycSerendipity·2023-11-11 07:10

Python3+pygame实现的90坦克大战代码完整有演示效果

我是一个典型的80后，年轻时玩过了特别多的游戏，所以这几天用Python3+pygame实现了一个另外小游戏”坦克大战“（其他的游戏，请翻阅我的博客）本实例代码量有些多，完整的版本在1000行左右（当然了如果再次优化的话会减少一部分

python导师-围围·2023-11-11 07:38

Python坦克大战

更新内容坦克大战贪吃蛇是男人就下100层坦克大战贪吃蛇是男人就下100层现在废话不多说截图上：源码：#主逻辑类importrandomimportsysimportpygame#屏幕的宽、高WIDTH=

T冬天·2023-11-11 07:06

threejs光源的使用

灯光是场景中非常重要的一部份，没有光源线框材质都不可见（除非使用基础材质），threejs包含大量的光源，每个光源都有特别的行为和用法，本次我们来探讨不同光源的用法。

小辛学java·2023-11-11 02:05

【JAVA学习笔记】64 - 坦克大战1.4，限制坦克发射子弹，敌方击中我方坦克爆炸

项目代码https://github.com/yinhai1114/Java_Learning_Code/tree/main/IDEA_Chapter18/src/com/yinhai/tankgame1_3增加功能1.我方坦克在发射的子弹消亡后，才能发射新的子弹.=>扩展(发多颗子弹怎么办)（其实已经解决了，在62章我们已经实现了多颗子弹，如果想要限制设置列表大小即可）2.让敌人坦克发射的子弹消

yinhai1114·2023-11-10 17:31

【JAVA学习笔记】67 - 坦克大战1.5 - 1.6，防止重叠，记录成绩，选择是否开新游戏或上局游戏，播放游戏音乐

项目代码https://github.com/yinhai1114/Java_Learning_Code/tree/main/IDEA_Chapter20/src增加功能1.防止敌人坦克重叠运动2.记录玩家的成绩，存盘退出3.记录当时的敌人坦克坐标，存盘退出4.玩游戏时，可以选择是开新游戏还是继续上局游戏1.防止敌人坦克重叠运动这个功能想蛮久的。因为一开始的想法是判断矩形有没有进去，但是这样判断的

yinhai1114·2023-11-10 17:50

【 Threejs 】- Shader 着色器实例渲染教程

着色器在threejs中是一个难点，话不多说，先来看看着色器是什么？如果您已经有使用计算机绘图的经验，您就会知道在这个过程中您先画一个圆，然后画一个矩形、一条线、一些三角形，直到您组成您想要的图像。

蚂蚁二娘·2023-11-09 20:57

Threejs教程之着色器

Three.js着色器Three.js视频教程很多时候如果想写一些特效，往往需要编写着色器代码GLSL，如果你不熟悉着色器语言，自然需要学习着色器语言语法，如果你有着色器语言基础，直接使用Threejs

郭隆邦技术博客·2023-11-09 20:56

threejs -内置着色器包的使用详解

threejs提供了丰富的着色器包，搭配后处理通道使用，可以实现非常强大的效果。

凌风子夜·2023-11-09 20:26

threejs中的着色器入门一

什么是着色器？固定渲染管线：——标准的几何&光照(T&L)管线，功能是固定的，它控制着世界、视、投影变换及固定光照控制和纹理混合。T&L管线可以被渲染状态控制，矩阵，光照和采制参数。如果有了固定渲染管线，编写程序就比较容易了，因为所有的变换都是由固定渲染管线来完成的，但是缺点就是自由度低。固定渲染管线只能完成一些最基本的操作，如果想要做一些特殊的处理，就比较麻烦了。可编辑渲染管线：——WebGL中