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坦克大战
上传本地pcd文件,并用
threejs
渲染
项目背景:pcd文件很大,如果是本地的文件,上传到网络再下载下来,会造成网络流量的极大浪费。那么我直接加载本地的(当前计算机上的pcd文件)用来显示,会大大提高网络效率。上代码:import*asTHREEfrom'three';import{PCDLoader}from'three/examples/jsm/loaders/PCDLoader.js'//注意是examples/jsmexport
加油小吃货
·
2023-11-27 20:12
前端
threejs
Threejs
用官方提供的编辑器做一个简单的模型
Threejs
有提供一个web端的编辑器制作3D模型,地址是https://
threejs
.org/editor/,这个打开就可以在线编辑,但是因为比较简陋,所以只能做一些简单的模型用于测试,实际开发中还是用
baker_zhuang
·
2023-11-27 17:45
ThreeJs
编辑器
ThreeJs
threejs
编辑器(3D场景编辑器)
好久没写博客了。今年似乎有点贪玩。买了吃灰四件套,滑板,吉他,运动相机,以及大疆无人机air2s。所以一直在玩。。。哎,虽然我一直想减肥,但奈何猪厂的伙食是真得太好了。因此就买了这些小玩意儿,希望自己多多走走动动。当然,初衷也不止于此。年初(2022)的时候,缘由某些事情,让我常常问自己,活着的意义是什么?如果人生只有生存,而没有生活,那真的是太无趣了。因此我也想抽出一点时间去感受一下,曾经丢失的
跃焱邵隼
·
2023-11-27 17:13
three
3d
threejs
+ mapboxgl 实现炫酷动态立体墙效果
前言今天实现一个三维电子围栏效果;本例子是基于前面文章搭建的私库进行开发。在三维渲染中,有可能会遇到需要在地图上展示一个围栏效果,来展示一个区域的与众不同,或者;在预警方面常用到电子围栏来进行监控人员;本文也是借鉴maptalks中的立体墙的效果来实现的。之前在Cesium也实现过类似的效果,可以查看这个视频接下来我们实现一个动态立体墙的效果;围栏图层开发新建一个RippleWall图层,代码如下
jiegiser#
·
2023-11-26 07:04
mapboxgl
+
threejs
threejs+mapbox
三维可视化
动态立体墙
webgis
react
hook+ts
WebGL/
threeJS
面试题扫描与总结
什么是WebGL?什么是Three.js?请解释three.js中的WebGL和Canvas的区别?WebGL(全写WebGraphicsLibrary)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起,通过增加OpenGLES2.0的一个JavaScript绑定,WebGL可以为HTML5Canvas提供硬件3D加速渲染,这样Web开发人员就可以借
xyphf_和派孔明
·
2023-11-25 22:17
WEBGL/ThreeJS
Web前端面试
webgl
信息可视化
three.js
3D数据可视化
遇到了Java学习的难题
终于能够在电脑上跑出一个模仿
坦克大战
的游戏,欣喜难耐,觉得这个世界都将被自己掌握。现在十年过去了,发现我的技术依然如旧,甚至倒退了。
yulele
·
2023-11-24 20:08
Threejs
_12 物体阴影的实现
所以在
Threejs
的画布世界之中,一个物体有自己的影子呢?
Web阿成
·
2023-11-24 08:53
Threejs
javascript
开发语言
ecmascript
Threejs
前端
材质
Threejs
_13 聚光灯和点光源的使用
聚光灯就如同手电筒一样,点光源就如同一个电灯泡甚至是萤火虫那样。如何使用他们呢?我们还是一样,先做一个小球和一个平面,用来展示光线。并且加入基本的环境光。//做一个球体constSphereGeometry=newTHREE.SphereGeometry(1,20,20);//材质constmaterial=newTHREE.MeshStandardMaterial();constsphere=n
Web阿成
·
2023-11-24 08:53
Threejs
Threejs
前端
javascript
html
几何学
ecmascript
Threejs
_11 补间动画的实现
其实就是我们在
threejs
中移动一个物体的时候,不让他是瞬时移动,让他跟css动画的transition一样,有个过度效果,就是补间动画。补间动画如何设置呢?
Web阿成
·
2023-11-24 08:23
Threejs
Threejs
贴图
前端
javascript
html
材质
Threejs
_06 多材质的实现
Threejs
同一个几何体如何实现多材质呢?
Web阿成
·
2023-11-24 01:03
Threejs
材质
前端
html
javascript
ecmascript
大学生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
学习
笔记
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
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
其他