摘要: OpenGL4.x中,TransformFeedback用来分流顶点着色器或几何着色器的输出,并可以将它返回计算机的内存做一些操作。如此,我们就可以使用显卡的并行计算能力来进行一些计算加速,比如深度学习或区块链。这里记录如何使用WebGL2在浏览器中使用TransformFeedback。 1、原生 阅读全文
posted @ 2021-08-16 17:09 ljzc002 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 一、实验目的: 1、在上一篇的“RTS式单位控制”的基础上添加逻辑线程,为每个单位实现ai计算; 2、用精灵动画为单位的行为显示对应的动作效果。 二、运行效果: 1、场景中的单位分为红蓝两方,单位在发现敌对单位后向敌人移动: 2、进入攻击范围后对敌对单位发起攻击: 注意,单位在“移动”、“攻击”、“ 阅读全文
posted @ 2021-08-11 11:07 ljzc002 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 一、运行效果 1、建立一幅具有地形起伏和不同地貌纹理的地图: 地图中间为凹陷的河道,两角为突出的高地,高地和低地之间以斜坡通道相连。 水下为沙土材质,沙土材质网格贴合地形,河流材质网格则保持水平。 2、在地图上随机放置土黄色小方块表示可控单位 默认控制为自由相机——鼠标左键拖拽改变视角,上下左右键进 阅读全文
posted @ 2021-06-01 09:22 ljzc002 阅读(434) 评论(0) 推荐(1) 编辑
摘要: 第一节 Crowd Navigation System @@群组导航系统@@ A Navigation Mesh (or navmesh for short) is a surface topology describing the space where an agent can go based 阅读全文
posted @ 2021-05-31 15:29 ljzc002 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 实验目标:借助canvas把一张国际象棋棋子图片转换为一组适用于WebGL渲染的精灵动画图片,不借助其他图片处理工具,不引用其他库只使用原生js实现。 初始图片如下: 一、图片分割 将初始图片分割为六张大小相同的棋子图片 1、html舞台: 1 <!DOCTYPE html> 2 <html lan 阅读全文
posted @ 2021-01-30 14:47 ljzc002 阅读(329) 评论(0) 推荐(1) 编辑
摘要: 实验目标:建立大量对象(万级),为每个对象设置自身逻辑,并实现对象之间的交互,以原生DOM为渲染方式。主干在于对象逻辑,可根据需求换用其他渲染方式。 一、html舞台: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UT 阅读全文
posted @ 2021-01-19 14:28 ljzc002 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 设计目标:借鉴前辈编程者的经验将简单的配置文本转化为3D场景,并根据配置文件在场景中加入图片和可播放的视频,最终形成可浏览的3D陈列室。 一、使用效果 1、txt配置文件: (博客园的富文本编辑器会改变txt文本的排版,所以用图片方式呈现文本) 第一行表示陈列室的每一层前后最多有5个房间,左右最多有 阅读全文
posted @ 2020-12-03 12:40 ljzc002 阅读(753) 评论(2) 推荐(0) 编辑
摘要: 设计目标:不依赖其他库、兼容一些旧版浏览器、可配置可扩展。 测试页面: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>测试日历控件</title> 6 <style> 7 #div1{ 阅读全文
posted @ 2020-11-11 11:14 ljzc002 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 设计目标:希望复刻浏览器原生竖向滚动条的功能,并且能做一些个性化配置 测试页面: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src=" 阅读全文
posted @ 2020-11-10 16:21 ljzc002 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 设计目标:简单易用,不依赖其他库,对旧版浏览器具有一定兼容性,功能可扩展。 动画调用: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>为若干个标签添加若干个动画,动画要有变化属性(默认为 阅读全文
posted @ 2020-10-29 13:55 ljzc002 阅读(114) 评论(0) 推荐(0) 编辑