- 博客(113)
- 资源 (3)
- 收藏
- 关注
原创 Babylon.js引擎(二)
创建4种不同颜色的聚光灯光源,创建4种不同颜色的球体网格对象,将球体位置设置为对应颜色聚光灯光源的位置,将聚光灯和球体的父类属性都指向中心球,最后创建地板并设置其材质为标准材质。❑ 第41~54行为创建颜色控件,添加文本控件以及设置文本控件的内容、颜色和文本的高度,设置颜色控件的宽度、高度和水平布局方式,最后将颜色控件添加进面板并返回面板对象。❑ 第24~39行代码的功能为创建地板网格对象并设置其材质与位置,创建不同形状的网格对象并设置材质和位置,以及将它们放入阴影计算列表。
2025-06-11 16:36:27
854
原创 Babylon.js引擎
Babylon.js支持WebGL 2.0的新特性包括多重渲染目标,顶点数组对象,一致缓冲区对象,遮挡查询和3D纹理等。具体功能:❑ 根据开发人员的需求可方便快捷地创建出3D图形。❑ 为物体的渲染提供多种类型的纹理和材质。❑ 自带强大的阴影计算功能,支持PCF和PCSS阴影算法。❑ 对物理引擎进行封装,为Web游戏开发者提供了极大的便利。❑ 支持多种格式的3D物体模型和骨骼动画,让3D场景更加丰富。❑ 引擎中带有多种着色器,可以实现多种逼真的效果。
2025-06-11 11:03:34
291
原创 Three.js其它功能
首先定义js文件的加载器并加载茶壶模型文件,并将茶壶几何体进行复制,再用for循环方式来创建多个茶壶网格对象并添加到场景中,同时,在创建每个茶壶网格对象时设置了不同的旋转角度和初始位置点。❑ 第2~12行为向场景添加二十面体的方法。如果场景中多次重复的物体是obj等格式的模型文件,为了提高场景的渲染速度,可以使用单个物体多次绘制的方式来提高场景的渲染速度和流畅性。❑ 第26~35行为初始化场景的基本组件,包括创建场景对象、渲染器对象,设置背景颜色和渲染窗口的大小,创建摄像机并指定摄像机的位置和观察位置。
2025-06-11 09:09:20
351
原创 Three.js进阶之音频处理与展示
引擎在对音频处理提供了丰富的接口,本文展示两个音频处理示例。一、声音可视化Three.js中的声音可视化是以视觉为核心,以音乐为载体,为音乐提供直观的视觉呈现。通过对音乐数据的分析并结合开发需求,能实现酷炫的视觉效果。在本节案例中,16个长方体跟随音乐的律动在y轴方向上进行缩放,效果如图12-13所示。(1)加载音频文件,然后创建音频加载对象、音频监听对象和创建音频对象,接下来获取音乐数据,根据此数组长度创建长方体,然后进行画面的渲染,具体代码如下。
2025-06-04 17:52:19
719
原创 Three.js进阶之混合与雾
上面的代码是根据选择的雾类型的不同,来指定场景中的雾的。创建线性雾方法时第一个参数为颜色值,颜色采取十六进制,后两个参数是雾化效果近处属性值和远处属性值,这两个参数确定了雾的起始位置以及浓度的加深程度。创建指数雾时第一个参数为颜色值,第二个参数为雾的浓密程度。混合方程数组包含所有Three.js引擎提供的所有混合方程,源因子数组和目标因子数组包含Three.js引擎提供的混合因子。首先新建GUI控制面板变量和添加混合设置选项,然后在混合设置选项下,添加源因子、目标因子和混合方程选项并对应添加选项改变监听。
2025-06-04 10:04:00
255
原创 Three.js进阶之粒子系统(一)
此方法接收粒子平移最终位置点的x、y、z坐标参数和粒子对象参数,然后创建Tween动画对象,给出指定的参数(如移动目标是粒子对象),移动终点是该方法接收的3个坐标值。在该方法中通过for循环创建了100个粒子,在创建每个粒子的时候,让粒子材质的颜色随机生成,粒子位置用球面坐标公式来创建,因此使所有粒子随机分布在一个球表面。以上的代码为创建粒子系统的方法,将一个几何体对象设置为不同的位置和颜色,以绘制上万个几何体粒子,最后将几何体粒子添加进粒子系统中。一些特定模糊现象,经常使用粒子系统模拟,如火焰、爆炸等。
2025-06-04 09:18:02
367
原创 Three.js引擎基础
它是使用javascript语言编写的 运行在浏览器中的3D引擎 ,使用简单,其主要功能如下:(1)方便快捷地创建3D图形(2)提供多种类型的纹理和材质(3)自带阴影计算功能(4)支持多种格式3D物体和骨骼动画(5)有多种着色器。
2025-05-28 16:40:36
599
原创 剪裁与测试的使用
视景体除了六个剪裁平面(左,右,底,顶,远)之外,还可以再指定其它任意平面以进行剪裁,剪裁平面 可以删除 场景中无关的物体 ,例如显示物体 的剖面视图,WebGL使用 剪裁平面时只需给出参数即可。模板测试需要绘制两次,第一次产生存储特殊区域信息模板值的模板缓冲,第二次利用模板缓冲中的值 进行测试,使绘制仅限于在特定区域内。(3) 在顶点着色器中判断顶点是否在平面的一侧,具体方法为: 将顶点坐标代入平面方程计算后,将值传入片元着色器。(2)传递4个参数至渲染管线,以备着色器使用。
2025-05-28 09:08:37
201
原创 WebGL开发技巧
(2)纹理图增加为6幅,基中一幅为基础颜色纹理图,有四幅是不同的外观的细节纹理 ,包含灰色岩石、硬泥土、大理石、绿草皮,另外一幅作为过程纹理图,其R、G、B、,A色彩通道分别记录地形上每个位置 的细节纹理系数。1、基本思想 :灰度图地形就是用网格表示地形,同时提供一幅对应尺寸的灰度图,根据灰度图的每个像素的灰度来确定网格顶点的海拔,值为0表示最低位置,值为255表示最高位置。沿法线挤出轮廓:将物体没法线挤出一些,用需要描边的纯色进行绘制,然后用正常的方式绘制 物体,从而形成一个轮廓。
2025-05-23 11:03:09
735
原创 Webgl2纹理映射
通俗地讲,当纹理图比需要映射的图元尺寸大时,系统采用MIN对应的纹理采样算法,而当纹理图比需要映射的图元尺寸小时,系统采用MAG对应的纹理采样算法。对远处片元采用尺寸较小且分辨率低的纹理,近处的采用尺寸较大且分辨率高的纹理,适用于大场景,如纹理相同的地形,克服远处清楚,近处模糊的反真现象。压缩纹理: 是指在将各种格式的纹理图采用特定的工具转化为特殊的压缩纹理格式,然后在应用将压缩格式的纹理数据送入纹理缓冲以供纹理采样使用。(3)在片元着色器中,根据记录纹理坐标从纹理图中提取对应颜色(纹理采样)。
2025-05-21 10:55:50
1039
原创 WebGL2光照效果
不连续面(如方体的面,点法向量不确定 )的点法向量,两种处理策略,一是在顶点处放置三个顶点,每个顶点的法向量为属于面的法向量,即面法向量策略,二是取其所属所有面法向量的平均 值,即点法向量策略。max(cos(入射角),0) : 入射角越大,反射强度越弱,实际使用时,只需将入射光向量与法向量规格化,再进行点积。片元计算: Phong 着色,首先在顶点着色器中进行法向量转换,由物体坐标系变换为世界坐标系,传入片元法向量进行光照计算。半向量:是指从照射点到光源的向量与从照射点到观察点的向量间的平均 向量。
2025-05-16 11:39:59
322
原创 WebGL2绘制方式
gl_TRANGLE_FAN 传入渲染管线的顶点中的第一个顶点作为中心点,其它顶点作为边缘点绘制 出一系列为扇形的相邻三角形 进行绘制。gl.LINE_LOOP 传入渲染管线的顶点按照顺序依次组成线段,将最后一个顶点与第一个顶点相连,进行绘制。gl_TRANGLE_STRIP 传入渲染管线的顶点按照顺序依次组成三角形进行绘制。gl.LINE_STRIP 传入渲染管线的顶点按照顺序依次组成线段进行绘制。gl.LINES 传入渲染管线的顶点按照顺序两丙组成线段进行绘制。
2025-05-16 10:16:24
145
原创 webgl2着色语言
gl_FrontFacing: 布尔型变量,判断正在处理的片元是否属于光栅 化的正面,若属于正面则为true。gl_FragCoord: 当前片元相对于窗口位置的坐标值(x,y,,z)gl_PointSize: 点的大小(点绘制 )gl_PointCoord: 启用点精灵,其值为片元的纹理坐标。uniform: 如单个3D物体所有顶点起作用的量,如光源位置。向量:基本类型:bool、int、float。矩阵: 移位、旋转、缩放等变换。in: 声明输入变量。标量:布尔型、整型、浮点型。
2025-05-14 15:31:39
277
原创 webgl渲染管线
开启Alpha混合 ,根据混合因子会将上一阶段送来的片元与帧缓冲中对应位置的片元进行alpha混合 ,否则覆盖帧缓冲中对应位置的片元。深度测试:将输入片元深度值与帧缓冲中存储的对应的片元深度值 进行比较值 ,若输入片元的深度小 ,送入下一个阶段,否则丢弃输入片元。一个可编程的处理单元,功能为执行顶点的变换,光照、材质的应用与计算等与顶点相关的操作。检查每个片元在帧缓冲中的对应位置 ,若在裁剪窗口将片元送入下一个阶段,否则丢弃此片元。顶点数据的存储对象 ,节省GPU的I/O带宽,提高渲染效率。
2025-05-14 10:36:24
283
原创 WebGL2简单实例
3、启用顶点坐标数据数组,绑定顶点坐标数据缓冲,给管线指定顶点坐标数据。4、启用颜色坐标数据数组,绑定颜色坐标数据缓冲,给管线指定颜色坐标数据。loadShaderSerial 加载链接顶点、片元着色器的方法。shaderObject 声明shaderObject类。pushMatrix 保护变换矩阵,当前矩阵入栈。
2025-04-25 11:22:45
596
原创 WebGL2简介
WebGL2 通过规范升级和功能内置化,显著提升了图形渲染能力,减少了扩展依赖。对于新项目,建议优先考虑 WebGL2(需权衡目标用户设备的支持情况)。
2025-04-25 09:15:00
347
原创 WebGL简介
WebGL(全称为 Web Graphics Library)是一种基于浏览器的低级 3D 图形 API,允许开发者在网页中渲染复杂的交互式 2D 和 3D 图形,无需安装任何插件即可运行。它建立在 OpenGL ES 2.0 的基础上,并通过 JavaScript 接口操作 GPU 加速功能1。WebGL 的发展历程可以追溯至早期的跨平台图形接口需求。最初由 Khronos Group 提议并于 2011 年正式发布第一个版本 (WebGL 1.0),这标志着浏览器原生支持硬件加速图形处理的新纪元。随后,
2025-04-23 18:10:50
624
原创 《寒门枭雄传》第一卷·京口风雷(1-6回)
话说晋末天下纷乱,京口丹徒县有一好汉,姓刘名裕,表字德舆,生得虎背熊腰,目若朗星。这日雪虐风饕,刘裕于市集贩履,忽见一队鲜衣怒马呼啸而来,为首者乃本地豪强刁逵,手持债契狞笑:“刘寄奴!翌日,刘裕径入北府军营,却见士族王谧乘车巡营,锦衣玉带,指寒门士卒笑骂:“此等豚犬,也配食禄?夜宿破庙,遇流民张三,其人面黄肌瘦,泣诉:“田被士族夺,赋税逼人死,不如投军去!刘裕大笑入局,骰盅摇处,竟掷出“寒门破天”四字,玉骰迸裂!”众寒卒哄笑,王谧恼羞成怒:“明日校场较武,汝若败,杖毙!刘裕含泪葬之,碑刻“寒门忠勇”。
2025-04-01 15:46:31
103
原创 《寒门枭雄传》第一卷·京口风雷 第一回(扩写版
这京口北临大江,南倚岘山,本是舟车辐辏之地,却因连年战乱,十室九空。市集东头有一贩履摊,摊主姓刘名裕,表字德舆,生得燕颔虎须,身长八尺,虽衣衫褴褛,眉宇间却隐有龙虎之气。寒月凄凄,他徒手刨开冻土,忽见棺中掉出半卷《史记》,原是母亲生前教他认字所用。刘裕悲极反笑,以指蘸血在残碑上刻下"破局"二字,仰天啸道:“他日若遂凌云志,定教寒门换新天!"话音未落,刁府恶仆已掀摊砸架,草鞋纷落泥泞。为首者金貂裘、玉带钩,正是本地豪强刁逵,其祖上乃西晋名士刁协,如今却仗着"九品中正"的荫庇,专放"羊羔利",人称"刁半城"。
2025-04-01 15:45:10
238
原创 第一回 刁半城雪夜逼命债 刘寄奴荒坟立血誓
这京口北枕长江,南倚岘山,本是江东重镇,自"永嘉南渡"后,却成了琅琊王氏、陈郡谢氏等侨姓士族的田庄林立之地。城中破败市集东隅,有间芦席搭就的草鞋摊,摊主姓刘名裕,表字德舆,乃汉高祖弟楚元王刘交二十二世孙。虽系帝胄之后,到得刘裕这辈,早已是"上品无寒门,下品无世族"的光景。此獠祖上乃西晋名士刁协,如今仗着"九品中正制"评得三品门第,专放"羊羔利"(注:年利翻倍之高利贷),人称"刁半城"。刘裕含泪翻至《陈涉世家》,萧氏枯指摩挲"王侯将相宁有种乎"八字,气若游丝:"汝高祖提三尺剑取天下…"话未尽,已然气绝。
2025-04-01 15:43:47
634
原创 第二回 赌坊智破玉骰局 校场勇折金戈锋
刘裕细观骰面,忽见棱角微磨,心知有诈,却仰天大笑:“某若掷出‘寒门破天’,尔当如何?这一日行至京口城南,忽见一处朱楼高耸,匾额书“琅琊赌坊”,门前立着块青石碑,竟刻“寒门与狗不得入内”。”话音未落,刘裕已跃舟入水,潜至敌船底,草鞋锥子凿穿船板。刘裕赤膊上马,手持断木为枪。”刘裕抄起骰盅,竟将三骰叠作宝塔,猛力一摇,玉骰迸裂,碎屑拼出“寒门破天”四字!为首者名唤庾炳之,乃江州庾氏嫡孙,挥金戈喝道:“寒门豚犬,可敢与某马上较技?当夜月黑风高,刁逵独眼裹纱,与王谧密室谋算:“不除刘裕,吾辈永无宁日!
2025-04-01 15:42:22
512
原创 刘裕时代京口地区社会生态及主要矛盾分析
刘裕虽以暴力打破士族垄断,却未能重构制度,最终使京口成为新旧压迫交替的修罗场。:京口(今江苏镇江),北府军大本营,寒门军事集团崛起之地。京口是南朝寒门崛起的缩影,其社会生态集中展现了。:东晋末年至刘宋初年(约4世纪末至5世纪初)
2025-04-01 15:41:24
920
原创 南朝内部矛盾:士族、庶族与寒族的权力博弈
而非真正的阶层解放。寒门与士族的斗争,不过是“旧枷锁”与“新枷锁”的轮回。门阀士族的政治垄断 vs 寒门庶族的上升诉求 vs 皇权的制衡需求。南朝的内部矛盾,本质是。
2025-04-01 15:40:22
512
原创 第三回 焚契夜动长江火 分粮晨惊建康云
话说刘裕江心岛大捷后,刁逵独眼裹纱,与王谧密谋:"若不除这贩履奴,吾辈寝食难安!楼前悬一联:“朱门酒肉千秋业”,下联竟空着。库房内债契堆积如山,刘裕摸出火石,却见契堆里蜷缩个瘦童,手握半张饼:"阿爷说,还不上债,我就得抵给刁家…"刘裕解衣裹住孩童,忽见债契上血指印斑斑,怒发冲冠:“今日便烧了这吃人魔窟!入得厅堂,见席间尽是琅琊王氏、陈郡谢氏子弟,案上熊掌猩唇,酒器皆金玉所制。此时刘裕正于江滩分粮,忽见流星划过,朱龄石嚷道:"星坠于野,必应豪杰!火起时,长江竟现奇观:万千鱼虾跃出水面,似在欢呼。
2025-04-01 15:39:35
221
原创 第三卷:覆舟山决战(73-108回)主要故事情节、参与人物与结局
第三卷以“寒门兴衰一场空”收尾,宣告个人奋斗在制度面前的渺小,历史永远在“破局”与“成局”间轮回。:寒门称帝后的权力异化与历史循环的终极闭合。草鞋踏血帝王成,九品重书寒门空。千古兴亡皆戏本,新阀旧阀总相同。
2025-04-01 15:38:24
435
原创 第二卷:海盐城血战(37-72回)正反人物群像
此卷群像展现寒门“破旧枷锁”的同时“自铸新枷”,为第三卷“屠龙成魔”的终极悲剧奠基。:通过人物群像展现寒门胜利的虚幻性与权力异化的必然性。:寒门军事崛起 → 内部倾轧 → 制度性腐败。
2025-03-30 00:00:00
798
原创 第二卷:海盐城血战(37-72回)主要故事情节、参与人物与结局
第二卷以“惨胜”收尾,寒门看似崛起,实则在权力与制度的泥潭中越陷越深,为第三卷“屠龙者终成恶龙”的终极崩塌埋下引线。:寒门军事胜利的代价与权力异化的开端。
2025-03-30 00:00:00
108
原创 第三卷:覆舟山决战(73-108回)正反人物群像
通过人物群像展现屠龙者成魔的必然性与制度压迫的永恒性。此卷群像以刘裕集团的全面腐化与士族的隐形复兴,宣告。,历史重回“兴,百姓苦;亡,百姓苦”的循环魔咒。:寒门称帝→权力异化→历史循环。
2025-03-30 00:00:00
958
原创 第一卷:京口草鞋摊的野望(1-36回)正反人物群像
此群像设计旨在让读者在热血逆袭中窥见历史循环的寒意,:通过人物群像展现阶级对立的残酷与寒门觉醒的复杂性。:寒门生存压迫 vs 士族制度性剥削。
2025-03-29 00:00:00
885
原创 第一卷:京口草鞋摊的野望(1-36回)主要故事情节、参与人物与结局
第一卷以“寒门初啼”收尾,胜局中暗藏衰音,为后续权力异化与制度轮回奠定基调。:寒门觉醒与士族压迫的初次交锋。
2025-03-29 00:00:00
131
原创 第三卷:覆舟山决战(85-108回)
屠龙者终成恶龙,寒门血铸新枷锁。草鞋踏血九品崩,寒门称帝新枷成。金阶未热骨已冷,千古兴亡一局枰。:寒门称帝→权力异化→历史循环。
2025-03-28 17:53:39
750
原创 第一卷:京口草鞋摊的野望(13-36回)回目
(第二卷将展开刘裕与桓玄的终极对决,寒门在“破旧枷锁”与“成新压迫”间挣扎):寒门生存压迫 → 觉醒反抗 → 初步胜利的代价。
2025-03-28 17:50:00
438
原创 108回回目设计
形式呈现,既保证完整性,又避免信息过载。如需任一回的详细情节设计,可告知具体回目,我将展开创作。由于108回完整目录篇幅极长,我将以。:寒门称帝→异化为新压迫者。:寒门生存压迫→初步觉醒。:寒门军事崛起→内部倾轧。
2025-03-28 17:47:11
1027
原创 三卷108回回目设计
我将按每卷36回、共三卷108回的规模,以章回体风格设计刘裕寒门崛起的长篇史诗,紧扣。此108回架构既可承载历史厚重感,又能以章回体传统激活现代思考,堪称。:九品中正制→土地兼并→寒门上升通道彻底锁死。:刘裕从淳朴青年→冷血将领,首次默许屠村筹粮。:寒门军事集团内部倾轧→士族“分而治之”策略。:刘裕为大局牺牲张三等心腹,自称“必要之恶”:寒门科举沦为门荫新工具→土地兼并死灰复燃。:寒门血肉筑阶梯,同根相煎骨为薪。:屠龙者终成恶龙,寒门血铸新枷锁。:寒门蝼蚁的生存血泪与觉醒之痛。
2025-03-28 17:43:55
530
原创 刘裕的简介
刘裕(363年-422年),字德舆,小名寄奴,祖籍彭城(今江苏徐州),生于晋陵郡丹徒县(今江苏镇江),是南朝刘宋的开国皇帝(宋武帝,420年-422年在位),南北朝时期杰出的政治家、军事家。刘裕的故事在《南史》《宋书》等正史中有详细记载,其生平也带有传奇色彩(如“金戈铁马,气吞万里如虎”的赞誉)。从刘裕的生平事迹和史料记载(如《宋书》《南史》)可以推断,他的性格具有多重复杂性,既有乱世枭雄的果决狠辣,也有务实统治者的清醒克制。以下是其性格特点的典型表现:性格标签:顽强、抗压能力极强。性格标签:现实主义者,深
2025-03-28 17:40:34
781
原创 《寒门枭雄传》章回目录与核心故事设计(36回)
此36回目以章回体演尽寒门逆袭的悲壮与悖论,非为唱英雄赞歌,实为剖制度痼疾。:血肉铺就上升路,同根相煎寒门殇。:破门阀终成新阀,屠龙者自堕深渊。草履踏碎九品阶,血刃劈开百年霾。谁料寒门称帝日,新枷犹似旧枷来。:寒门崛起→权力异化→制度轮回。:个人奋斗 vs 制度性压迫。:寒门之困始于生存,终于觉醒。
2025-03-28 17:39:49
296
原创 《寒门枭雄传》章回体拟目与故事设计
此非刘裕一人之传,实为寒门与制度千年博弈之缩影。其破局之勇、困局之悲,恰照见所有试图以个人之力冲撞结构者的宿命。:刘裕、刘义符(少帝)、徐羡之(顾命大臣):刘裕、刘毅(同僚)、孙恩(起义军首领):刘裕、王镇恶(降将)、拓跋嗣(北魏帝):刘裕、司马德文(晋恭帝)、傅亮(谋士)寒门若欲开天眼,须向刀丛觅血痕。血浸征袍箭透胸,寒门功业死中生。从来寒门无退路,功成身是眼中钉。禅台血溅旧冕旒,寒门终成新冕旒。谁解寒门崛起日,已是新阀奠基章。:刘裕、刁逵(士族豪强)、刘母。:刘裕、桓玄、王谧(士族代表)
2025-03-28 17:35:21
401
基于SpringBoot的学生信息管理系统
2024-09-27
基于flask+opencv+sklearn+tensorflow的人脸识别系统
2024-07-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人