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
实现波纹粒子效果
今天我们来用
ThreeJS
的库实现一个波纹粒子效果,我们用到的
ThreeJS
的库有CanvasRenderer.js,OrbitControls.js,Projector.js,stats.min.js
weixin_30500473
·
2025-01-27 20:23
javascript
ViewUI
threejs
——无人机概念切割效果
主要技术采用着色器的切割渲染,和之前写的风车可视化的文章不同,这次的切割效果是在着色器的基础上实现的,并新增了很多可调节的变量,兄弟们,走曲儿~线上演示地址,点击体验源码下载地址,点击下载正文从图中大概可以看出以下信息,一个由线组成的无人机模型,一个由粒子组成的无人机模型,那么这些粒子、线都是从一个无人机的gltf模型中提取出来的,无人机模型由很多个小的Mesh组成的一个大的group,那么为了着
孙华鹏
·
2025-01-25 22:40
无人机
cocos2d
游戏引擎
Three.js学习笔记
2.一个简单
threeJs
程序(1)创建场景constscene=newTHREE.Scene();(2)创建物体constgeomtry=newTHREE.BoxGeometry(1,1,1
癫狂de痴梦
·
2025-01-25 17:00
前端
javascript
学习
前端
threejs
学习笔记:CSS2DObject 2d文字渲染
import{CSS2DRenderer,CSS2DObject}from"three/examples/jsm/renderers/CSS2DRenderer.js";//2d文字渲染function_createBox1Label(object
九段刀客
·
2025-01-24 09:28
threejs
学习
javascript
开发语言
threejs
复习笔记
import*asTHREEfrom'https://unpkg.com/
[email protected]
/build/three.module.js'import{OrbitControls}from'https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/OrbitControls.js'import{OrbitCon
·
2025-01-23 17:20
three.js
2025年前端发展趋势
开发领域:前端开发|AI应用|Web3D|元宇宙技术栈:JavaScript、React、
ThreeJs
、WebGL、Go经验经验:6年+前端开发经验,专注于图形渲染和AI技术开源项目:github晓智元宇宙
贵州数擎科技有限公司
·
2025-01-23 03:39
前端
javascript
策略模式和职责链模式实现
坦克大战
目录:一个实例讲完23种设计模式当前:策略模式职责链观察者上一篇《命令模式
坦克大战
简单实现(java实现)》需求:
坦克大战
创建两种坦克坦克类型射程速度b7070米时/70公里b5050米时/70公里简单说明一下
科学的发展-只不过是读大自然写的代码
·
2025-01-22 02:54
设计模式-坦克大战-java
策略模式
ThreeJS
入门(226):THREE.CSS3DRenderer 知识详解,示例代码
作者:还是大剑师兰特,曾为美国某知名大学计算机专业研究生,现为国内GIS领域高级前端工程师,CSDN知名博主,深耕openlayers、leaflet、mapbox、cesium,webgl,
ThreeJS
还是大剑师兰特
·
2025-01-19 12:50
#
ThreeJS综合教程500+
大剑师
threejs入门
threejs教程
threejs示例
Three.js实现动态水泡效果逐步解析GLSL着色器
开发领域:前端开发|AI应用|Web3D|元宇宙技术栈:JavaScript、React、
ThreeJs
、WebGL、Go经验经验:6年+前端开发经验,专注于图形渲染和AI技术经验经验:演示地址开源项目
贵州数擎科技有限公司
·
2025-01-17 12:55
javascript
着色器
开发语言
threejs
+html 实现3D地球旋转效果
html:demo*{padding:0;margin:0;box-sizing:border-box;}#chart_map{position:fixed;top:0;bottom:0;left:0;right:0;/*border:1pxsolidred;*/}//创建场景对象Scenevarscene=newTHREE.Scene();//辅助坐标系参数250表示坐标系大小,可以根据场景大小
web网页精选
·
2025-01-17 03:07
html
3d
前端
vue+
threeJS
示例(001): 不断翻转的立体箱体
作者:还是大剑师兰特,曾为美国某知名大学计算机专业研究生,现为国内GIS领域高级前端工程师,CSDN知名博主,深耕openlayers、leaflet、mapbox、cesium,canvas,echarts等技术开发,欢迎加微信(gis-dajianshi),一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码(共88行)一、示例效果图二、示
还是大剑师兰特
·
2024-09-13 10:37
#
ThreeJS综合教程200+
threejs入门
threejs教程
threejs示例
大剑师
ThreeJS
入门(001):简介、下载安装、历史、应用场景、竞品
查看本专栏目录-本文是第001篇入门文章文章目录一、Three.js简介二、Three.js的历史与发展三、公司背景四、下载安装五、官方网站六、应用范围场景七、相关竞品一、Three.js简介Three.js是一个基于WebGL的JavaScript3D库,它使得在Web上创建和展示3D内容变得简单。Three.js提供了一系列抽象层,让开发者可以专注于设计和实现3D应用程序,而无需深入了解复杂的
还是大剑师兰特
·
2024-09-13 10:37
#
ThreeJS综合教程200+
webgl
大剑师
ThreeJS简介
Python实现
坦克大战
——源代码
**Python实现
坦克大战
——源代码**一、环境:pygamePygame被设计用来写游戏的python模块集合,基于SDL库开发。
徐大兄弟
·
2024-09-07 21:43
python
web
机器学习
[游戏中寻找学习JAVA的乐趣]
坦克大战
系列1-编写我的第一个坦克
游戏中寻找学习JAVA的乐趣之
坦克大战
系列1-编写我的第一个坦克前言本篇主要对Robocode的使用进行演示。
千锋陈老师
·
2024-09-06 06:38
react中使用
threejs
小试牛刀
安装路由依赖包和
threejs
依赖包#tips:注意版本兼容问题npminstallreact-router@5react-router-dom@5np
cnmone
·
2024-09-04 07:21
reactjs
【Pygame小游戏(3)——
坦克大战
_坦克属性及碰撞检测】
1、源码来源:nullhttps://github.com/wangxingyao/TankWar?tab=readme-ov-file完整代码在文末2、导入模块importpygame#导入pygame模块importbulletClass#导入自定义模块3、设置坦克升级之后的图像#玩家1和玩家2的不同坦克等级的图像文件路径tank_T1_0=r"..\image\tank_T1_0.png"t
萱逸飞
·
2024-09-03 07:16
pyganme——坦克大战
pygame
python
游戏程序
【
Threejs
学习】材质灯光投影
一、光源分类环境光(AmbientLight):会均匀的照亮场景中的所有物体。无方向,不能投射阴影。平行光(DirectionalLight):沿特定方向散发的光,发出的光线都是平行的。例如太阳光,可投射阴影。点光源(PointLight):从一个点向各个方向发散的光源。例如火柴、灯泡,可投射阴影。聚光灯(SpotLight):光线从一个点沿一个方向射出,例如顶灯、手电筒,可投射阴影。……以下三种
Mae_cpski
·
2024-09-02 06:46
前端学习笔记
学习
前端
3d
现实与电子游戏(四)
游戏改编游戏类型这里当然不是指抄袭,而是将之前玩法很出色但因为时代的原因而玩的人渐渐少了的游戏(例如贪吃蛇,
坦克大战
,大鱼吃小鱼,魔塔),这些出色的创意玩法适当的进行改编和加工可以很好的创造新的游戏;举例
电脑精
·
2024-09-01 19:07
2015-2016年Unity项目经历
20150720-Revision269
坦克大战
项目20150721结算界面添加玩家击杀数倒计时功能封装设置玩家击杀数获取玩家击杀数20150722相机的ClearFlags、Depth、P驯龙:主相机
华仔Ivan
·
2024-08-30 20:30
蛮牛日志
gui.js可视化插件的使用
但是在进行三维可视化开发时,一个好的角度和材质的取值是非常重要的,而这点用肉眼是看不出来的,最好的方法就是一点一点的在界面上去试,但是没改变一次就重启一个项目,比较麻烦,因此就需要gui.js来修改
threejs
我爱吃干果
·
2024-08-29 18:07
three.js
GUI
javascript
开发语言
前端
threejs
创建CSS3DSprite精灵标签, 可以更新位置及内容(封装)
threejs
创建CSS3DSprite精灵标签,可以更新位置及内容(封装)ThreeCss3dSprite.js工具类import{CSS3DRenderer,CSS3DSprite}from"..
zsd_666
·
2024-08-24 09:47
Web前端
css3
前端
css
若依/vue2引入
threejs
展示glb/gltf模型,以及画布截图功能
需求背景:前端对glb/gltf模型进行线上管理,支持上传本地模型,每次上传后展示模型,在提交给后端的时候带上该模型的截图,具体效果不便展示,相关代码如下:1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖,初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls}from"three
怎么吃不饱捏
·
2024-08-23 18:40
vue.js
javascript
前端
2022-04-19
fastadmintickwritingtickkoreastudy
threejs
study
Apbenz
·
2024-03-26 21:56
JAVA编程实战:
坦克大战
系列3-坦克组成部分
游戏中寻找学习JAVA的乐趣之
坦克大战
系列3-坦克组成部分前言本篇让大家更详细的了解坦克的结构。
千锋陈老师
·
2024-02-20 12:33
css pointer-events 多层鼠标点击事件
threejs
无法滑动视角,菜单界面覆盖
threejs
操作事件。
小和尚敲木头
·
2024-02-20 10:21
前端
css
前端
three.js 3D可视化地图
threejs
地图可视化地图——three.js实现this.provinceInfo=document.getElementById('provinceInfo');//渲染器this.renderer
allenjiao
·
2024-02-19 12:50
threejs
地图
三维
gis
大数据
webgl
【Three.js】前端从零开始学习
threejs
:创建第一个
threejs
3D 页面
课程和学习大纲对应的课程在这里:
Threejs
教程、2023最新最全最详细
Threejs
教程、零基础
Threejs
最详细教程(已完结)学习知识要点思维导图:官网和文档的使用three.js官网如果无法访问
努力挣钱的小鑫
·
2024-02-19 12:14
Web3d
前端
javascript
学习
你胸无大志,又怎样?
我们就像两个没长大的孩子,一起玩
坦克大战
的时候,我
庆庆_cebc
·
2024-02-15 01:25
他自制C++推箱子游戏,却意外拿到公司20k!
曾经的
坦克大战
、推箱子、贪吃蛇都是我们以前玩过的小游戏,然而现在随着大型单机、网络游戏的光芒照耀下,那些曾经的小游戏都渐渐消失了,也或许是我们都已经长大了吧。
Python编程导师
·
2024-02-14 02:15
从Unity到Three.js(画线组件line)
import*asTHREEfrom'three';//引入
threejs
constrenderer=newTHREE.WebGLRenderer();//创建渲染器//设置渲染范围,当前撑满全屏,屏幕左上角是
chillxiaohan
·
2024-02-12 04:37
Three.js学习记录
unity
javascript
游戏引擎
python趣味编程-简单的 2D
坦克大战
游戏
Python中的简单2D游戏免费源代码Python中的简单2D游戏是用Python编程语言编码的桌面游戏应用程序。该项目包含多种功能,可以使其按预期工作。这个项目主要有利于那些想学习游戏开发的人。这可以帮助他们了解创建游戏应用程序的过程和正确的编码。这个简单的2D游戏是一个简单的项目,您的目标是消灭对手。这个简单的Python2D游戏可以帮助您提高Python编程技能。Pytho
xiaoshun007~
·
2024-02-09 14:08
Python
python
游戏
开发语言
手把手教你用Python实现“
坦克大战
”,附详细代码!
小时候玩的“
坦克大战
”,你还记得吗?满满的回忆!今天,我们使用Python以及强大的第三方库来实现一个简单的
坦克大战
游戏。
Python新视界
·
2024-02-09 13:13
WebGL:BabylonJS、
Threejs
、LayaboxJS、SceneJS、ThingJS比较
目前3d技术发展十分迅速,最初是WebGL,这是一种3d绘图协议,它将JavaScript和OpenGLES2.0结合在一起,通过增加OpenGLES2.0的一个JavaScript绑定,WebGL可以为HTML5Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。一、BabylonJS特性:Babylon
千汇数据的老司机
·
2024-02-09 13:41
webgl
数据可视化
大数据
UE4运用C++和框架开发
坦克大战
教程笔记(十九)(第58~60集)完结
UE4运用C++和框架开发
坦克大战
教程笔记(十九)(第58~60集)完结58.弹窗显示与隐藏59.UI面板销毁60.框架完成与总结58.弹窗显示与隐藏这节课我们先来补全TransferMask()里对于
犀利贝XD
·
2024-02-09 11:55
UE4/5
的学习笔记
ue4
c++
笔记
threejs
坐标系与三角函数的实践应用
有空的老铁关注一下我的抖音:效果:沿着圆弧批量创建多个小球//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作
汉武大帝·
·
2024-02-08 19:30
three.js
javascript
前端
vue.js
UE4运用C++和框架开发
坦克大战
教程笔记(五)(第13~15集)
UE4运用C++和框架开发
坦克大战
教程笔记(五)(第13~15集)13.模组生命周期14.枚举匹配模组结构15.注册对象到模组13.模组生命周期从老师准备的DataDriven插件的导图中可知,Driver
犀利贝XD
·
2024-02-08 17:49
UE4/5
的学习笔记
c++
ue4
笔记
UE4运用C++和框架开发
坦克大战
教程笔记(十八)(第55~57集)
UE4运用C++和框架开发
坦克大战
教程笔记(十八)(第55~57集)55.UI进入退出动画HideOther面板出现时隐藏其他面板添加面板出现和收起的动画效果编写遮罩管理器前的准备56.弹窗进入界面57
犀利贝XD
·
2024-02-08 17:17
UE4/5
的学习笔记
ue4
c++
笔记
Threejs
案例-绘制3D文字
13.
Threejs
案例-绘制3D文字实现效果知识点FontLoader一个用于加载JSON格式的字体的类。返回font,返回值是表示字体的Shape类型的数组。
MossGrower
·
2024-02-06 18:56
Threejs
threejs
3d文字
字体
边界矩形
FontLoader
TextGeometry
threejs
之updateWorldMatrix的实现原理
首先我们需要定义几个额外的概念,包括表示位置、旋转、和缩放的类,以及一个用于表示4x4矩阵并执行矩阵运算的类。这个函数的目的是更新一个物体在世界空间中的位置,考虑到它的局部变换(位置、旋转、缩放)以及它的父对象的世界矩阵(如果有的话)。首先,让我们定义一些基础的数学工具类,包括Vector3,Quaternion(用于表示旋转),和Matrix4。classVector3{constructor(
Young soul2
·
2024-02-06 16:14
threejs
前端
threejs
之常用贴图
在三维图形和游戏开发中,高光贴图、凹凸贴图、法线贴图和环境光遮蔽贴图是常用的技术,用于增加虚拟物体表面的细节和真实感,而无需增加更多的几何体。这些技术可以帮助开发者和艺术家创造出既详细又性能高效的场景。高光贴图(SpecularMap)高光贴图用于控制物体表面的高光部分,即那些直接反射光源光线的区域。它通常是一张灰度图,其中亮部表示强反射区域,暗部表示弱反射或非反射区域。这使得材质的高光效果可以在
Young soul2
·
2024-02-06 16:12
threejs
前端
Unity3D实现
坦克大战
一、效果图演示二、逻辑剖析从界面上:需要一个Canvas满屏对着用户,该Canvas上展示用户的游戏数据,比如血条。需要一个Canvas放在蓝色坦克上方,也需要实时对着用户,显示敌人的血条信息两个坦克一个平面Plane放草地的纹理从逻辑上:前后箭头键控制玩家前进或后退左右箭头键控制玩家左右转向鼠标左键或空格键控制玩家发射炮弹玩家血条希纳是在屏幕左上角相机在玩家后上方的位置,始终跟随玩家,朝玩家正前
数据猴赛雷
·
2024-02-06 02:36
游戏
数码相机
UE4运用C++和框架开发
坦克大战
教程笔记(三)(第7~8集)
UE4运用C++和框架开发
坦克大战
教程笔记(三)(第7~8集)7.反射应用详解通过反射获取UObject通过反射来获取UENUM通过反射获取蓝图对象并生成到场景通过反射获取UProperty并修改通过反射获取
犀利贝XD
·
2024-02-05 06:18
UE4/5
的学习笔记
ue4
c++
笔记
UE4运用C++和框架开发
坦克大战
教程笔记(七)(第20~22集)
UE4运用C++和框架开发
坦克大战
教程笔记(七)(第20~22集)20.框架对象类21.模组反射方法调用对象通过反射调用所属模组的方法22.模组反射系统宏定义通过引用形参来充当返回值对象调用所属模组以外的模组的方法定义更加通用的宏来优化反射方法
犀利贝XD
·
2024-02-05 06:18
UE4/5
的学习笔记
ue4
c++
笔记
UE4运用C++和框架开发
坦克大战
教程笔记(八)(第23~25集)
UE4运用C++和框架开发
坦克大战
教程笔记(八)(第23~25集)23.对象反射执行代码24.对象反射方法调用测试所有的对象间反射调用的情况25.对象反射系统宏定义模块(DDMM)通过反射调用对象方法23
犀利贝XD
·
2024-02-05 06:18
UE4/5
的学习笔记
ue4
c++
笔记
UE4运用C++和框架开发
坦克大战
教程笔记(一)(第1~4集)
UE4运用C++和框架开发
坦克大战
教程笔记(一)(第1~4集)前言1.项目介绍与资源获取2.蓝图与C++交互与蓝图交互的C++变量与蓝图交互的C++方法3.UMG与C++交互4.UE4生命周期探索前言本系列笔记将会对梁迪老师的
犀利贝XD
·
2024-02-05 06:47
UE4/5
的学习笔记
ue4
c++
笔记
UE4运用C++和框架开发
坦克大战
教程笔记(二)(第5~6集)
UE4运用C++和框架开发
坦克大战
教程笔记(二)(第5~6集)5.全局类与接口两种全局类接口可作为蓝图Event节点的接口不可以作为蓝图Event节点的接口一个对象如何调用另一个对象的接口方法6.委托与函数传递委托的蓝图节点函数传递函数传递方法一
犀利贝XD
·
2024-02-05 06:47
UE4/5
的学习笔记
1024程序员节
ue4
c++
游戏
笔记
UE4运用C++和框架开发
坦克大战
教程笔记(十七)(第51~54集)
UE4运用C++和框架开发
坦克大战
教程笔记(十七)(第51~54集)51.UI框架介绍UE4使用UI所面临的问题以及解决思路关于即将编写的UI框架的思维导图52.管理类与面板类53.预加载与直接加载54
犀利贝XD
·
2024-02-05 06:43
UE4/5
的学习笔记
ue4
c++
笔记
vue3+
threejs
+koa可视化项目——模型文件上传(第四步)
文章目录⭐前言往期node系列文章
threejs
系列相关文章vue3+
threejs
系列⭐koa后端文件上传(koa-body)自动创建目录自定义目录上传apifox自测上传接口⭐vue3前端上传模型文件
yma16
·
2024-02-05 06:33
threejs框架
javascript
vue3
node.js
webgl
文件上传
day22-
坦克大战
无地图完全版(实现了一些花里胡哨的功能)
实现的功能有:1.难度变更,根据玩家击杀的敌方坦克数量和获得的分数,增加场上的敌方坦克数量2.血条显示,玩家坦克每击杀一个敌方坦克获得一个生命标记,没受到一次攻击掉落一个生命标记,初始标记20个3.敌方坦克的随机生成,敌方坦克3种类型,一种血厚防高移速慢黄色坦克,一种血防平衡移速适中白色坦克,一种血薄防低移速快原谅坦克,随机生成不同类型4.空格键发射子弹,方向键控制方向,未设置连发,按一次空格射击
RurouniKenshin
·
2024-02-04 19:07
threeJS
使用 html2canvas截图为黑色的问题
实际错误是所有的webGL以及three的容器截图都为黑色的背景,其他元素无恙截图日志的报错为:在这个问题解决之前尝试的办法有:疑似跨域问题:修改`html2canvas`的配置,使用`{useCORS:true}`--无效意思元素样式问题修改dom样式为绝对值,去除百分比以及相对定位--无效求人之前先百度找到了一个网上教程,解决方法如下可以看到:preserveDrawingBuffer=fal
MonkeyB_B
·
2024-02-04 13:06
Three
js
vue.js
react.js
javascript
上一页
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
其他