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坦克大战
threejs
加载IFCLoader
项目场景:提示:使用react-cli集成
threejs
库使用IFCLoader加载模型是遇到的问题问题描述提示:react-cli/vue-cli项目使用
threejs
中的IFCLoader错误信息描述解决方案
stpzhf
·
2023-12-18 00:03
threejs
javascript
vue.js
前端
three.js(二)
three.js(二)参考前言正文简单开始(不使用任何框架)补充粗略带过(使用Vue框架)细致讲解(比如我使用react框架)App.jsx的进阶版项目打包补充打包遇到的问题:原因:解决办法:参考https://
threejs
.org
踏过山河,踏过海
·
2023-12-17 17:47
Linux
共享单车
javascript
全栈开发
cpp
Vue
React
three.js
three.js(一)
mkdirmy-
threejs
-projectcdmy-th
踏过山河,踏过海
·
2023-12-17 17:15
Linux
共享单车
javascript
开发语言
three.js
threejs
你是我心中最亮的星
threejs
你是我心中最亮的星研究
threejs
,随便搞了个demo,稍微改了改默认代码就变成下面这样了。效果图如下:用到了一个素材,更像是陨石或者星星。中间有个小太阳,隐隐约约泛着洁白的光晕。
xyccstudio
·
2023-12-16 17:38
threejs
threejs
threejs
多屏互动效果,居然还能这么玩
threejs
多屏互动效果看别人做了多屏互动的效果,觉得还挺有意思的,也顺便自己动手操作一下试试。先来张效果图:项目地址参考地址项目基于vue+
threejs
。
xyccstudio
·
2023-12-16 17:08
threejs
threejs
mars3d中bookmark视⻆书签,⽣成包含
threejs
加载模型的图⽚
问题:expImage示例⽣成书签视⻆图⽚时:1.如果地图中有
threejs
加载的模型,⽣成视⻆书签后,⽣成的图⽚中没有模型效果图如下:期望效果:地图上three加载模型时,⽣成视⻆书签时,视⻆图⽚中也有模型显示解决
mianmian0103
·
2023-12-16 03:33
app
vue
Mars3d
3d
javascript
html
创建一个有阴影的
threejs
三维几何体
import*asTHREEfrom"three"import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'constwidth=window.innerWidth;constheight=window.innerHeight;//创建场景constscene=newTHREE.Scene();scene.backgro
奚大野...
·
2023-12-15 17:08
threejs
3d
回味童年经典游戏的项目
目录1.超级玛丽2.
坦克大战
3.吃豆人游戏4.贪吃蛇游戏1.超级玛丽项目地址:超级马里奥游戏源码在线试玩网址在资源描述中在线试玩:http://martindrapeau.github.io/backbone-game-engine
Unknown To Known
·
2023-12-15 12:49
游戏
Threejs
之相机基础
参考资料正投影相机…相机控件MapControls知识点注:基于Three.jsv0.155.0正投影相机正投影相机-Canvas尺寸变化包围盒Box3地图案例(包围盒、正投影)相机动画(.position和.lookAt())不同方向的投影视图旋转渲染结果(.up相机上方向)管道漫游案例OrbitControls旋转缩放限制相机控件MapControls代码实现Three.js{"imports
开心就是最好
·
2023-12-15 11:43
Web3D
Web3D
threejs
js也能写3D游戏?
先要上这个网站https://
threejs
.org,然后下载它的three.js源码放到一个目录,比如js。
Peppa_6dad
·
2023-12-15 08:45
threejs
ShapeGeometry 自定义贴图的uv坐标
问题描述:由于一些原因,要绘制一个长方形,但是这个长方形并不是PlaneGeometry,而是一个ShapeGeometry。但是同样的贴图,同样的形状,贴图贴在PlaneGeometry上时可以正常显示,但是贴在ShapeGeometry中却不可以正常显示。所以判断是贴图uv坐标问题。问题排查:PlaneGeometry默认顶点坐标和uv坐标对应关系如下,其中点1,2,3,4为geometry的
qq_37200686
·
2023-12-15 05:57
贴图
uv
webgl
WEB 3D技术 简述React Hook/Class 组件中使用three.js方式
npminitvite@latest输入一下项目名称然后技术选择react也不太清楚大家的基础那就选择最简单的js然后我们就创建完成了然后我们用编辑器打开创建好的项目目录然后在终端执行npminstallthree引入
threeJS
跟 耿瑞 卷出一片天
·
2023-12-14 19:51
前端
javascript
3d
vue2 引用3D模型
一、首先安装对应的插件(前往查看model-viewer)#installpeerdependency
ThreeJS
npminstallthree#installpackagenpminstall@google
Frontend-Arway
·
2023-12-06 18:45
vue
js
npm
前端
javascript
开发语言
坦克大战
-部分
通过键盘操控坦克移动,转弯,射击消灭所有敌人可以过关23个类,3个gif图片wsad控制移动j射击砖墙限制移动,可以打穿;铁墙,限制移动,不能打穿;水,限制移动,炮弹穿过8个关卡下方数字表示坦克数量,打死一个少一个,减为0可以进入下一关用户坦克生命值,减为0,游戏结束每个关卡结束有分数统计-》可以用io保存到文件/数据库编程保存到数据库中Java事件处理机制:委派处理模型。事件的发生地方与事件的处
youye9527
·
2023-12-06 11:24
java
Java教学视频零基础入门到精通实用视频教程 全套架构师教学
包含从初级到高级全套课程,并附带资料,讲解详细注重基础本套资料收录的马老师的所有教学视频,不管是经典的java入门教程,还是有趣的
坦克大战
,亦或是全新的大数据公开课,并且按照学习的顺序排列整齐,
刚劲
·
2023-12-06 06:38
Vue3集成
ThreeJS
实现3D效果,
threejs
+Vite+Vue3+TypeScript 实战课程【一篇文章精通系列】
Vue3集成
ThreeJS
实现3D效果,
threejs
+Vite+Vue3+TypeScript实战课程【一篇文章精通系列】项目简介一、项目初始化1、添加一些依赖项二、创建3D【基础搭建】1、绘制板子,
程序员小杰#
·
2023-12-04 17:26
Vue
TypeScript
threejs
3d
typescript
javascript
Threejs
汽车模型的展示和选配(vue3)
继续跟着b站@老陈打码一起学习
threejs
gltf文件下载https://pan.baidu.com/s/15PHhoj3qmNiDhiAu9S7b0A提取码:66661.搭建项目使用vue脚手架搭建项目
Web阿成
·
2023-12-04 16:37
Threejs
vue.js
前端
javascript
Threejs
ThreeJs
样例 webgl_shadow_contact 分析
webgl_shadow_contact官方样例中,对阴影的渲染比较特殊,很值得借鉴,学习渲染阴影的思路;这个例子中对阴影的渲染,并没有使用任何光源,没有用shadowmap的常规方式渲染阴影;而是使用了深度材质THREE.MeshDepthMaterial;得到的阴影效果就是,离投影的正交相机的远景平面,越远影子就越模糊。大体思路看animate()方法,使用shadowCamera正交相机把整
从杰
·
2023-12-04 16:36
webgl
基于vue3.x与 three.js模拟地球内部结构
基于vue3.x与three.js模拟地球内部结构前言基于
threejs
、vue3.x、热力图实现了地球结构可视化展示。
易航动效
·
2023-12-04 09:18
3D
gis
vue
前端
开发语言
typescript
【
ThreeJs
】如何给模型打上文字标签?
一、概述
ThreeJs
渲染中创建的网格模型,有时候我们需要给模型添加标签文字,方便识别不同的物体。
IT飞牛
·
2023-12-04 06:05
Three.js
threejs
Blender动画导入Three.js
你是否在把Blender动画导入你的
ThreeJS
游戏(或项目)中工作时遇到问题?您的.glb(glTF)文件是否正在加载,但没有显示任何内容?你的骨骼没有正确克隆吗?
xiangzhihong8
·
2023-12-02 15:47
前端
3d
当敌人的坦克击中我方坦克时,我方坦克消失,并出现爆炸效果[java
坦克大战
]
1.编写方法,判断敌人坦克是否击中我的坦克。循环敌人每辆坦克的每颗子弹传进判断子弹是否击中坦克方法,这里接收坦克的类型为我方坦克和敌人坦克的父类Tank.2.在面板run方法调用这个方法3.将我是否击中敌人坦克也封装到方法里,在run方法直接调用这个方法。4.画我方坦克的时候,先判断我的坦克是否为空并且我的坦克的isLive是否为真
又见明月清风
·
2023-12-02 01:36
韩顺平java坦克大战思路分析
java
intellij-idea
游戏
防止敌人坦克重叠思路[java
坦克大战
]
坦克重叠有八种情况举例(敌人坦克与我方坦克):第一种:当我方坦克方向向上(宽40,高60),敌人坦克方向向上或向下时。我方坦克左上角或者右上角坐标落在敌人坦克的区域内。第二种:当我方坦克方向向上(宽40,高60),敌人坦克方向向左或向右时。我方坦克左上角或者右上角坐标落在敌人坦克的区域内。第三种:当我方坦克方向向右(宽60,高40),敌人坦克方向向上或向下时。我方坦克右上角或者右下角坐标落在敌人坦
又见明月清风
·
2023-12-02 01:36
韩顺平java坦克大战思路分析
java
intellij-idea
游戏
可视化有关JS官网链接
【
threeJs
】3d建模基于webGL
threejs
官网:https://
threejs
.org/
threejs
中文教程:Three.js中文教程|参考手册|使用指南|动画特效实例|踏得网
threejs
麦兜_冰夕
·
2023-12-01 23:56
数据可视化
mapTalks中文api
threejs中文api链接
threeJs
引入模型使用3D模型(vite+React+Ts)
要在Three.js中使用3D模型,你需要加载模型文件并将其添加到场景中。Three.js支持多种不同的模型格式,比如OBJ、FBX、GLTF等。initvite@latest//创建一个vite的脚手架选择react并配置Ts安装three.js准备npminstall@react-three/dreinpminstall@react-three/dreinpmi@types/threenpmi
湖边看客
·
2023-12-01 03:06
react.js
javascript
前端
VUE+Three.js引用外部模型
three-orbitcontrolsnpmi-sthreenpmithree-orbitcontrols2,在public下面创建static放置模型文件文件目录3,在页面引入threeimport*asTHREEfrom"three";//引入
Threejs
import
IDIOT?LIFE
·
2023-11-30 16:54
3d
javascript
vue.js
前端
3d
VUE3+
ThreeJs
加载飞机模型且播放模型动画
介绍Three.js是一个3DJavaScript库,我们经常使用它加载各种不同格式的模型。示例中的直升机模型出处飞机航空器模型-3D模型库-CG模型网-第1页免费3d模型下载的网站免费3D模型https://ch.3dexport.com/free-3d-models?page=7飞机glbgltf模型网https://glbxz.com/plus/list.php?tid=69&myorder
Etc.End
·
2023-11-30 16:53
three.js
typescript
前端
vue.js
开发语言
vue
VUE3+ VITE 使用Three.js展示3D模型
学习主要文献:1.
threejs
文件包下载和目录简介|Three.js中文网3D模型这里有下载网站:Sketchfab-Thebest3Dviewerontheweb(邮箱注册后有免费的模型下载)3D模型编辑软件
Jayce_he
·
2023-11-30 16:48
VUE
vue.js
前端
javascript
3d
期末安卓项目课程设计,Android+spring boot + mybatis-plus的
坦克大战
双人手机游戏
一款双人手机游戏《
坦克大战
》的android项目,可做课程设计作业简介这是一个安卓的游戏项目,
坦克大战
,它是一个双人对战pk的坦克游戏,可以坦克移动,发射子弹,然后有击杀和死亡统计并且可以设置声音的打开和关闭
酷奥空间
·
2023-11-30 08:52
Android
java
linux
android
spring
boot
后端
mesh
threejs
属性_
ThreeJs
基础入门
本文来自网易云社区作者:唐钊Three.js是一款运行在浏览器中的3D引擎,你可以用它在web中创建各种三维场景,包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解webgl的世界。3D场景前置知识1.场景(Scene):是物体、光源等元素的容器,可以配合chrome插件使用,抛出window.scene即可实时调整obj的信息和材质信息。2.相机(Camera):场景中的相机,代
伍宁 华山胸外科
·
2023-11-29 17:48
mesh
threejs
属性
三维数据格式
先看一下
threejs
官网提供的三维模型加载器如见下图stlSTL是CAD软件中出来的一种3D模型文件格式,wiki已经解释的很清楚了。STL文件两种格式,ASCIISTL和BinarySTL。
老朱自强不息
·
2023-11-29 17:16
threejs
threejs
3d
数据格式
Threejs
入门1-简介
three.js官方文档:
threejs
.org/three.js中文文档:techbrood.com/
threejs
/doc…Three.js整体认知(附:Three.js功能概览)一、
threejs
空谷足音 -จุ
·
2023-11-29 17:42
threejs
threejs
Threejs
在vue中使用(场景、相机、渲染器、gltf模型添加、环境贴图等)
前言Three.js(Javascript3Dlibrary)是基于原生WebGL封装运行的三维引擎,WebGL可以看成是浏览器给我们提供的接口,在JavaScript中可以直接用这些API进行3D图形的绘制;而Three.js它封装了诸如场景、灯光、阴影、材质、贴图、空间运算等一系列功能,让你不必要再从底层WebGL开始写起。Three.js是通过对WebGL接口的封装与简化而形成的一个易用的图
兴芳
·
2023-11-29 17:41
threejs
vue
three.js
Html网页
threejs
显示obj,ply三维图像实例
程序示例精选Html网页
threejs
显示obj,ply三维图像实例如需安装运行环境或远程调试,见文章底部个人QQ名片,由专业技术人员远程协助!
荷塘月色2
·
2023-11-29 17:39
网页
html
前端
开发语言
三维
关于《猎杀T-34》观影后的感触
我代表共青团员向你表达热烈的问候"电影初期直击我大脑的不是酣畅淋漓的
坦克大战
,而是作为支援的青年红军步兵所喊出的那句话。"我好像也是共青团员来着?至少二十八岁前还是。"
余人千虑
·
2023-11-29 04:23
00.本地搭建
threejs
文档网站(网页版是外网比较慢)
three官网https://
threejs
.org/下载代码进入官网可以选择github去下载或者下载压缩包github下载https链接地址https://github.com/mrdoob/three.js.gitgitclonehttps
HHH 917
·
2023-11-29 01:04
three
javascript
前端
webgl
关于CopyOnWriteArrayList集合的删除元素操作
在做
坦克大战
游戏过程中用到了CopyOnWriteArrayList,关于对它的元素进行遍历删除的操作困扰了我很久,先介绍一下它吧。
农专猿
·
2023-11-28 21:42
编程错误
后端
java
threejs
下监听mesh事件与监听3D对象的区别
技术架构react
threejs
@react-three/drei@react-three/fiber场景有这样一段代码,一个网格对象(mesh)中有一个平面(Plane),当我在网格上监听鼠标抬起事件时
zoujiawei6
·
2023-11-28 10:29
javascript
threejs
fiber
deri
【前端】three.js
文章目录概述three.js-master目录结构
Threejs
的基本要素场景相机透视相机正交相机网格2d3d灯光AmbientLight(环境光)平行光(DirectionalLight)点光源(PointLight
软泡芙
·
2023-11-28 06:08
#
Web_前端
开发
前端
javascript
开发语言
3D
three.js
坦克大战
分步实现项目源码
今天为大家带来
坦克大战
这款小游戏,经典的的坦克游戏,一款很怀念的经典老游戏。
java答
·
2023-11-28 04:20
上传本地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
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他