E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
threejs坦克大战
大学生C语言“巅峰”之作,简单实现推箱子大战游戏!
曾经的
坦克大战
、推箱子、贪吃蛇都是我们以前玩过的小游戏,然而现在随着大型单机、网络游戏的光芒照耀下,那些曾经的小游戏都渐渐消失了,也或许是我们都已经长大了吧。
Python编程导师
·
2023-11-22 22:24
Three.js教程:透视投影相机
其他系列工具:NSDT简石数字孪生
Threejs
如果想把三维场景Scene渲染到web网页上,还需要定义一个虚拟相机Camera,就像你生活中想获得一张照片,需要一台用来拍照的相机。
ygtu2018
·
2023-11-21 23:59
three.js
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
threejs
源码解析
绘制当前触控操作,自定义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
Web3D
threejs
Web3D
Threejs
之射线拾取模型
参考资料射线Ray…射线拾取Sprite控制场景知识点注:基于Three.jsv0.155.0射线RayRaycaster(射线拾取模型)屏幕坐标转标准设备坐标Raycaster(鼠标点击选中模型)Canvas尺寸变化(射线坐标计算)射线拾取层级模型(模型描边)射线拾取Sprite控制场景代码实现Three.js{"imports":{"three":"./js/three.module.js",
开心就是最好
·
2023-11-19 18:21
Web3D
Web3D
threejs
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
坦克大战
java
游戏
开发语言
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
javascript
前端
vue.js
three.js
Three.js的着色器材质(ShaderMaterial)
ShaderMaterial简介:http://www.webgl3d.cn/
threejs
/docs/index.html#api/zh/materials/ShaderMaterialThree.js
GIS技术杂谈
·
2023-11-16 12:24
gis
three.js
webgl
着色器应用-以
threejs
为例
准备内置变量
threejs
中的变量含义uv纹理坐标值gl_Position裁剪坐标值position模型坐标系
迦南giser
·
2023-11-16 12:23
THREE.JS
#
前端可视化
着色器
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
threejs
3d
前端
js
Java笔记(韩顺平Java基础15-20章)
P611-P644)(第20章P645-P661)第15章泛型泛型的理解和好处泛型介绍泛型的语法泛型练习题自定义泛型自定义泛型类(难度)自定义泛型接口自定义泛型方法泛型的继承和通配符JUnit第16章
坦克大战
jinghaize
·
2023-11-15 21:21
学习笔记
java
jvm
开发语言
ThreeJs
中颜色渲染问题
ThreeJs
中颜色渲染问题问题描述前言色彩空间
ThreeJS
色彩空间转换注意点在使用
threejs
构建模型场景时,经常感觉场景中模型的颜色与建模工具中看到的不太一样,而且不管怎么调灯光还是模型颜色效果还是不太理想
花海海
·
2023-11-15 18:02
前端
JavaScript
色彩空间
javascript
着色器
cesium three性能比较_一步步带你实现web全景看房——three.js
下面我们从0开始来摸索一下3d世界1.基本概念在
THREEjs
中,渲染一个3d世界的必要因素是场景(scene)、相机(camera)、渲染器(renderer)。
weixin_39926639
·
2023-11-15 04:52
cesium
three性能比较
js
改变change方法
cesium版本之间如何兼容_【JS】cesium与three.js 结合的栗子,结合了一下网友们的栗子,解决了three.js 高版本模型出不来的问题...
”width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no”>Tools-12Cesium
Threejs
varthree
赤衿
·
2023-11-15 04:52
cesium版本之间如何兼容
01.Cesium和Three.js的初步认识
一、
Threejs
和Cesium的对比相同点:都是基于WebGL技术开发的Javascript库,用于在浏览器中创建和显示动画3D计算机图形。
杨航斌
·
2023-11-15 04:52
javascript
开发语言
ecmascript
Cesium和Three.js的初步认识
一、
Threejs
和Cesium的对比相同点:都是基于WebGL技术开发的Javascript库,用于在浏览器中创建和显示动画3D计算机图形。
小道士写程序
·
2023-11-15 04:15
webOpenGl
threejs
javascript
开发语言
ecmascript
threejs
太阳系(源码加相关素材)
目录前言效果预览图完整代码html部分js部分模块aa前言Three.js是一款基于原生WebGL封装通用Web3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。本篇文章简单的使用three.js写了一个太阳系,代码比较繁琐,感兴趣的可以下载源码优化一下。效果预览图完整代码html部分太阳系*{margin:0;p
小姚学前端
·
2023-11-14 10:10
javascript
前端
html
threejs
(三) 几何体
定义:用来表示物体的形状,可以定义物体的大小,可以被缩放、旋转和平移内置几何体:二维几何体:PlaneGeometry矩形平面、CircleGeometry圆形平面、RingGeometry环形平面、ShapeGeometry二维图形三维几何体:BoxGeometry立方体、TetrahedronGeometry多面体、SphereGeometry球体、ConeGeometry圆锥、Cylinde
小程很努力
·
2023-11-13 21:53
threejs
数据库
java实现
坦克大战
源码:java实现
坦克大战
-课程设计期末作业-Java文档类资源-CSDN文库代码总体上来说借鉴了尚学堂“手把手教你一小时写出
坦克大战
”(感谢),也从中加入了一些自己的想法(相对来说较少),子弹碰撞后消失
木易小熙
·
2023-11-13 19:20
java
开发语言
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
着色器
前端
javascript
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
javascript
webgl
开发语言
关于unity3d插件——easy touch
我的pc端的
坦克大战
已经完成,准备导出到android上运行,就想着使用虚拟摇杆控制。后面发现多数人推荐easytouch插件就想着使用easytouch,结果花了两三个小时寻找资源。
_hailo_
·
2023-11-12 17:20
unity游戏开发
unity3d
easy
touch
ThreeJs
基础常识
作者:桑榆QQ:934440653有问题,评论留言,或qq联系前两章的尚未整理,后续整理完成,会补上。第一章场景待更新…第二章相机待更新…第三章渲染器1.参数**名称****描述**antialiasBoolean,默认为false。是否开启反锯齿。precision这个材质使用从摄像机到网格的距离来决定如何给网格上色。alphaBoolean,默认为false。是否可以设置背景色透明。premu
桑榆未晚_
·
2023-11-11 21:53
ThreeJs
threejs
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
three.js
vue.js
vue+
threejs
加载展示3d模型文件注意事项
前几天了解到了
threejs
这个库,一时间惊为天人,因为想做一个展示3d零件模型的demo,就尝试了一下,在此记录一下踩的坑首先,一定要看文档!
txlfreedom
·
2023-11-11 15:19
javascript
js
three.js
vue
stl
3d
浅谈 WebVR 全景
本文将会简单探究WebVR全景的实现原理,同时也会用
threejs
实现两个小的demo,希望对大家以后在业务上遇到类似的场景能有所帮助。
徐小夕@趣谈前端
·
2023-11-11 08:15
可视化
webgl
java
js
javascript
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
WebGL
webgl
threejs
3D
前端
Python3+pygame实现的90
坦克大战
Python3+pygame实现的90
坦克大战
年轻时玩过了特别多的游戏,所以这几天用Python3+pygame实现了一个小游戏”
坦克大战
“一、显示效果二、代码下面代码用到了一些素材(游戏背景音乐、图片等等
周先生OL
·
2023-11-11 07:42
pygame
python
开发语言
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
python
pygame
开发语言
Python3+pygame实现的90
坦克大战
代码完整 有演示效果
我是一个典型的80后,年轻时玩过了特别多的游戏,所以这几天用Python3+pygame实现了一个另外小游戏”
坦克大战
“(其他的游戏,请翻阅我的博客)本实例代码量有些多,完整的版本在1000行左右(当然了如果再次优化的话会减少一部分
python导师-围围
·
2023-11-11 07:38
pygame
python
开发语言
Python
坦克大战
更新内容
坦克大战
贪吃蛇是男人就下100层
坦克大战
贪吃蛇是男人就下100层现在废话不多说截图上:源码:#主逻辑类importrandomimportsysimportpygame#屏幕的宽、高WIDTH=
T冬天
·
2023-11-11 07:06
Python
python
threejs
光源的使用
灯光是场景中非常重要的一部份,没有光源线框材质都不可见(除非使用基础材质),
threejs
包含大量的光源,每个光源都有特别的行为和用法,本次我们来探讨不同光源的用法。
小辛学java
·
2023-11-11 02:05
java
html5
three.js
javascript
【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
着色器
javascript
前端
Threejs
教程之着色器
Three.js着色器Three.js视频教程很多时候如果想写一些特效,往往需要编写着色器代码GLSL,如果你不熟悉着色器语言,自然需要学习着色器语言语法,如果你有着色器语言基础,直接使用
Threejs
郭隆邦技术博客
·
2023-11-09 20:56
Three.js
Threejs
WebGL
着色器
GLSL
threejs
-内置着色器包的使用详解
threejs
提供了丰富的着色器包,搭配后处理通道使用,可以实现非常强大的效果。
凌风子夜
·
2023-11-09 20:26
shaders
threejs
中的着色器入门一
什么是着色器?固定渲染管线:——标准的几何&光照(T&L)管线,功能是固定的,它控制着世界、视、投影变换及固定光照控制和纹理混合。T&L管线可以被渲染状态控制,矩阵,光照和采制参数。如果有了固定渲染管线,编写程序就比较容易了,因为所有的变换都是由固定渲染管线来完成的,但是缺点就是自由度低。固定渲染管线只能完成一些最基本的操作,如果想要做一些特殊的处理,就比较麻烦了。可编辑渲染管线:——WebGL中
凌风子夜
·
2023-11-09 20:26
threejs-着色器
threejs-shader
threejs
(11)-精通着色器编程(难点)1
一、初识着色器语言GLSL代表openGLShadingLanguage,它是着色器程序的特定标准,您将在接下来的章节中看到。根据硬件和操作系统,还有其他类型的着色器。在这里,我们将使用由KhronosGroup监管的openGL规范。了解OpenGL的历史有助于理解其大部分奇怪的约定,为此我建议您查看:https://openglbook.com/chapter-0-preface-what-i
拾荒李
·
2023-11-09 20:53
技术
着色器
ThreeJS
中导入的模型没有正常生成阴影解决办法
1.背景问题描述在一个Three.js项目中,我试图在场景中渲染一个导入的滑板模型,并希望它能在聚光灯下产生阴影。然而,在实际渲染时,我发现滑板并没有在地面上产生任何阴影。这是一个令人困惑的问题,因为其他对象(如基本的Three.js几何体)在同样的光照条件下可以正常产生阴影。为了更好地说明这个问题,以下是我当时的核心代码:在这段代码中,我使用了标签来渲染一个从外部文件加载的OBJ模型,并确保了标
YuZou 邹宇
·
2023-11-09 02:24
ThreeJS
react
VUE使用
threejs
加载3D模型时报错404
在使用three.js加载3D模型时,路径是正确的,但是部署到服务器上时报错404,找不到obj文件。这是因为服务器IIS的MIME没有添加.obj扩展类型。如果mtl文件也出不来的话,就再加一个.mtl类型。然后就好了。
旭日之温
·
2023-11-09 02:24
javascript
vue.js
react.js
es6
css
threejs
效果记录
目录1、渐变线2、导入字体3、定义几何体4、tween补间动画5、Sprite粒子(精灵材质)6、Sprite粒子(精灵材质)---下雪7、通过几何体创建点云8、使用环境贴图创建虚假的反光效果9、通过Reflector创建反光镜10、背景用background-image设置11、使用videoTexture用视频作为输出纹理12、纹理offset偏移13、形状缓冲几何体14、自定义形状(墙)15
蛋蛋的老公
·
2023-11-08 18:54
js
javascript
前端
开发语言
Threejs
开发3D地图实践总结
前段时间连续上了一个月班,加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中,坑不少,做了一下总结分享。1、法向量问题法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。如果一个顶点被多个三角形共享,共享顶点的法向量等于共享顶点在不同的三角形中的法向量的和。N=N1+N2;所以如果不
weixin_30877493
·
2023-11-08 18:51
threejs
判断点击的位置是否在点云中
我的点云文件格式是ply,需求是实现点云的测量,标注两个点之后连起来,计算他们的距离;展示点云首先我们需要明白展示点云必须要创建场景,相机,渲染器参考代码vue-3d-modelvue-3d-model是支持3d预览的一个插件但是这个插件并不能满足我们的需求所以我们就自己写了一个/*eslint-disable*/import{Object3D,Vector2,Vector3,Color,Scen
xiaaaa.z
·
2023-11-08 17:32
threejs
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他